Update to 22.1.0

.github/workflows/build-and-deploy.yml

@@ -0,0 +1,53 @@
+name: Build and Deploy App
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: pages
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@11d5960a326750d5838078e36cf38b85af677262 # v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
+        with:
+          node-version: 24
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Lint
+        run: npm run lint
+
+      - name: Build
+        run: npm run build -- --base-href /InventoryManagementApp/
+
+      - name: Upload GitHub Pages artifact
+        uses: actions/upload-pages-artifact@56afc609e74202658d3ffba0e8f6dda462b719fa # v3
+        with:
+          path: ./docs
+
+  deploy:
+    needs: build
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@d6db90164ac5ed86f2b6aed7e0febac5b3c0c03e # v4

.github/workflows/build-app.yml

@@ -0,0 +1,30 @@
+name: Build App
+
+on:
+  pull_request:
+    branches: [main]
+
+permissions:
+  contents: read
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@11d5960a326750d5838078e36cf38b85af677262 # v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
+        with:
+          node-version: 24
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Lint
+        run: npm run lint
+
+      - name: Build
+        run: npm run build -- --base-href /InventoryManagementApp/

.gitignore

@@ -2,6 +2,7 @@
 
 # compiled output
 /dist
+/docs/
 /tmp
 /out-tsc
 # Only exists if Bazel was run

angular.json

@@ -15,39 +15,75 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular/build:application",
           "options": {
-            "outputPath": "docs",
+            "outputPath": {
+              "base": "docs",
+              "browser": ""
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [],
             "tsConfig": "tsconfig.app.json",
             "assets": [
               "src/favicon.ico",
               "src/assets"
             ],
             "styles": [
-              "src/styles.scss"
+              "src/styles.scss",
+              {
+                "input": "src/themes/material-light.scss",
+                "bundleName": "theme-material-light",
+                "inject": false
+              },
+              {
+                "input": "src/themes/material-dark.scss",
+                "bundleName": "theme-material-dark",
+                "inject": false
+              },
+              {
+                "input": "src/themes/fluent-light.scss",
+                "bundleName": "theme-fluent-light",
+                "inject": false
+              },
+              {
+                "input": "src/themes/fluent-dark.scss",
+                "bundleName": "theme-fluent-dark",
+                "inject": false
+              },
+              {
+                "input": "src/themes/bootstrap-light.scss",
+                "bundleName": "theme-bootstrap-light",
+                "inject": false
+              },
+              {
+                "input": "src/themes/bootstrap-dark.scss",
+                "bundleName": "theme-bootstrap-dark",
+                "inject": false
+              },
+              {
+                "input": "src/themes/indigo-light.scss",
+                "bundleName": "theme-indigo-light",
+                "inject": false
+              },
+              {
+                "input": "src/themes/indigo-dark.scss",
+                "bundleName": "theme-indigo-dark",
+                "inject": false
+              }
             ],
-            "scripts": [
-              "./node_modules/hammerjs/hammer.min.js"
-            ],
-            "vendorChunk": true,
+            "scripts": [],
             "extractLicenses": false,
-            "buildOptimizer": false,
             "sourceMap": true,
             "optimization": false,
             "namedChunks": true,
             "stylePreprocessorOptions": {
               "includePaths": [
                 "node_modules"
               ]
-            }
+            },
+            "browser": "src/main.ts"
           },
           "configurations": {
-            "es5": {
-              "tsConfig": "tsconfig-es5.app.json"
-            },
             "production": {
               "fileReplacements": [
                 {
@@ -60,8 +96,6 @@
               "sourceMap": false,
               "namedChunks": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",
@@ -75,42 +109,35 @@
                 }
               ]
             }
-          },
-          "defaultConfiguration": ""
+          }
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "options": {
-            "browserTarget": "inventorymanagementapp:build"
+            "buildTarget": "inventorymanagementapp:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "inventorymanagementapp:build:production"
-            },
-            "es5": {
-              "browserTarget": "inventorymanagementapp:build:es5"
+              "buildTarget": "inventorymanagementapp:build:production"
             }
           }
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
-            "browserTarget": "inventorymanagementapp:build"
+            "buildTarget": "inventorymanagementapp:build"
           }
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:karma",
           "options": {
-            "main": "src/test.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [],
             "tsConfig": "tsconfig.spec.json",
             "karmaConfig": "karma.conf.js",
             "styles": [
               "src/styles.scss"
             ],
-            "scripts": [
-              "./node_modules/hammerjs/hammer.min.js"
-            ],
+            "scripts": [],
             "assets": [
               "src/favicon.ico",
               "src/assets"
@@ -122,22 +149,48 @@
             }
           }
         },
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
           "options": {
-            "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "inventorymanagementapp:serve"
-          },
-          "configurations": {
-            "production": {
-              "devServerTarget": "inventorymanagementapp:serve:production"
-            }
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html"
+            ]
           }
         }
       }
     }
   },
   "cli": {
-    "analytics": false
+    "analytics": false,
+    "schematicCollections": [
+      "angular-eslint"
+    ]
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "type": "component"
+    },
+    "@schematics/angular:directive": {
+      "type": "directive"
+    },
+    "@schematics/angular:service": {
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:pipe": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
+    }
   }
-}
+}