UI: display git hash and build timestamp in the footer

lwitkowski · Jul 30, 2024 · 95d1568 · 95d1568
1 parent 761bc3b
commit 95d1568
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 2 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -23,7 +23,8 @@
     "webpack": "^5.93.0"
   },
   "devDependencies": {
-    "@vue/cli-service": "^5.0.8"
+    "@vue/cli-service": "^5.0.8",
+    "git-describe": "^4.1.1"
   },
   "browserslist": [
     "> 1%",

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -27,11 +27,13 @@
           </template>
         </v-select>
       </div>
+
     </div>
     <div id="body">
       <Toast />
       <router-view :key="$route.path" />
     </div>
+    <div id="footer">{{ buildInfo }}</div>
   </div>
 </template>
 
@@ -237,6 +239,7 @@ export default {
     return {
       options: [],
       selected: '',
+      buildInfo: 'Build: v.' + process.env.VUE_APP_GIT_HASH + ", " + process.env.VUE_APP_BUILD_TIMESTAMP
     };
   },
 

diff --git a/frontend/vue.config.js b/frontend/vue.config.js
@@ -2,6 +2,7 @@ const { defineConfig } = require('@vue/cli-service')
 const {gitDescribe, gitDescribeSync} = require('git-describe');
 
 process.env.VUE_APP_GIT_HASH = gitDescribeSync().hash
+process.env.VUE_APP_BUILD_TIMESTAMP = new Date().toISOString()
 
 module.exports = defineConfig({
   devServer: {