migrate to angular 22

Author: chriskapp

.github/workflows/build.yml

@@ -10,7 +10,7 @@ jobs:
         uses: actions/checkout@v4
       - uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '22.x'
       - name: Run install
         run: npm ci
       - name: Run build
@@ -20,4 +20,4 @@ jobs:
         with:
           name: developer
           include-hidden-files: true
-          path: dist/developer
+          path: dist/developer/browser

Dockerfile

@@ -1,5 +1,5 @@
 #stage 1
-FROM node:18-alpine as node
+FROM node:22-alpine AS node
 ENV NODE_OPTIONS=--openssl-legacy-provider
 WORKDIR /app
 COPY . .
@@ -14,5 +14,4 @@ ENV RECAPTCHA_KEY=""
 COPY nginx/default.conf /etc/nginx/conf.d/default.conf
 COPY nginx/replace_env.sh /docker-entrypoint.d/replace_env.sh
 RUN chmod +x /docker-entrypoint.d/replace_env.sh
-COPY --from=node /app/dist/developer /usr/share/nginx/html
-COPY --from=node /app/dist/developer/index.html /usr/share/index.html
+COPY --from=node /app/dist/developer/browser /usr/share/nginx/html

angular.json

@@ -3,97 +3,95 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "developer": {
+    "fusio": {
       "projectType": "application",
       "schematics": {},
       "root": "",
       "sourceRoot": "src",
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular/build:application",
           "options": {
-            "outputPath": "dist/developer",
-            "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
+            "browser": "src/main.ts",
             "tsConfig": "tsconfig.app.json",
             "assets": [
-              "src/.htaccess",
-              "src/app.yaml",
-              "src/favicon.ico",
-              "src/assets"
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
             ],
             "styles": [
+              "node_modules/bootstrap/dist/css/bootstrap.min.css",
+              "node_modules/bootstrap-icons/font/bootstrap-icons.css",
+              "node_modules/@vscode/codicons/dist/codicon.css",
               "src/styles.css"
             ],
-            "scripts": []
+            "polyfills": [
+              "@angular/localize/init"
+            ]
           },
           "configurations": {
             "production": {
               "budgets": [
                 {
                   "type": "initial",
                   "maximumWarning": "1mb",
-                  "maximumError": "2mb"
+                  "maximumError": "3mb"
                 },
                 {
                   "type": "anyComponentStyle",
                   "maximumWarning": "2kb",
                   "maximumError": "4kb"
                 }
               ],
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
               "outputHashing": "all"
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
-              "sourceMap": true,
-              "namedChunks": true
+              "sourceMap": true
             }
           },
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "developer:build:production"
+              "buildTarget": "fusio:build:production"
             },
             "development": {
-              "browserTarget": "developer:build:development"
+              "buildTarget": "fusio:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": {
-            "browserTarget": "developer:build"
-          }
+          "builder": "@angular/build:extract-i18n"
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:karma",
           "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
             "tsConfig": "tsconfig.spec.json",
             "assets": [
-              "src/.htaccess",
-              "src/app.yaml",
-              "src/favicon.ico",
-              "src/assets"
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
             ],
             "styles": [
               "src/styles.css"
             ],
-            "scripts": []
+            "polyfills": [
+              "@angular/localize/init"
+            ]
           }
         }
       }