Version-stamp frontend

Author: mejedi

.github/workflows/build-and-trigger-deploy.yml

@@ -47,7 +47,7 @@ jobs:
     - name: Build Docker image
       run: >
         VERSION=$(cat version/version);
-        DOCKER_BUILDKIT=1 docker build . --tag "${IMAGEID}:${VERSION}-amd64" &&
+        DOCKER_BUILDKIT=1 docker build . --tag "${IMAGEID}:${VERSION}-amd64" --build-arg "VERSION=${VERSION}" &&
         docker save "${IMAGEID}:${VERSION}-amd64" | gzip > image.tar.gz
     - uses: actions/[email protected]
       with: { name: docker-image-amd64, path: image.tar.gz }

Dockerfile

@@ -6,6 +6,7 @@
 #
 #######################################################################
 FROM node:10-alpine AS luajit.me.builder
+ARG VERSION
 
 # As of Docker 19.03.5, DOCKER_BUILDKIT=1 and userns_remap enabled,
 # if a directory was created during COPY, it won't be writable in RUN.
@@ -21,7 +22,7 @@ COPY webpack.config.js /root/luajit.me
 COPY client /root/luajit.me/client
 COPY server/targets.js /root/luajit.me/server/
 RUN cd /root/luajit.me && npm config set unsafe-perm true \
-    && npm install
+    && VERSION=$VERSION npm install
 
 COPY server /root/luajit.me/server
 

client/entry.js

@@ -1,3 +1,5 @@
+window.version = __VERSION__;
+
 import {debounce} from "./debounce";
 
 import React from "react";

webpack.config.js

@@ -75,6 +75,9 @@ module.exports = {
         ]
     },
     plugins: [
+        new webpack.DefinePlugin({
+          __VERSION__: JSON.stringify(process.env.VERSION || 'VERSIONUNKNOWN')
+        }),
         // contenthash presumably depends on the module id, hence stable
         // module ids are paramount
         new webpack.HashedModuleIdsPlugin({