Merge pull request #312 from fractal-analytics-platform/footer-version

Displayed fractal-web version in the footer

Author: tcompa

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 # Unreleased
 
+* Added fractal-web version to the footer (\#312).
 * Added new modal for create/update dataset feature (\#310).
 * Standardized modal management to fix some bugs (\#306).
 * Added proxy endpoints and refactored error propagation (\#288).

src/routes/+layout.svelte

@@ -4,6 +4,9 @@
 
 	$: userLoggedIn = !!$page.data.userInfo;
 	$: server = $page.data.serverInfo || {};
+	// @ts-ignore
+	// eslint-disable-next-line no-undef
+	let clientVersion = __APP_VERSION__;
 
 	// Detects page change
 	$: if ($navigating) cleanupModalBackdrop();
@@ -59,7 +62,9 @@
 		>
 			<div class="col d-flex justify-content-center">
 				<div class="hstack gap-3">
-					<span class="font-monospace">{server.version}</span>
+					<span class="font-monospace">
+						fractal-server {server.version}, fractal-web {clientVersion}
+					</span>
 				</div>
 			</div>
 		</footer>

vite.config.js

@@ -1,8 +1,17 @@
 import { sveltekit } from '@sveltejs/kit/vite';
+import { readFileSync } from 'fs';
+import { fileURLToPath } from 'url';
+
+const packageJsonFile = fileURLToPath(new URL('package.json', import.meta.url));
+const packageJsonData = readFileSync(packageJsonFile);
+const pkg = JSON.parse(packageJsonData);
 
 /** @type {import('vite').UserConfig} */
 const config = {
 	plugins: [sveltekit()],
+	define: {
+		__APP_VERSION__: JSON.stringify(pkg.version)
+	},
 	test: {
 		globals: true,
 		include: ['**/__tests__/**/*.?(c|m)[jt]s?(x)']