From 2c702c4588a236acb79dd7386fb5518695095a6b Mon Sep 17 00:00:00 2001
From: Jannik <jannik@picoscratch.de>
Date: Sat, 13 Sep 2025 18:02:18 +0200
Subject: [PATCH] feat: add software licenses

---
 .gitea/workflows/2-cd.yml                     |  8 +++
 .gitignore                                    |  3 ++
 messages/de.json                              |  3 +-
 messages/en.json                              |  3 +-
 src/lib/components/lnv/Sidebar.svelte         |  2 +
 .../lnv/sidebar/settings/AboutSidebar.svelte  |  8 +++
 .../sidebar/settings/LicensesSidebar.svelte   | 54 +++++++++++++++++++
 updateLicenses.sh                             |  4 ++
 8 files changed, 83 insertions(+), 2 deletions(-)
 create mode 100644 src/lib/components/lnv/sidebar/settings/LicensesSidebar.svelte
 create mode 100755 updateLicenses.sh

diff --git a/.gitea/workflows/2-cd.yml b/.gitea/workflows/2-cd.yml
index d19cefa..2ea204a 100644
--- a/.gitea/workflows/2-cd.yml
+++ b/.gitea/workflows/2-cd.yml
@@ -14,6 +14,10 @@ jobs:
       - uses: oven-sh/setup-bun@v2
       - name: Install dependencies
         run: bun i
+      - name: Get licenses
+        run: ./updateLicenses.sh
+        env:
+          GITHUB_TOKEN: ${{ secrets.GH_TOKEN }}
       - run: bun run build
       - name: Upload build artifact
         uses: actions/upload-artifact@v3
@@ -51,6 +55,10 @@ jobs:
       - uses: oven-sh/setup-bun@v2
       - name: Install dependencies
         run: bun i
+      - name: Get licenses
+        run: ./updateLicenses.sh
+        env:
+          GITHUB_TOKEN: ${{ secrets.GH_TOKEN }}
       - name: Setup Java
         uses: actions/setup-java@v4
         with:
diff --git a/.gitignore b/.gitignore
index 49ef0bd..23f73df 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,3 +23,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+public/licenses.json
+public/licenses/
diff --git a/messages/de.json b/messages/de.json
index 149d9e9..fc87db8 100644
--- a/messages/de.json
+++ b/messages/de.json
@@ -52,7 +52,8 @@
 		"about": {
 			"header": "Über",
 			"powered-by": "Angetrieben von",
-			"contributors": "Mitwirkende"
+			"contributors": "Mitwirkende",
+			"licenses": "Open Source Lizenzen"
 		},
 		"developer": {
 			"header": "Entwicklereinstellungen"
diff --git a/messages/en.json b/messages/en.json
index aaf46ac..377559a 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -52,7 +52,8 @@
 		"about": {
 			"header": "About",
 			"powered-by": "Powered by",
-			"contributors": "contributors"
+			"contributors": "contributors",
+			"licenses": "Open Source Licenses"
 		},
 		"developer": {
 			"header": "Developer Settings"
diff --git a/src/lib/components/lnv/Sidebar.svelte b/src/lib/components/lnv/Sidebar.svelte
index 0d0817c..dd26ace 100644
--- a/src/lib/components/lnv/Sidebar.svelte
+++ b/src/lib/components/lnv/Sidebar.svelte
@@ -40,6 +40,7 @@
 		onboarding: "onboarding/OnboardingSidebar",
 		"onboarding-vehicles": "onboarding/OnboardingVehiclesSidebar",
 		"nearby-poi": "NearbyPOISidebar",
+		licenses: "settings/LicensesSidebar",
 	};
 
 	const fullscreen: Record<string, boolean> = {
@@ -57,6 +58,7 @@
 		onboarding: true,
 		"onboarding-vehicles": true,
 		"nearby-poi": false,
+		licenses: true,
 	};
 
 	let isDragging = false;
diff --git a/src/lib/components/lnv/sidebar/settings/AboutSidebar.svelte b/src/lib/components/lnv/sidebar/settings/AboutSidebar.svelte
index 75922ed..6030f1d 100644
--- a/src/lib/components/lnv/sidebar/settings/AboutSidebar.svelte
+++ b/src/lib/components/lnv/sidebar/settings/AboutSidebar.svelte
@@ -1,7 +1,9 @@
 <script>
 	import { m } from "$lang/messages";
+	import { ScaleIcon } from "@lucide/svelte";
 	import SidebarHeader from "../SidebarHeader.svelte";
 	import { getDeveloperToggle } from "./developer.svelte";
+	import SettingsButton from "./SettingsButton.svelte";
 
 	let count = 5;
 	const dev = getDeveloperToggle();
@@ -33,3 +35,9 @@
 	<li>Photon</li>
 	<li>Overpass</li>
 </ul>
+
+<SettingsButton
+	icon={ScaleIcon}
+	text={m["sidebar.about.licenses"]()}
+	view="licenses"
+/>
diff --git a/src/lib/components/lnv/sidebar/settings/LicensesSidebar.svelte b/src/lib/components/lnv/sidebar/settings/LicensesSidebar.svelte
new file mode 100644
index 0000000..7038092
--- /dev/null
+++ b/src/lib/components/lnv/sidebar/settings/LicensesSidebar.svelte
@@ -0,0 +1,54 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import SidebarHeader from "../SidebarHeader.svelte";
+	import { m } from "$lang/messages";
+
+	let licenses: License[] = $state([]);
+	let loading = $state(true);
+
+	interface License {
+		name: string;
+		licenseType: string;
+		link: string;
+		installedFrom?: string;
+		remoteVersion: string;
+		installedVersion: string;
+		definedVersion: string;
+		latestRemoteVersion?: string;
+		latestRemoteModified?: string;
+		author: string;
+	}
+
+	onMount(async () => {
+		const res = await fetch("/licenses.json");
+		licenses = await res.json();
+		loading = false;
+	});
+</script>
+
+<SidebarHeader>{m["sidebar.about.licenses"]()}</SidebarHeader>
+
+{#if loading}
+	<p>Loading...</p>
+{:else if licenses.length == 0}
+	<p>No licenses found.</p>
+{:else}
+	<ul
+		style="display: flex; flex-direction: column; gap: 1em; padding: 0; list-style: none;"
+	>
+		{#each licenses as license (license.name)}
+			<li>
+				<strong>{license.name}</strong> - {license.installedVersion}
+				<p
+					style="white-space: pre-wrap; background: #0e0e0e; padding: 1em; border-radius: 0.5em; overflow-x: scroll;"
+				>
+					{#await fetch("/licenses/" + license.name + ".LICENSE.txt").then( (res) => res.text(), ) then text}
+						{text.startsWith("<!doctype html>") ? license.licenseType : text}
+					{:catch _error}
+						{license.licenseType}
+					{/await}
+				</p>
+			</li>
+		{/each}
+	</ul>
+{/if}
diff --git a/updateLicenses.sh b/updateLicenses.sh
new file mode 100755
index 0000000..49bb265
--- /dev/null
+++ b/updateLicenses.sh
@@ -0,0 +1,4 @@
+#!/bin/sh
+bunx license-report --output=json > public/licenses.json
+rm -r public/licenses/
+bunx license-downloader --source public/licenses.json --licDir public/licenses/ --download
\ No newline at end of file