Frontend version: disable - method to be polished

build.yaml

@@ -1,8 +1,11 @@
-- name: Build container
+- name: Build container image
   hosts: localhost
   gather_facts: false
   vars:
     repository: tiptop:5000
+    force_rm: false
+    cache: false
+
   tasks:
     - name: Install dependencies
       command: pnpm install
@@ -28,8 +31,10 @@
         path: "{{ playbook_dir }}"
         build:
           format: oci
-          cache: no
+          force_rm: "{{ force_rm }}"
+          cache: "{{ cache }}"
           file: Containerfile
+          extra_args: "--build-arg APP_VERSION={{ version.stdout }}"
         push: true
         push_args:
           dest: "{{ repository }}/treetrail-frontend:{{ version.stdout }}"

src/app/about/about.component.html

@@ -4,7 +4,7 @@
   </mat-card-title>
   <mat-card-content>
     <h2>Version</h2>
-      <p><span class='h'>Client: </span>{{ (configService.conf | async).bootstrap.client.version }}></p>
+      <!--<p><span class='h'>Client: </span>{{ version }}></p>-->
       <p><span class='h'>Server: </span>{{ (configService.conf | async).bootstrap.server.version }}</p>
   </mat-card-content>
 </mat-card>

src/app/about/about.component.ts

@@ -1,6 +1,8 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit } from '@angular/core'
 
 import { ConfigService } from '../config.service'
+// TODO: get the dynamic version from the git tags
+//import packageJson from '../../../package.json'
 
 @Component({
   selector: 'app-about',
@@ -12,6 +14,8 @@ export class AboutComponent implements OnInit {
     public configService: ConfigService,
   ) { }
 
+  //public version: string = packageJson.version
+
   ngOnInit(): void {
   }
 }

tsconfig.json

@@ -15,6 +15,9 @@
     "importHelpers": true,
     "target": "ES2022",
     "module": "es2020",
+    // TODO: get the dynamic version from the git tags
+    //"allowSyntheticDefaultImports": true,
+    //"resolveJsonModule": true,
     "lib": [
       "es2019",
       "dom"