Angular 20 Migration

admin/webapp/.browserslistrc

@@ -1,17 +1,20 @@
 # This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+
 # For additional information regarding the format and rule options, please see:
+
 # https://github.com/browserslist/browserslist#queries
 
 # For the full list of supported browsers by the Angular framework, please see:
+
 # https://angular.io/guide/browser-support
 
 # You can see what browsers were selected by your queries by running:
-#   npx browserslist
+
+# npx browserslist
 
 last 1 Chrome version
 last 1 Firefox version
 last 2 Edge major versions
 last 2 Safari major versions
 last 2 iOS major versions
 Firefox ESR
-IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

admin/webapp/.nvmrc

@@ -1 +1 @@
-12.22.12
+24.12.0

admin/webapp/angular.json

@@ -41,15 +41,12 @@
               "screenfull",
               "@antv/algorithm/lib/asyncIndex",
               "color",
-              "insert-css",
-            ],
-            "assets": [
-              "websrc/favicon.ico",
-              "websrc/assets"
+              "insert-css"
             ],
+            "assets": ["websrc/favicon.ico", "websrc/assets"],
             "styles": [
               "websrc/app/core/systemPrepare/systemPrepare.scss",
-              "websrc/styles.scss",
+              "websrc/styles.scss"
             ],
             "stylePreprocessorOptions": {
               "includePaths": ["websrc/app/common/styles"]
@@ -125,10 +122,7 @@
             "tsConfig": "tsconfig.spec.json",
             "karmaConfig": "karma.conf.js",
             "inlineStyleLanguage": "scss",
-            "assets": [
-              "websrc/favicon.ico",
-              "websrc/assets"
-            ],
+            "assets": ["websrc/favicon.ico", "websrc/assets"],
             "styles": [
               "websrc/app/core/systemPrepare/systemPrepare.scss",
               "websrc/styles.scss"
@@ -146,16 +140,12 @@
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {
-            "lintFilePatterns": [
-              "websrc/app/**/*.ts",
-              "websrc/app/**/*.html"
-            ]
+            "lintFilePatterns": ["websrc/app/**/*.ts", "websrc/app/**/*.html"]
           }
         }
       }
     }
   },
-  "defaultProject": "neuvector",
   "cli": {
     "analytics": false,
     "defaultCollection": "@angular-eslint/schematics",

admin/webapp/eslint.config.mjs

@@ -0,0 +1,69 @@
+import { FlatCompat } from '@eslint/eslintrc';
+import js from '@eslint/js';
+import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
+import { defineConfig, globalIgnores } from 'eslint/config';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default defineConfig([
+  globalIgnores([
+    '**/dist/**',
+    '**/node_modules/**',
+    '**/root/**',
+    '**/assets/**',
+    '.angular/**',
+    '**/*.woff',
+    '**/*.woff2',
+  ]),
+
+  {
+    files: ['**/*.ts'],
+    extends: [
+      ...compat.extends(
+        'plugin:@angular-eslint/recommended',
+        'plugin:@angular-eslint/template/process-inline-templates'
+      ),
+      eslintPluginPrettierRecommended,
+    ],
+    languageOptions: {
+      ecmaVersion: 2022,
+      sourceType: 'module',
+      parserOptions: {
+        project: ['tsconfig.json'],
+        createDefaultProgram: true,
+      },
+    },
+    rules: {
+      '@angular-eslint/prefer-standalone': 'off',
+      '@angular-eslint/prefer-inject': 'off',
+    },
+  },
+
+  {
+    files: ['**/*.html'],
+    extends: [...compat.extends('plugin:@angular-eslint/template/recommended')],
+  },
+
+  {
+    files: ['**/*.html'],
+    ignores: ['**/*inline-template-*.component.html'],
+    extends: [eslintPluginPrettierRecommended],
+    rules: {
+      'prettier/prettier': [
+        'error',
+        {
+          parser: 'angular',
+        },
+      ],
+    },
+  },
+]);