fix: support angular@21 (#401)

* fix: upgrade demo site

* test: add angular 21 fixture

* test: add case for angular 21

* test: add pretest command for angular 21 fixture

* fix: add new signature for angular 21

* test: add netlify toml to angular 21 fixture

* test: install plugin in fixture directory

* ci: update timeout for windows runner

Author: mrstork

.github/workflows/failure-notifier.yml

@@ -21,7 +21,7 @@ jobs:
         id: wait
         uses: smartcontractkit/chainlink-github-actions/utils/wait-for-workflows@5a7543e418aa2dc57b75e85581eae30820a8c9ae
         with:
-          max-timeout: '900'
+          max-timeout: '1200'
           polling-interval: '30'
           github-token: ${{ secrets.GITHUB_TOKEN }}
   notify-on-failure:

demo/package-lock.json

@@ -11,16 +11,16 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^20.2.0-next",
-    "@angular/common": "^20.2.0-next",
-    "@angular/compiler": "^20.2.0-next",
-    "@angular/core": "^20.2.0-next",
-    "@angular/forms": "^20.2.0-next",
-    "@angular/platform-browser": "^20.2.0-next",
-    "@angular/platform-browser-dynamic": "^20.2.0-next",
-    "@angular/platform-server": "^20.2.0-next",
-    "@angular/router": "^20.2.0-next",
-    "@angular/ssr": "^20.3.6",
+    "@angular/animations": "^21.0.0-rc.1",
+    "@angular/common": "^21.0.0-rc.1",
+    "@angular/compiler": "^21.0.0-rc.1",
+    "@angular/core": "^21.0.0-rc.1",
+    "@angular/forms": "^21.0.0-rc.1",
+    "@angular/platform-browser": "^21.0.0-rc.1",
+    "@angular/platform-browser-dynamic": "^21.0.0-rc.1",
+    "@angular/platform-server": "^21.0.0-rc.1",
+    "@angular/router": "^21.0.0-rc.1",
+    "@angular/ssr": "^21.0.0-rc.1",
     "@netlify/angular-runtime": "file:..",
     "@netlify/edge-functions": "^3.0.2",
     "express": "^4.21.0",
@@ -29,9 +29,9 @@
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular/build": "^20.2.0-next",
-    "@angular/cli": "^20.2.0-next",
-    "@angular/compiler-cli": "^20.2.0-next",
+    "@angular/build": "^21.0.0-rc.1",
+    "@angular/cli": "^21.0.0-rc.1",
+    "@angular/compiler-cli": "^21.0.0-rc.1",
     "@types/express": "^4.17.21",
     "@types/jasmine": "~5.1.0",
     "@types/node": "^22.0.0",
@@ -41,6 +41,6 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.8.3"
+    "typescript": "~5.9.3"
   }
 }

demo/package.json

@@ -1,7 +1,8 @@
+import { provideZoneChangeDetection } from "@angular/core";
 import { bootstrapApplication, type BootstrapContext } from '@angular/platform-browser';
 import { AppComponent } from './app/app.component';
 import { config } from './app/app.config.server';
 
-const bootstrap = (context?: BootstrapContext) => bootstrapApplication(AppComponent, config, context);
+const bootstrap = (context?: BootstrapContext) => bootstrapApplication(AppComponent, {...config, providers: [provideZoneChangeDetection(), ...config.providers]}, context);
 
 export default bootstrap;

demo/src/main.server.ts

@@ -1,6 +1,7 @@
+import { provideZoneChangeDetection } from "@angular/core";
 import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
 import { AppComponent } from './app/app.component';
 
-bootstrapApplication(AppComponent, appConfig)
+bootstrapApplication(AppComponent, {...appConfig, providers: [provideZoneChangeDetection(), ...appConfig.providers]})
   .catch((err) => console.error(err));

demo/src/main.ts

@@ -17,11 +17,7 @@
     "importHelpers": true,
     "target": "ES2022",
     "module": "ES2022",
-    "useDefineForClassFields": false,
-    "lib": [
-      "ES2022",
-      "dom"
-    ]
+    "useDefineForClassFields": false
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,

demo/tsconfig.json

@@ -62,6 +62,7 @@
     "pretest:fixtures:angular-19-prerender-false": "cd tests/fixtures/angular-19-prerender-false && npm ci",
     "pretest:fixtures:angular-20": "semver -r \"<20.19\" \"$(node -v)\" && echo \"Skipping on not supported node version (needed: >=20.19, got: $(node -v))\" || (cd tests/fixtures/angular-20 && npm ci)",
     "pretest:fixtures:angular-20-zoneless": "semver -r \"<20.19\" \"$(node -v)\" && echo \"Skipping on not supported node version (needed: >=20.19, got: $(node -v))\" || (cd tests/fixtures/angular-20-zoneless && npm ci)",
+    "pretest:fixtures:angular-21": "semver -r \"<20.19\" \"$(node -v)\" && echo \"Skipping on not supported node version (needed: >=20.19, got: $(node -v))\" || (cd tests/fixtures/angular-21 && npm ci)",
     "pretest:fixtures:nx-angular-19-common-engine": "cd tests/fixtures/nx-angular-19-common-engine && npm ci",
     "pretest:fixtures:nx-angular-19-app-engine": "cd tests/fixtures/nx-angular-19-app-engine && npm ci",
     "pretest": "run-s pretest:*",

package.json

@@ -8,6 +8,7 @@
   "140c0a0b4a8b648378d53630bee6bef9c3418daf27b372f50c06ab83c9d84a39": "CommonEngine",
   "76419eb94b4b8672ba3bd79d34c5a66c7c30ff173995ecc6e0adc5808b86822d": "AppEngine",
   "8fc83d8961c0a74b52e2dc90f8f6bc21a6948ca35fda4b83ff063ae441d42c11": "AppEngine",
+  "f69b5803d75aecad08bac73a3d2d5ac6383ae827bccdfbaa018f59aa0a14c2e6": "AppEngine",
   "a5aad843a116e34ce61264117cba981cff5eea3e6672815a4db08e7b4e5599d6": "AppEngine",
   "5e0de282eb33582f8ec4c3da2946762d4c95794cb749cfb589407f4d4a0115a7": "AppEngine"
 }

src/helpers/knownServerTsSignatures.json

@@ -0,0 +1,17 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+ij_typescript_use_double_quotes = false
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

tests/fixtures/angular-21/.editorconfig

@@ -0,0 +1,43 @@
+# See https://docs.github.com/get-started/getting-started-with-git/ignoring-files for more about ignoring files.
+
+# Compiled output
+/dist
+/tmp
+/out-tsc
+/bazel-out
+
+# Node
+/node_modules
+npm-debug.log
+yarn-error.log
+
+# IDEs and editors
+.idea/
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# Visual Studio Code
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# Miscellaneous
+/.angular/cache
+.sass-cache/
+/connect.lock
+/coverage
+/libpeerconnection.log
+testem.log
+/typings
+__screenshots__/
+
+# System files
+.DS_Store
+Thumbs.db