Version Project

.dockerignore

@@ -7,3 +7,4 @@
 !src
 !package*.json
 !tsconfig.json
+!.env

.env

@@ -0,0 +1 @@
+REACT_APP_VERSION=$npm_package_version

README.md

@@ -227,6 +227,21 @@ To generate a full report of the licenses used in production:
 > npm run license-report
 ```
 
+### Set Project Version
+
+To update the version of the project:
+
+1. Edit package.json `"version"` to a 
+   [semantic versioning](https://docs.npmjs.com/about-semantic-versioning)
+   compatible string (e.g. `"0.1.1-alpha.0"`).
+ 2. Run `npm install` to automatically updated `package-lock.json`.
+
+To retrieve the current version of the project from the terminal:
+
+```batch
+> npm run --silent version
+```
+
 ## Docker
 
 ### Requirements

package.json

@@ -1,6 +1,6 @@
 {
   "name": "thecombine",
-  "version": "0.1.0",
+  "version": "0.1.0-alpha.0",
   "license": "MIT",
   "private": true,
   "scripts": {
@@ -25,7 +25,8 @@
     "start": "npm install && npm-run-all --parallel frontend database api",
     "test": "dotnet test Backend.Tests/Backend.Tests.csproj && react-scripts test",
     "test:ci": "dotnet test Backend.Tests/Backend.Tests.csproj && CI=true react-scripts test --ci --all --testResultsProcessor jest-teamcity-reporter",
-    "test:debug": "react-scripts --inspect-brk test --runInBand --no-cache"
+    "test:debug": "react-scripts --inspect-brk test --runInBand --no-cache",
+    "version": "node -e console.log(require('./package.json').version);"
   },
   "dependencies": {
     "@material-ui/core": "^4.11.0",

src/components/AppBar/UserMenu.tsx

@@ -83,6 +83,7 @@ interface UserMenuListProps {
  * UserMenu options: site settings (for admins), user settings, log out
  */
 export function UserMenuList(props: UserMenuListProps) {
+  const { REACT_APP_VERSION } = process.env;
   return (
     <React.Fragment>
       {/* Only show Site Settings link to Admin users. */}
@@ -115,6 +116,9 @@ export function UserMenuList(props: UserMenuListProps) {
         <ExitToApp style={{ marginRight: theme.spacing(1) }} />
         <Translate id="userMenu.logout" />
       </MenuItem>
+      <MenuItem disabled style={{ justifyContent: "center" }}>
+        v{REACT_APP_VERSION}
+      </MenuItem>
     </React.Fragment>
   );
 }