#306 show ClientApp version in footer

Kentico · Nov 16, 2023 · afb2cb2 · afb2cb2
1 parent 1689beb
commit afb2cb2
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 3 deletions.
diff --git a/KenticoInspector.WebApplication/ClientApp/package.json b/KenticoInspector.WebApplication/ClientApp/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ClientApp",
-  "version": "0.1.0",
+  "version": "4.1.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

diff --git a/KenticoInspector.WebApplication/ClientApp/src/app.vue b/KenticoInspector.WebApplication/ClientApp/src/app.vue
@@ -18,7 +18,7 @@
         <span class="mr-2">Source on Github</span>
         <v-icon>mdi-github-box</v-icon>
       </v-btn>
-      <div>Version 4.0.0</div>
+      <div>{{ $store.getters.appVersion }}</div>
     </v-footer>
   </v-app>
 </template>

diff --git a/KenticoInspector.WebApplication/ClientApp/src/store/index.js b/KenticoInspector.WebApplication/ClientApp/src/store/index.js
@@ -14,5 +14,13 @@ export default new Vuex.Store({
     instances,
     reports
   },
+  state: {
+    packageVersion: process.env.PACKAGE_VERSION || '0'
+  },
+  getters: {
+    appVersion: (state) => {
+      return state.packageVersion
+    }
+  },
   strict: debug
 })
diff --git a/KenticoInspector.WebApplication/ClientApp/vue.config.js b/KenticoInspector.WebApplication/ClientApp/vue.config.js
@@ -1,3 +1,16 @@
+const fs = require('fs')
+const webpack = require('webpack')
+const packageJson = fs.readFileSync('./package.json')
+const version = JSON.parse(packageJson).version || 0
 module.exports = {
-  lintOnSave: undefined
+    configureWebpack: {
+        plugins: [
+            new webpack.DefinePlugin({
+                'process.env': {
+                    PACKAGE_VERSION: '"' + version + '"'
+                }
+            })
+        ]
+    },
+    lintOnSave: undefined
 }