added version info

r0light · Apr 15, 2024 · f92429c · f92429c
1 parent 9f394bd
commit f92429c
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 3 deletions.
diff --git a/env.d.ts b/env.d.ts
@@ -0,0 +1 @@
+declare const APP_VERSION: string;
diff --git a/src/App.vue b/src/App.vue
@@ -2,7 +2,7 @@
   <header>
     <nav class="navbar navbar-expand-lg navbar-dark bg-dark text-white">
       <div class="navbar-header">
-          <a class="navbar-brand text-muted"><i class="fa-solid fa-cube"></i> Clounaq</a>
+          <a class="navbar-brand text-muted no-line-space"><i class="fa-solid fa-cube"></i> Clounaq <br><span class="versionInfo">v{{ version }}</span></a>
         </div>
       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@@ -140,6 +140,7 @@ export type ModelingData = {
 }
 
 const CLOUNAQ = "Clounaq";
+const version = APP_VERSION;
 
 const router = useRouter();
 
@@ -522,6 +523,16 @@ function deleteModelingPage(id: number) {
   display: contents;
 }
 
+.no-line-space {
+  line-height: 0.4em;
+}
+
+.versionInfo {
+  font-size: x-small;
+  margin-left: 6.5em;
+  color: white;
+}
+
 #vapp {
   display: flex;
   flex-direction: column;

diff --git a/vite.config.ts b/vite.config.ts
@@ -11,5 +11,8 @@ export default defineConfig({
       '@': fileURLToPath(new URL('./src', import.meta.url))
     }
   },
-  publicDir: "public"
+  publicDir: "public",
+  define: {
+    APP_VERSION: JSON.stringify(process.env.npm_package_version),
+  },
 })
diff --git a/vitest.config.ts b/vitest.config.ts
@@ -9,7 +9,7 @@ export default defineConfig({
   ],
   test: {
     globals: true,
-    environment: 'jsdom',
+    environment: 'jsdom'
     /*
     browser: {
         enabled: true,