Use git hash as version

client/components/NavBar.jsx

@@ -97,7 +97,7 @@ class NavBar extends React.Component {
                         <Link className="navbar-item" to='/graders'>Manage graders</Link>
                         <Link className="navbar-item has-text-info" to='/reset'>reset</Link>
                         <div className="navbar-item">
-                            <i>Version 0.6.4</i>
+                            <i>Version { __COMMIT_HASH__ }</i>
                         </div>
                     </div>
                 </div>

package.json

@@ -20,6 +20,7 @@
     "font-awesome": "^4.7.0",
     "fuse.js": "^3.2.0",
     "get-closest": "^0.0.4",
+    "git-revision-webpack-plugin": "^3.0.3",
     "html-webpack-plugin": "^3.2.0",
     "mini-css-extract-plugin": "^0.4.0",
     "mousetrap": "^1.6.1",

webpack.dev.js

@@ -2,6 +2,11 @@ const webpack = require('webpack');
 const merge = require('webpack-merge');
 const common = require('./webpack.common.js');
 
+const commitHash = require('child_process')
+    .execSync('git rev-parse --short HEAD')
+    .toString()
+    .trim();
+
 module.exports = merge(common, {
     mode: 'development',
     module: {
@@ -29,6 +34,9 @@ module.exports = merge(common, {
     plugins: [
         new webpack.EvalSourceMapDevToolPlugin({
             sourceURLTemplate: module => `/${module.identifier}`
+        }),
+        new webpack.DefinePlugin({
+            __COMMIT_HASH__: JSON.stringify(commitHash +  '-dev'),
         })
     ]
 })
\ No newline at end of file

webpack.prod.js

@@ -5,6 +5,11 @@ const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const common = require('./webpack.common.js');
 
+const commitHash = require('child_process')
+    .execSync('git rev-parse --short HEAD')
+    .toString()
+    .trim();
+
 module.exports = merge(common, {
 
     mode: 'production',
@@ -36,6 +41,9 @@ module.exports = merge(common, {
         new MiniCssExtractPlugin({
             filename: "[name].css",
             chunkFilename: "[id].css"
+        }),
+        new webpack.DefinePlugin({
+            __COMMIT_HASH__: JSON.stringify(commitHash +  '-prod'),
         })
    ]
 })
\ No newline at end of file