Upgrade to Angular 20

Author: robinsonzimmermann

.github/workflows/merge.yml

@@ -30,7 +30,7 @@ jobs:
           node-version: 20
       - name: Move article to current date directory
         run: |
-          npm ci
+          npm ci --ignore-scripts
           npm run build:utils
           npm run posts:publish
 

.github/workflows/static.yml

@@ -47,11 +47,13 @@ jobs:
       - uses: actions/setup-node@v4
         with:
           node-version: 20
-      - run: npm ci
+      - run: |
+          npm ci --ignore-scripts
+          npm rebuild esbuild protobufjs
       - run: |
           npm run build:utils
           npm run posts:update
-          npm run build -- --configuration=production --base-href=/
+          npm run build -- --define=O11Y_APP_KEY="'{{secrets.O11Y_APP_KEY}}'" --configuration=production --base-href=/
           cp dist/blog/browser/404/index.html dist/blog/browser/404.html
       - name: Setup Pages
         uses: actions/configure-pages@v5

angular.json

@@ -15,14 +15,17 @@
       "prefix": "blog",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular/build:application",
           "options": {
             "outputPath": "dist/blog",
             "index": "src/index.html",
             "browser": "src/main.ts",
             "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
+            "define": {
+              "O11Y_APP_KEY": "'dev_key'"
+            },
             "assets": [
               "src/favicon.ico",
               "src/assets",
@@ -113,7 +116,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "blog:build:production"
@@ -125,13 +128,13 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "blog:build"
           }
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:karma",
           "options": {
             "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "tsconfig.spec.json",
@@ -153,7 +156,7 @@
       "prefix": "lib",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "builder": "@angular/build:ng-packagr",
           "options": {
             "project": "projects/utils/ng-package.json"
           },
@@ -168,7 +171,7 @@
           "defaultConfiguration": "production"
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:karma",
           "options": {
             "tsConfig": "projects/utils/tsconfig.spec.json",
             "polyfills": ["zone.js", "zone.js/testing"]
@@ -179,5 +182,31 @@
   },
   "cli": {
     "analytics": false
+  },
+  "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": "."
+    }
   }
 }