feat: add version bump step and display app version in footer

Author: heyding

.github/workflows/gh-pages.yml

@@ -31,6 +31,9 @@ jobs:
       - name: Install dependencies
         run: npm ci --legacy-peer-deps
 
+      - name: Bump patch version
+        run: npm version patch --no-git-tag-version
+
       - name: Build for GitHub Pages
         run: npm run build:gh-pages
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-tailwind-template",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "description": "D-Stack Ready Angular 19 Enterprise Template with Tailwind CSS, NgRx, DSGVO compliance, and 25+ production-ready components for German government and public administration",
   "keywords": [
     "angular",
@@ -41,6 +41,9 @@
     "build:gh-pages": "ng build --base-href /angular-tailwind-template/",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
+    "version:patch": "npm version patch --no-git-tag-version",
+    "version:minor": "npm version minor --no-git-tag-version",
+    "version:major": "npm version major --no-git-tag-version",
     "format": "prettier --write \"src/**/*.{ts,html,scss,css,json}\"",
     "format:check": "prettier --check \"src/**/*.{ts,html,scss,css,json}\"",
     "lint": "ng lint",

src/app/core/footer/footer.component.html

@@ -89,7 +89,10 @@
             Impressum
           </a>
         </div>
-        <p>&copy; {{ currentYear }} Angular Tailwind Template</p>
+        <p>
+          &copy; {{ currentYear }} Angular Tailwind Template
+          <span class="ml-2 text-xs text-gray-400 dark:text-gray-500">v{{ appVersion }}</span>
+        </p>
       </div>
     </div>
   </footer>

src/app/core/footer/footer.component.ts

@@ -2,6 +2,7 @@ import { CommonModule } from '@angular/common';
 import { Component, inject } from '@angular/core';
 import { RouterLink } from '@angular/router';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import packageJson from '../../../../package.json';
 
 @Component({
   selector: 'app-footer',
@@ -14,6 +15,7 @@ export class FooterComponent {
   private translate = inject(TranslateService);
   isVisible = true;
   currentYear = new Date().getFullYear();
+  appVersion = packageJson.version;
 
   get shouldShowFooter(): boolean {
     return this.translate.currentLang === 'de';

tsconfig.json

@@ -15,14 +15,12 @@
     "downlevelIteration": true,
     "experimentalDecorators": true,
     "moduleResolution": "bundler",
+    "resolveJsonModule": true,
     "importHelpers": true,
     "target": "ES2022",
     "module": "ES2022",
     "useDefineForClassFields": false,
-    "lib": [
-      "ES2022",
-      "dom"
-    ]
+    "lib": ["ES2022", "dom"]
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,