feat: add version tag to toolbar in UI

OpenGeoscience · Oct 10, 2024 · 6f6d04d · 6f6d04d
1 parent 6a26ea6
commit 6f6d04d
Show file tree

Hide file tree

Showing 5 changed files with 67 additions and 1 deletion.
diff --git a/docker-compose.override.yml b/docker-compose.override.yml
@@ -54,6 +54,7 @@ services:
     working_dir: /web
     volumes:
       - ./web:/web
+      - ./.git:/web/.git  # allow fetching version tag
     ports:
       - 8080:8080
     environment:

diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -15,6 +15,7 @@
     "axios": "^1.4.0",
     "buffer": "^6.0.3",
     "core-js": "^3.8.3",
+    "git-describe": "^4.1.1",
     "lodash": "^4.17.21",
     "maplibre-gl": "^4.6.0",
     "shpjs": "^4.0.4",

diff --git a/web/src/App.vue b/web/src/App.vue
@@ -31,6 +31,7 @@ export default defineComponent({
   setup() {
     const drawer = ref(true);
     const showError = computed(() => currentError.value !== undefined);
+    const version = process.env.VUE_APP_VERSION;
 
     function onReady() {
       if (currentUser.value) {
@@ -49,6 +50,7 @@ export default defineComponent({
     return {
       login,
       logout,
+      version,
       currentUser,
       drawer,
       currentProject,
@@ -103,7 +105,12 @@ export default defineComponent({
         @click.stop="drawer = !drawer"
         v-if="!projectConfigMode"
       />
-      <v-toolbar-title>UVDAT</v-toolbar-title>
+      <v-toolbar-title>
+        UVDAT
+        <v-card-subtitle style="display: inline-block; vertical-align: bottom">
+          {{ version }}
+        </v-card-subtitle>
+      </v-toolbar-title>
       <v-spacer />
       <div v-if="currentUser" class="px-3">
         {{ currentUser.first_name }}

diff --git a/web/vue.config.js b/web/vue.config.js
@@ -1,5 +1,9 @@
 const { ProvidePlugin } = require("webpack");
 
+const { gitDescribeSync } = require("git-describe");
+const describe = gitDescribeSync();
+process.env.VUE_APP_VERSION = describe.dirty ? describe.raw : describe.tag;
+
 module.exports = {
   transpileDependencies: true,
   configureWebpack: {