feat: show version in page footer

Author: 0x2E

frontend/package-lock.json

@@ -18,6 +18,7 @@
 		"@sveltejs/vite-plugin-svelte": "^3.0.2",
 		"@tailwindcss/typography": "^0.5.10",
 		"@types/eslint": "^8.56.5",
+		"@types/node": "^20.11.28",
 		"@typescript-eslint/eslint-plugin": "^7.2.0",
 		"@typescript-eslint/parser": "^7.2.0",
 		"autoprefixer": "^10.4.18",
@@ -46,7 +47,7 @@
 		"mode-watcher": "^0.3.0",
 		"moment": "^2.30.1",
 		"svelte-sonner": "^0.3.19",
-		"tailwind-merge": "^2.2.1",
+		"tailwind-merge": "^2.2.2",
 		"tailwind-variants": "^0.2.1"
 	}
 }

frontend/package.json

@@ -1,7 +1,16 @@
-<footer class="mt-4 py-3 bg-muted">
-	<p class="text-muted-foreground text-center">
-		Fusion is an <a href="https://github.com/0x2e/fusion" target="_blank" class="underline">
-			Open Source Project</a
-		>. Logo by <a href="https://icons8.com" target="_blank" class="underline">Icons8</a>
-	</p>
+<script lang="ts">
+	const version = import.meta.env.FUSION.version;
+</script>
+
+<footer class="mt-8 py-3 bg-muted text-muted-foreground">
+	<div class="flex justify-between max-w-[900px] mx-auto px-4">
+		<span>
+			Fusion version <a href="https://github.com/0x2e/fusion" target="_blank" class="underline">
+				{version}</a
+			>.
+		</span>
+		<span>
+			Logo by <a href="https://icons8.com" target="_blank" class="underline">Icons8</a>
+		</span>
+	</div>
 </footer>

frontend/src/lib/components/Footer.svelte

@@ -1,8 +1,16 @@
 import { sveltekit } from '@sveltejs/kit/vite';
+import { execSync } from 'child_process';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
 	plugins: [sveltekit()],
+	define: {
+		'import.meta.env.FUSION': JSON.stringify({
+			version:
+				execSync('git describe --tags --abbrev=0').toString().trimEnd() ||
+				execSync('git rev-parse --short HEAD').toString().trimEnd()
+		})
+	},
 	server: {
 		proxy: {
 			'/api': {