Inject version during build into the frontend

runningnoodle · Feb 9, 2020 · 2ee2e68 · 2ee2e68
1 parent f039f35
commit 2ee2e68
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/Makefile b/Makefile
@@ -19,15 +19,15 @@ build:
 
 .PHONY: build-frontend
 build-frontend:
-	cd frontend && yarn build
+	export REACT_APP_VERSION="${VERSION}" && cd frontend && yarn build
 
 .PHONY: run
 run: build
 	./${BIN}
 
 .PHONY: run-frontend
 run-frontend:
-	cd frontend && yarn start
+	export REACT_APP_VERSION="${VERSION}" && cd frontend && yarn start
 
 .PHONY: test
 test:

diff --git a/frontend/package.json b/frontend/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "my",
+  "name": "listmonk",
   "version": "0.1.0",
   "private": true,
   "dependencies": {

diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -9,6 +9,7 @@
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.png">
     <title>listmonk</title>
+    <script>VERSION = "%REACT_APP_VERSION%";</script>
   </head>
   <body>
     <noscript>

diff --git a/frontend/src/Layout.js b/frontend/src/Layout.js
@@ -230,7 +230,8 @@ class Base extends React.Component {
               >
                 listmonk
               </a>{" "}
-              &copy; 2019 {year !== 2019 ? " - " + year : ""} &mdash;{" "}
+              &copy; 2019 {year !== 2019 ? " - " + year : ""}.
+              Version { process.env.REACT_APP_VERSION } &mdash;{" "}
               <a
                 href="https://listmonk.app/docs"
                 target="_blank"