Browse Source

Inject version during build into the frontend

Kailash Nadh 5 years ago
parent
commit
2ee2e68230
4 changed files with 6 additions and 4 deletions
  1. 2 2
      Makefile
  2. 1 1
      frontend/package.json
  3. 1 0
      frontend/public/index.html
  4. 2 1
      frontend/src/Layout.js

+ 2 - 2
Makefile

@@ -19,7 +19,7 @@ build:
 
 .PHONY: build-frontend
 build-frontend:
-	cd frontend && yarn build
+	export REACT_APP_VERSION="${VERSION}" && cd frontend && yarn build
 
 .PHONY: run
 run: build
@@ -27,7 +27,7 @@ run: build
 
 .PHONY: run-frontend
 run-frontend:
-	cd frontend && yarn start
+	export REACT_APP_VERSION="${VERSION}" && cd frontend && yarn start
 
 .PHONY: test
 test:

+ 1 - 1
frontend/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "my",
+  "name": "listmonk",
   "version": "0.1.0",
   "private": true,
   "dependencies": {

+ 1 - 0
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>

+ 2 - 1
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"