Ng21 (#766)

* fix at 20.3

* fix @angular-builders/jest

* upgrade to Angular 21

* fix tests

Author: ebrehault

.github/workflows/ci.yml

@@ -11,7 +11,7 @@ jobs:
               uses: actions/setup-node@v3
               with:
                   node-version: 22
-            - run: npm install
+            - run: npm install --legacy-peer-deps
             - run: npm run test:ci && npm run build:demo
               env:
                   CI: true

.github/workflows/ghpages.yml

@@ -15,7 +15,7 @@ jobs:
             - uses: actions/setup-node@v3
               with:
                   node-version: 18
-            - run: npm install
+            - run: npm install --legacy-peer-deps
             - run: npm run build:demo
             - run: cp ./dist/demo/index.html ./dist/demo/404.html
             - run: ./ghpages.sh

.github/workflows/tag.yml

@@ -17,7 +17,7 @@ jobs:
               with:
                   node-version: 18
             - run: ./tag-version.sh
-            - run: npm install && npm run build
+            - run: npm install --legacy-peer-deps && npm run build
             - uses: JS-DevTools/npm-publish@v1
               with:
                   token: ${{ secrets.NPM_TOKEN }}

CHANGELOG.md

@@ -1,3 +1,7 @@
+# 2.71.0 (2026-01-26)
+
+- Upgrade to Angular 21
+
 # 2.70.3 (2025-10-13)
 
 ### Bug fix

angular.json

@@ -16,7 +16,7 @@
       },
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "builder": "@angular/build:ng-packagr",
           "options": {
             "project": "projects/pastanaga-angular/ng-package.json"
           },
@@ -73,12 +73,15 @@
       "prefix": "pa-demo",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular/build:application",
           "options": {
-            "outputPath": "dist/demo",
+            "outputPath": {
+              "base": "dist/demo"
+            },
             "index": "projects/demo/src/index.html",
-            "main": "projects/demo/src/main.ts",
-            "polyfills": "projects/demo/src/polyfills.ts",
+            "polyfills": [
+              "projects/demo/src/polyfills.ts"
+            ],
             "tsConfig": "projects/demo/tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "assets": [
@@ -94,7 +97,8 @@
             "scripts": [],
             "stylePreprocessorOptions": {
               "includePaths": ["src"]
-            }
+            },
+            "browser": "projects/demo/src/main.ts"
           },
           "configurations": {
             "production": {
@@ -119,9 +123,7 @@
               "outputHashing": "all"
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
               "namedChunks": true
@@ -130,7 +132,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "demo:build:production"
@@ -142,7 +144,7 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "demo:build"
           }