feat(ui): display app version in report navbar

.github/workflows/release.yml

@@ -16,6 +16,7 @@ jobs:
       - uses: actions/setup-node@60edb5dd545a775178f52524783378180af0d1f8 # v4.0.2
         with:
           node-version-file: 'client/.nvmrc'
+      - run: sed -i 's/unreleased/${{ github.ref_name }}/' client/package.json
       - run: NODE_ENV=CI npm -C client install
       - run: NODE_ENV=production npm -C client run build
 

Makefile

@@ -58,6 +58,7 @@ fmt: ## Run `go fmt` on all files
 
 client.artifact: ## Build client artifact (Svelte static site)
 	rm -rf client/build
+	# sed -i 's/unreleased/$(shell git describe --tags --abbrev=0)-next/' client/package.json
 	NODE_ENV=CI npm -C client install
 	NODE_ENV=production npm -C client run build
 

client/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "dib-client",
-	"version": "0.0.1",
+	"version": "unreleased",
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",

client/src/routes/+layout.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { version } from '$app/environment';
 	import { page } from '$app/stores';
 	import { onMount } from 'svelte';
 	import { imagesStore, reportDataStore } from '$stores/report.ts';
@@ -60,6 +61,14 @@
 				<a href="/scan" class:current={$page.url.pathname.startsWith('/scan')}>Scan logs</a>
 			</li>
 		</ul>
+
+		<div class="footer">
+			Made with ♥ by Radio France
+			<br />
+			<a href="https://github.com/radiofrance/dib/releases" target="_blank">
+				<span>{version}</span>
+			</a>
+		</div>
 	</div>
 
 	<div class="content">
@@ -106,6 +115,14 @@
 		color: grey;
 	}
 
+	.navbar .footer {
+		position: fixed;
+		bottom: 0.5em;
+		width: auto;
+		text-align: center;
+		color: #eeeeee;
+	}
+
 	.content {
 		width: 100%;
 		padding: 1rem 2rem;

client/svelte.config.js

@@ -1,5 +1,6 @@
 import adapter from '@sveltejs/adapter-static';
 import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+import packageJson from './package.json' assert { type: 'json' };
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -22,6 +23,9 @@ const config = {
 			'$lib/*': 'src/lib/*',
 			'$models/*': 'src/models/*',
 			'$stores/*': 'src/stores/*'
+		},
+		version: {
+			name: packageJson.version
 		}
 	}
 };