Also print git commit hash

Author: Kirill Pimenov

src/App.vue

@@ -11,7 +11,7 @@
     </div>
     <SavePageInfo v-else-if="!localFile"/>
     <GoOfflineInfo v-else-if="isOnline"/>
-    <p class="version-footer">BananaSplit version {{version}}</p>
+    <p class="version-footer">BananaSplit version {{version}}, git revision {{gitRevision}}</p>
   </div>
 </template>
 
@@ -39,6 +39,9 @@ export default {
     },
     version: function() {
       return version
+    },
+    gitRevision: function() {
+      return process.env.GIT_REVISION;
     }
   }
 }

src/components/ShardQrCode.vue

@@ -12,7 +12,7 @@
                 <div class="recovery-title">Recovery&nbsp;passphrase&nbsp;is&nbsp;</div>
                 <div class="recovery-blank"/>
             </div>
-            <p class="version">This has been generated by Banana Split version {{version}}</p>
+            <p class="version">This has been generated by BananaSplit version {{version}}, git revision {{gitRevision}}</p>
         </div>
     </div>
 </template>
@@ -36,6 +36,9 @@ export default {
         },
         version: function() {
             return version;
+        },
+        gitRevision: function() {
+            return process.env.GIT_REVISION;
         }
     }
 }

vue.config.js

@@ -1,5 +1,9 @@
 let HtmlWebpackPlugin = require('html-webpack-plugin');
 let HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin');
+let Webpack = require('webpack');
+
+let childProcess = require('child_process');
+let GIT_REVISION = childProcess.execSync('git rev-parse HEAD').toString();
 
 module.exports = {
   productionSourceMap: false,
@@ -12,7 +16,12 @@ module.exports = {
         template: 'public/index.html',
         inlineSource: '.(js|css)$'
       }),
-      new HtmlWebpackInlineSourcePlugin(HtmlWebpackPlugin)
+      new HtmlWebpackInlineSourcePlugin(HtmlWebpackPlugin),
+      new Webpack.DefinePlugin({
+        'process.env': {
+          'GIT_REVISION': JSON.stringify(GIT_REVISION)
+        }
+      })
     ]
   }
 }