chore: bump Angular to 22

Author: maxokorokov

.github/workflows/ci.yml

@@ -12,16 +12,18 @@ concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
 
+permissions:
+  contents: read
+
 jobs:
   ci:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
-          node-version: 22
+          node-version: 24
           cache: 'npm'
       - run: npm ci
-      - run: npx playwright install-deps
-      - run: npx playwright install
+      - run: npx playwright install --with-deps
       - run: npm run ci

demos/app-angular-ssr/angular.json

@@ -23,6 +23,9 @@
 						"styles": [],
 						"server": "src/main.server.ts",
 						"outputMode": "server",
+						"security": {
+							"allowedHosts": ["localhost"]
+						},
 						"ssr": {
 							"entry": "src/server.ts"
 						}
@@ -43,10 +46,10 @@
 					"builder": "@angular/build:dev-server",
 					"configurations": {
 						"production": {
-							"buildTarget": "app-angular-ssr-2:build:production"
+							"buildTarget": "app-angular-ssr:build:production"
 						},
 						"development": {
-							"buildTarget": "app-angular-ssr-2:build:development"
+							"buildTarget": "app-angular-ssr:build:development"
 						}
 					},
 					"defaultConfiguration": "development"

demos/app-angular-ssr/package.json

@@ -59,12 +59,12 @@
 		}
 	},
 	"dependencies": {
-		"@angular/platform-server": "^21.0.0",
-		"@angular/ssr": "^21.0.0",
-		"express": "^5.1.0"
+		"@angular/platform-server": "^22.0.0",
+		"@angular/ssr": "^22.0.0",
+		"express": "^5.2.1"
 	},
 	"devDependencies": {
-		"@types/express": "^5.0.1",
-		"@types/node": "^20.19.19"
+		"@types/express": "^5.0.6",
+		"@types/node": "^25.9.2"
 	}
 }

demos/app-angular-ssr/src/app/app.config.ts

@@ -6,13 +6,13 @@ import {
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
-import { provideClientHydration, withEventReplay } from '@angular/platform-browser';
+import { provideClientHydration } from '@angular/platform-browser';
 
 export const appConfig: ApplicationConfig = {
 	providers: [
 		provideBrowserGlobalErrorListeners(),
 		provideZonelessChangeDetection(),
 		provideRouter(routes),
-		provideClientHydration(withEventReplay()),
+		provideClientHydration(),
 	],
 };