show app version in footer

Author: lyubov-voloshko

frontend/Dockerfile

@@ -1,9 +1,19 @@
 FROM public.ecr.aws/docker/library/node:18-alpine as builder
+ARG VERSION
 WORKDIR /app
 COPY package.json yarn.lock ./
 RUN yarn global add @angular/cli && yarn install
 COPY angular.json browserslist tsconfig.app.json tsconfig.json tslint.json ./
+COPY scripts ./scripts/
 COPY src ./src/
+
+# Update version if VERSION build arg is provided
+RUN if [ -n "$VERSION" ]; then \
+    echo "Updating package.json version to $VERSION" && \
+    npm version $VERSION --no-git-tag-version && \
+    yarn update-version; \
+  fi
+
 RUN ng build --configuration=production
 
 FROM public.ecr.aws/docker/library/nginx:alpine

frontend/package.json

@@ -1,16 +1,17 @@
 {
   "name": "dissendium-v0",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build",
+    "start": "node scripts/update-version.js && ng serve",
+    "build": "node scripts/update-version.js && ng build",
     "test": "ng test",
     "test:ci": "ng test --watch=false --browsers=ChromeHeadlessCustom",
     "lint": "ng lint",
     "e2e": "ng e2e",
     "analyze": "webpack-bundle-analyzer dist/dissendium-v0/stats.json",
-    "build:stats": "ng build --stats-json"
+    "build:stats": "node scripts/update-version.js && ng build --stats-json",
+    "update-version": "node scripts/update-version.js"
   },
   "private": true,
   "dependencies": {

frontend/scripts/update-version.js

@@ -0,0 +1,16 @@
+const fs = require('fs');
+const path = require('path');
+
+// Read package.json to get the version
+const packageJsonPath = path.join(__dirname, '..', 'package.json');
+const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
+const version = packageJson.version;
+
+// Update the version.ts file
+const versionTsPath = path.join(__dirname, '..', 'src', 'app', 'version.ts');
+const versionTsContent = `// This file is auto-generated during build
+export const version = '${version}';
+`;
+
+fs.writeFileSync(versionTsPath, versionTsContent);
+console.log(`Updated version.ts with version ${version}`);

frontend/src/app/app.component.html

@@ -220,7 +220,7 @@
         </mat-tab-nav-panel>
 
         <div *ngIf="!authBarTheme" class="footer">
-            <span class="footer__text">&copy; 2025 Rocketadmin</span>
+            <span class="footer__text">&copy; 2025 Rocketadmin • v{{appVersion}}</span>
         </div>
         <app-feature-notification *ngIf="isFeatureNotificationShown" (dismiss)="dismissFeatureNotification()"></app-feature-notification>
     </mat-sidenav-content>

frontend/src/app/app.component.ts

@@ -29,6 +29,7 @@ import { UserService } from './services/user.service';
 import amplitude from 'amplitude-js';
 import { differenceInMilliseconds } from 'date-fns';
 import { environment } from '../environments/environment';
+import { version } from './version';
 
 //@ts-ignore
 window.amplitude = amplitude;
@@ -58,6 +59,7 @@ amplitude.getInstance().init("9afd282be91f94da735c11418d5ff4f5");
 export class AppComponent {
 
   public isSaas = (environment as any).saas;
+  public appVersion = version;
   userActivity;
   userInactive: Subject<any> = new Subject();
   currentFeatureNotificationId: string = 'saved-filters';

frontend/src/app/version.ts

@@ -0,0 +1,2 @@
+// This file is auto-generated during build
+export const version = '1.0.0';

frontend/src/environments/environment.dev.ts

@@ -4,5 +4,6 @@ export const environment = {
   apiRoot: "https://app.rocketadmin.com/api",
   saasURL: "https://app.rocketadmin.com",
   saasHostnames: ['localhost'],
-  stagingHost: ""
+  stagingHost: "",
+  version: '0.0.0'
 };

frontend/src/environments/environment.prod.ts

@@ -2,5 +2,6 @@ export const environment = {
   production: true,
   apiRoot: "/api",
   saasURL: "",
-  stagingHost: "rocketadmin-dev.tail9f8b2.ts.net" // Tailscale host
+  stagingHost: "rocketadmin-dev.tail9f8b2.ts.net", // Tailscale host
+  version: '0.0.0'
 };

frontend/src/environments/environment.saas-prod.ts

@@ -4,5 +4,6 @@ export const environment = {
     apiRoot: "/api",
     saasURL: "",
     saasHostnames: ['app.rocketadmin.com', 'localhost', 'rocketadmin-dev.tail9f8b2.ts.net'],
-    stagingHost: "rocketadmin-dev.tail9f8b2.ts.net" // Tailscale host
+    stagingHost: "rocketadmin-dev.tail9f8b2.ts.net", // Tailscale host
+    version: '0.0.0'
   };

frontend/src/environments/environment.saas.ts

@@ -4,5 +4,6 @@ export const environment = {
     apiRoot: "/api",
     saasURL: "",
     saasHostnames: ['app.rocketadmin.com', 'localhost', 'rocketadmin-dev.tail9f8b2.ts.net'],
-    stagingHost: "rocketadmin-dev.tail9f8b2.ts.net" // Tailscale host
+    stagingHost: "rocketadmin-dev.tail9f8b2.ts.net", // Tailscale host
+    version: '0.0.0'
 };