From f92429ca4579f2e0c604a34c4494a24d26c78e0a Mon Sep 17 00:00:00 2001
From: Robin <robin.lichtenthaeler@web.de>
Date: Mon, 15 Apr 2024 22:32:01 +0200
Subject: [PATCH] added version info

---
 env.d.ts         |  1 +
 src/App.vue      | 13 ++++++++++++-
 vite.config.ts   |  5 ++++-
 vitest.config.ts |  2 +-
 4 files changed, 18 insertions(+), 3 deletions(-)
 create mode 100644 env.d.ts

diff --git a/env.d.ts b/env.d.ts
new file mode 100644
index 00000000..7f441e55
--- /dev/null
+++ b/env.d.ts
@@ -0,0 +1 @@
+declare const APP_VERSION: string;
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 72734192..8e5d6a13 100644
--- 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
index 255f4f42..16d19994 100644
--- 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),
+  },
 })
\ No newline at end of file
diff --git a/vitest.config.ts b/vitest.config.ts
index 6553120c..94400603 100644
--- 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,