Upgrade Angular 19 to 21 with Material 21, TypeScript 5.9, Node 22

- Upgrade all @angular/* packages from 19.2.x to 21.2.1
- Upgrade @angular/material and @angular/cdk to 21.2.1
- Upgrade TypeScript from 5.7.2 to 5.9.3
- Update Dockerfile to node:22-alpine and CI workflow to Node 22
- Add .dockerignore files to exclude node_modules from build context
- Update README references from Angular 19 to Angular 21

Author: NateDevIO

.dockerignore

@@ -0,0 +1,5 @@
+**/node_modules
+**/dist
+**/.angular
+**/bin
+**/obj

.github/workflows/ci.yml

@@ -27,7 +27,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '22'
           cache: 'npm'
           cache-dependency-path: src/fitspec-ui/package-lock.json
       - name: Install

README.md

@@ -1,12 +1,12 @@
 # FitSpec — Vehicle Parts Fitment Finder
 
-Full-stack automotive parts fitment application built with **Angular 19**, **ASP.NET Core 10**, **SQL Server**, and **MongoDB**. Provides verified compatibility data for aftermarket parts, accessories, and modifications across 150+ products and 30 brands.
+Full-stack automotive parts fitment application built with **Angular 21**, **ASP.NET Core 10**, **SQL Server**, and **MongoDB**. Provides verified compatibility data for aftermarket parts, accessories, and modifications across 150+ products and 30 brands.
 
 ## Tech Stack
 
 | Layer | Technology |
 |-------|-----------|
-| Frontend | Angular 19 (standalone components, signals, Material 3) |
+| Frontend | Angular 21 (standalone components, signals, Material 3) |
 | Backend | ASP.NET Core 10, Dapper + EF Core, API versioning |
 | SQL Database | SQL Server 2022 (vehicles, products, fitment mappings, orders) |
 | Document Store | MongoDB 7 (reviews, product catalog, Q&A) |
@@ -120,7 +120,7 @@ fitspec/
 │   │   ├── Migrations/         # EF Core migrations
 │   │   └── Repositories/
 │   ├── FitSpec.ML/             # ML.NET recommendation engine
-│   └── fitspec-ui/             # Angular 19 SPA
+│   └── fitspec-ui/             # Angular 21 SPA
 │       ├── src/app/
 │       │   ├── core/           # Services, state, interceptors, models
 │       │   └── features/       # Feature components

src/fitspec-ui/.dockerignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+.angular

src/fitspec-ui/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:20-alpine AS build
+FROM node:22-alpine AS build
 WORKDIR /app
 COPY package*.json ./
 RUN npm ci

src/fitspec-ui/angular.json

@@ -120,5 +120,31 @@
         }
       }
     }
+  },
+  "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": "."
+    }
   }
 }