Angular v19 upgrades and more

Author: jits

.github/workflows/ci.yml

@@ -32,7 +32,7 @@ jobs:
       - name: Set up pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9
+          version: 10
 
       - name: Set up Node.js
         uses: actions/setup-node@v4

README.md

@@ -27,7 +27,7 @@ This template gives you an empty app skeleton, working end-to-end, with the foll
 - Login flow using [Firebase Auth's Email Link](https://firebase.google.com/docs/auth/web/email-link-auth).
 - Angular Material and Tailwind CSS, with styling overrides to make them work well together.
 - Helpers to inject Firebase services into Angular components, services, etc.
-- [RxFire](https://github.com/FirebaseExtended/rxfire) used for Observable wrappers for Firebase access in the frontend.
+- [RxFire](https://github.com/FirebaseExtended/rxfire) for Observable wrappers for Firebase access in the frontend.
 - Frontend logging using [consola](https://github.com/unjs/consola).
 - VS Code, ESLint, Prettier, etc. all set up for a consistent and clean development experience.
 - Continuous integration (CI) set up with GitHub Actions (for linting, tests and builds).
@@ -44,12 +44,12 @@ For more details see the [Architecture and design decisions](./ARCHITECTURE.md)
 > Basic familiarity with the technologies and services listed is required to make the best of this tech stack and template.
 
 - [Node.js](https://nodejs.org/en/) v20.x
-- [TypeScript](https://www.typescriptlang.org/) v5.5
-- [Angular](https://angular.dev/) v18.1
-- [Angular Material](https://material.angular.io/) v18.1
-- [Tailwind CSS](https://tailwindcss.com/) v3.4
-- [NgRx Signals](https://ngrx.io/guide/signals) v18.0
-- [RxFire](https://github.com/FirebaseExtended/rxfire)
+- [TypeScript](https://www.typescriptlang.org/) v5.7
+- [Angular](https://angular.dev/) v19.1
+- [Angular Material](https://material.angular.io/) v19.1
+- [Tailwind CSS](https://tailwindcss.com/) v4.0
+- [NgRx Signals](https://ngrx.io/guide/signals) v19.0
+- [RxFire](https://github.com/FirebaseExtended/rxfire) v6.1
 - [Firebase](https://firebase.google.com/)
   - [Hosting](https://firebase.google.com/products/hosting)
   - [Authentication](https://firebase.google.com/products/auth)

app/.postcssrc.json

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "@tailwindcss/postcss": {}
+  }
+}

app/angular.json

@@ -64,7 +64,7 @@
               "routesFile": "prerendered-routes.txt"
             },
             "ssr": {
-              "entry": "server.ts"
+              "entry": "src/server.ts"
             }
           },
           "configurations": {
@@ -119,6 +119,7 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
+            "builderMode": "application",
             "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "tsconfig.spec.json",
             "inlineStyleLanguage": "scss",

app/ngsw-config.json

@@ -1,6 +1,7 @@
 {
   "$schema": "./node_modules/@angular/service-worker/config/schema.json",
   "index": "/index.csr.html",
+  "applicationMaxAge": "30d",
   "assetGroups": [
     {
       "name": "app",

app/package.json

@@ -15,58 +15,69 @@
   },
   "engines": {
     "node": "20",
-    "pnpm": "9"
+    "pnpm": "10"
   },
+  "packageManager": "pnpm@10.2.1",
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.12",
-    "@angular/cdk": "18.2.13",
-    "@angular/common": "^18.2.12",
-    "@angular/compiler": "^18.2.12",
-    "@angular/core": "^18.2.12",
-    "@angular/forms": "^18.2.12",
-    "@angular/material": "18.2.13",
-    "@angular/platform-browser": "^18.2.12",
-    "@angular/platform-browser-dynamic": "^18.2.12",
-    "@angular/platform-server": "^18.2.12",
-    "@angular/router": "^18.2.12",
-    "@angular/service-worker": "^18.2.12",
-    "@angular/ssr": "^18.2.12",
-    "@ngrx/operators": "^18.1.1",
-    "@ngrx/signals": "^18.1.1",
-    "consola": "^3.2.3",
-    "express": "^4.21.1",
-    "firebase": "^11.0.2",
-    "ngxtension": "^4.1.0",
-    "rxfire": "^6.0.6-canary.5cfad21",
+    "@angular/animations": "^19.1.5",
+    "@angular/cdk": "19.1.3",
+    "@angular/common": "^19.1.5",
+    "@angular/compiler": "^19.1.5",
+    "@angular/core": "^19.1.5",
+    "@angular/forms": "^19.1.5",
+    "@angular/material": "19.1.3",
+    "@angular/platform-browser": "^19.1.5",
+    "@angular/platform-browser-dynamic": "^19.1.5",
+    "@angular/platform-server": "^19.1.5",
+    "@angular/router": "^19.1.5",
+    "@angular/service-worker": "^19.1.5",
+    "@angular/ssr": "^19.1.6",
+    "@ngrx/operators": "^19.0.1",
+    "@ngrx/signals": "^19.0.1",
+    "consola": "^3.4.0",
+    "express": "^4.21.2",
+    "firebase": "^11.3.0",
+    "ngxtension": "^4.3.2",
+    "rxfire": "^6.1.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.8.1",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.12",
-    "@angular/cli": "^18.2.12",
-    "@angular/compiler-cli": "^18.2.12",
-    "@ngrx/eslint-plugin": "^18.1.1",
-    "@types/express": "^4.17.17",
-    "@types/jasmine": "~5.1.0",
-    "@types/node": "^22.9.0",
-    "angular-eslint": "18.4.1",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^9.15.0",
-    "eslint-config-prettier": "^9.1.0",
-    "jasmine-core": "~5.4.0",
+    "@angular-devkit/build-angular": "^19.1.6",
+    "@angular/cli": "^19.1.6",
+    "@angular/compiler-cli": "^19.1.5",
+    "@ngrx/eslint-plugin": "^19.0.1",
+    "@tailwindcss/postcss": "^4.0.0",
+    "@types/express": "^5.0.0",
+    "@types/jasmine": "~5.1.5",
+    "@types/node": "^22.13.1",
+    "angular-eslint": "^19.0.2",
+    "eslint": "^9.19.0",
+    "eslint-config-prettier": "^10.0.1",
+    "jasmine-core": "~5.5.0",
     "karma": "~6.4.4",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "ng-mocks": "^14.13.1",
+    "ng-mocks": "^14.13.2",
     "postcss": "^8.4.49",
-    "prettier": "^3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.8",
-    "tailwindcss": "^3.4.15",
-    "typescript": "~5.5.4",
-    "typescript-eslint": "^8.15.0"
+    "prettier": "^3.4.2",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "tailwindcss": "^4.0.0",
+    "typescript": "~5.7.3",
+    "typescript-eslint": "^8.23.0"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "protobufjs",
+      "nx",
+      "@parcel/watcher",
+      "esbuild",
+      "msgpackr-extract",
+      "lmdb"
+    ]
   }
 }