chore: update Angular to 22.0.0-rc.0

.github/workflows/nodejs.yml

@@ -16,17 +16,13 @@ jobs:
 
     runs-on: ubuntu-latest
 
-    strategy:
-      matrix:
-        node-version: [22.x]
-
     steps:
       - name: Checkout
-        uses: actions/checkout@v4
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v4
+        uses: actions/checkout@v6
+      - name: Use Node.js 24
+        uses: actions/setup-node@v6
         with:
-            node-version: ${{ matrix.node-version }}
+            node-version: 24.x
             cache: 'npm'
       - name: Install packages
         run: npm ci

.github/workflows/npm-publish.yml

@@ -11,10 +11,10 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
-          node-version: '22.22.1' # Specifically avoid 22.22.2 due to a regression with npm latest
+          node-version: 24.x
           cache: 'npm'
           registry-url: 'https://registry.npmjs.org'
 

eslint.config.mjs

@@ -1,16 +1,8 @@
+import angularPlugin from "@angular-eslint/eslint-plugin";
+import angularTemplatePlugin from "@angular-eslint/eslint-plugin-template";
+import angularTemplateParser from "@angular-eslint/template-parser";
 import typescriptEslint from "@typescript-eslint/eslint-plugin";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import js from "@eslint/js";
-import { FlatCompat } from "@eslint/eslintrc";
-
-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
-});
+import tsParser from "@typescript-eslint/parser";
 
 export default [{
     ignores: [
@@ -21,19 +13,33 @@ export default [{
         "**/cypress/",
         "**/cypress.config.ts",
     ],
-}, ...compat.extends(
-    "plugin:@angular-eslint/recommended",
-).map(config => ({
-    ...config,
-    files: ["**/*.ts"],
-})), {
+}, {
     files: ["**/*.ts"],
 
+    languageOptions: {
+        parser: tsParser,
+    },
+
     plugins: {
+        "@angular-eslint": angularPlugin,
         "@typescript-eslint": typescriptEslint,
     },
 
     rules: {
+        // @angular-eslint recommended
+        "@angular-eslint/contextual-lifecycle": "error",
+        "@angular-eslint/no-empty-lifecycle-method": "error",
+        "@angular-eslint/no-inputs-metadata-property": "error",
+        "@angular-eslint/no-output-native": "error",
+        "@angular-eslint/no-output-on-prefix": "error",
+        "@angular-eslint/no-output-rename": "error",
+        "@angular-eslint/no-outputs-metadata-property": "error",
+        "@angular-eslint/prefer-on-push-component-change-detection": "warn",
+        "@angular-eslint/prefer-standalone": "warn",
+        "@angular-eslint/use-pipe-transform-interface": "error",
+        "@angular-eslint/no-input-rename": "off",
+        "@angular-eslint/prefer-inject": "warn",
+
         "no-shadow": "off",
         "no-prototype-builtins": "off",
         "no-case-declarations": "warn",
@@ -71,9 +77,6 @@ export default [{
             format: ["PascalCase"],
         }],
 
-        "@angular-eslint/no-input-rename": "off",
-        "@angular-eslint/prefer-inject": "warn",
-
         "brace-style": ["error", "1tbs"],
         "id-blacklist": "off",
         "id-match": "off",
@@ -82,10 +85,21 @@ export default [{
         "@typescript-eslint/no-empty-function": "off",
         "@typescript-eslint/no-restricted-types": "warn",
     },
-}, ...compat.extends("plugin:@angular-eslint/template/recommended").map(config => ({
-    ...config,
+}, {
     files: ["**/*.html"],
-})), {
-    files: ["**/*.html"],
-    rules: {},
+
+    languageOptions: {
+        parser: angularTemplateParser,
+    },
+
+    plugins: {
+        "@angular-eslint/template": angularTemplatePlugin,
+    },
+
+    rules: {
+        "@angular-eslint/template/banana-in-box": "error",
+        "@angular-eslint/template/eqeqeq": "error",
+        "@angular-eslint/template/no-negated-async": "error",
+        "@angular-eslint/template/prefer-control-flow": "error",
+    },
 }];