fix version display

.gitlab-ci.yml

 stages:
-  - tag_version
   - build
   - ci
   - coverage
@@ -11,14 +10,6 @@ workflow:
     - if: '$CI_COMMIT_TAG'
       when: never
     - when: always
-#TODO: add version tagging as separate Docker service, trigger it before frontend source compilation
-tag_version:
-  image: python:3.8-alpine
-  stage: tag_version
-  script:
-    - apk update
-    - apk add --no-cache git
-    - python3 ./mc_frontend/update_version.py
 build:
   image: docker:24.0.5
   services:

docker-compose.yml

@@ -14,7 +14,7 @@ services:
     build:
       context: ./mc_frontend
       dockerfile: Dockerfile
-    entrypoint: ng build --prod app
+    entrypoint: npm run build-prod
     image: konstantinschulz/mc_frontend:latest
     volumes:
       - ./mc_frontend/www:/home/mc/mc_frontend/www
@@ -33,8 +33,6 @@ services:
     ports:
       - "5000:5000"
     restart: always
-    volumes:
-      - ./mc_frontend/src/version.ts:/home/mc/version.ts
   nginx:
     command: nginx -g "daemon off;"
     image: nginx:alpine

mc_frontend/package.json

 {
   "name": "mc_frontend",
-  "version": "1.8.4",
+  "version": "2.7.7",
   "author": "Ionic Framework",
   "homepage": "https://ionicframework.com/",
   "scripts": {
     "ng": "ng",
-    "start": "python update_version.py && ng serve --port 8100",
+    "start": "npm run tag && ng serve --port 8100",
     "build": "ng build",
+    "build-prod": "npm run tag && ng build --prod app",
     "test-ci": "ng test --code-coverage --watch=false",
     "test-cov": "ng test --code-coverage --watch=true",
     "test-debug": "ng test --watch=true --browsers=Chrome",
     "lint": "ng lint",
-    "e2e": "ng e2e"
+    "e2e": "ng e2e",
+    "tag": "node -p \"'export const VERSION = ' + JSON.stringify(require('./package.json').version) + ';'\" > src/version.ts"
   },
   "private": true,
   "dependencies": {

mc_frontend/src/app/home/home.page.ts

@@ -7,8 +7,8 @@ import {TranslateService} from '@ngx-translate/core';
 import {ExerciseService} from 'src/app/exercise.service';
 import {CorpusService} from 'src/app/corpus.service';
 import {take} from 'rxjs/operators';
-import {version} from 'src/version';
 import configMC from '../../configMC';
+import {VERSION} from "../../version";
 
 @Component({
     selector: 'app-home',
@@ -60,7 +60,7 @@ export class HomePage implements OnInit {
                 tabs.style.maxWidth = '65%';
             }
         }
-        this.version = version;
+        this.version = VERSION;
     }
 
     refreshCorpora(): Promise<void> {

mc_frontend/update_version.py

-try:
-    import os
-    import subprocess
-
-    current_path = os.path.realpath(__file__)
-    version_file_path = os.path.join(os.path.dirname(current_path), "src", "version.ts")
-    version_log_file_path = os.path.abspath("version.log")
-    tag_bytes = ""
-    if os.path.exists(version_log_file_path):
-        with open(version_log_file_path) as f:
-            tag_bytes = f.read()
-    else:
-        tag_bytes = subprocess.check_output("git tag --points-at HEAD", shell=True)[:-1].decode('utf-8')
-    with open(version_file_path, "w+") as f:
-        f.write("export const version = '{0}';\n".format(tag_bytes))
-except:
-    pass