start angular 20 migration

.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

angular.json

@@ -11,31 +11,30 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular/build:application",
           "options": {
-            "outputPath": "dist/fusio",
-            "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": "**/*",
-                "ignore": ["**/dev/**/*", "**/esm/**/*", "**/min-maps/**/*"],
+                "input": "public"
+              },
+              {
+                "glob": "**/*",
                 "input": "node_modules/monaco-editor",
-                "output": "assets/monaco"
+                "output": "/assets/monaco/"
               }
             ],
             "styles": [
-              "src/styles.css"
+              "src/styles.css",
+              "node_modules/bootstrap/dist/css/bootstrap.min.css",
+              "node_modules/bootstrap-icons/font/bootstrap-icons.css",
+              "node_modules/@vscode/codicons/dist/codicon.css"
             ],
-            "scripts": []
+            "polyfills": [
+              "@angular/localize/init"
+            ]
           },
           "configurations": {
             "production": {
@@ -51,61 +50,53 @@
                   "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": "fusio:build:production"
+              "buildTarget": "fusio:build:production"
             },
             "development": {
-              "browserTarget": "fusio:build:development"
+              "buildTarget": "fusio:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": {
-            "browserTarget": "fusio: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": "**/*",
-                "ignore": ["**/dev/**/*", "**/esm/**/*", "**/min-maps/**/*"],
-                "input": "node_modules/monaco-editor",
-                "output": "assets/monaco"
+                "input": "public"
               }
             ],
             "styles": [
               "src/styles.css"
             ],
-            "scripts": []
+            "polyfills": [
+              "@angular/localize/init"
+            ]
           }
         }
       }