eslint-config-beslogic 4.3.2 → 5.0.0

package/.dprint.jsonc

@@ -1,5 +1,5 @@
 // SPDX-License-Identifier: MIT
-// Copyright 2024 Beslogic Inc.
+// Copyright 2025 Beslogic Inc.
 
 {
   // https://dprint.dev/config/#extending-a-different-configuration-file

package/CHANGELOG.md

@@ -1,5 +1,82 @@
 # Changelog
 
+## 5.0.0
+
+- Dropped support for ESLint v8
+  - Note that we'll no longer be supporting the `ESLint-Config-Beslogic@v3` branch with the old-style configs
+  - Speedup due to removing compatibility layers
+- Dropped support for Angular v18
+- Removed all `languageOptions.parserOptions.project` configs in favor of `languageOptions.parserOptions.projectService: true`
+- Using `eslint-plugin-import-x`'s new resolver system
+- Wrapped `eslint-plugin-extra-rules` in `fixupPluginRules` to fix `extra-rules/potential-point-free` on ESLint v9
+- Exposed a pre-configured object for `@typescript-eslint/explicit-module-boundary-types` for libraries
+- Let `eslint-plugin-n` completely configure `languageOptions` for Node (with automatic ESM vs CommonJS detection)
+- Added names to all config objects
+
+### Rule configuration changes
+
+Given the nature of extending `all` and `recommended` configurations by default, I won't be listing all new rules here.
+
+- `no-relative-import-paths/no-relative-import-paths`: Allow 1 parent level in imports
+- Enabled `n/no-top-level-await`, but with `ignoreBin: true`. The rule can be bypassed by setting a hash-bang comment to your script files
+- Stylistic: Try to get `@stylistic/indent` to match DPrint a bit more on nested ternary expressions
+- Stylistic: Allow extra parents on nested conditional/ternary expressions
+- Disallow `unknown` in `@typescript-eslint/no-base-to-string`, `@typescript-eslint/only-throw-error` and `"@typescript-eslint/prefer-promise-reject-errors`
+- Disallow `any` in `@typescript-eslint/no-base-to-string`, `@typescript-eslint/only-throw-error` and `"@typescript-eslint/prefer-promise-reject-errors` in extra-strict preset
+- Enabled `@typescript-eslint/prefer-nullish-coalescing` in non-strict preset, but with leaner configs. Should do nothing if `StrictNullChecks` is not enabled in your `tsconfig.json`
+- Allow `while(true)` for `@typescript-eslint/no-unnecessary-condition`
+- Enable autofixes for `no-new-native-nonconstructor`
+- Added `reportUsedIgnorePattern: true` to `autofix/no-unused-vars`
+- Updated rule `no-fallthrough` with `{commentPattern: "/(falls?\s?through|defaults?)/i", "reportUnusedFallthroughComment": true}`
+- Rule `rxjs/no-finnish` was moved from the Angular preset to the RxJS preset
+- Enabled rule `testing-library/no-test-id-queries` as warning in extra-strict preset
+- Angular lifecycle hook prototype methods are now checked using `@angular-eslint/require-lifecycle-on-prototype` rather than `no-restricted-syntax`
+- New `no-restricted-syntax` rule to enforce naming eslint configuration objects when using `defineConfig`
+- Added some custom `no-restricted-syntax` from <https://typescript-eslint.io/troubleshooting/faqs/general/#how-can-i-ban-specific-language-feature>:
+  - Ban accessing `constructor.name`
+  - Ban static `this`
+  - Ban `const` enums. This replaces `etc/no-const-enum`
+
+Disabled rules:
+
+- Disabled rule `@angular-eslint/no-conflicting-lifecycle`
+- Disabled rule `unicorn/better-regex`
+- Dropped `eslint-plugin-etc`. All the interesting rules now have an equivalent in other plugins
+- Disabled `@eslint-community/eslint-comments/no-unused-disable` rule in favor of `linterOptions.reportUnusedDisableDirectives`
+
+### Dependency updates
+
+#### Necessary to ensure proper ESLint v9 compatibility
+
+- Migrated from `eslint-plugin-rxjs@^5.0.3` to `eslint-plugin-rxjs-angular-x@^0.1.0`
+- Migrated from `"github:BesLogic/eslint-plugin-rxjs-angular#dist` to `eslint-plugin-rxjs-x@^0.8`
+- Migrated `eslint-plugin-jest-formatting` to `eslint-plugin-jest`
+- Bumped `eslint` to `^9.12`
+- Bumped `eslint-plugin-jest` to `^28.8.3 || ^29.0.1`
+- Bumped `eslint-plugin-sonarjs` tot `^3.0.2`
+- Bumped `eslint-plugin-unicorn` to `^56.0.1`
+- Bumped `eslint-plugin-react-redux` to `^4.2.0`
+- Bumped `eslint-plugin-testing-library` `^7.2.0`
+- Bumped `@eslint-community/eslint-plugin-eslint-comments` to `^4.3`
+- Bumped `eslint-plugin-autofix` to `^2.2`
+- Bumped `eslint-plugin-jsx-a11y` to `^6.10.0`
+- Bumped `eslint-plugin-regexp` to `^2.3`
+
+#### Necessary for unconditional support of new features and configs
+
+- Bumped `eslint-plugin-no-autofix` to `^2.1`
+- Bumped `@eslint/compat` to `^1.2.4 || ^2`
+- Bumped `@stylistic/eslint-plugin` to `^5.3`
+- Bumped `eslint-config-flat-gitignore` to `^2.1.0`
+- Bumped `eslint-import-resolver-typescript` to `^4`
+- Bumped `eslint-plugin-import-x` to `^4.15.1`
+- Bumped `eslint-plugin-no-relative-import-paths` to `^1.5.5`
+- Bumped `typescript-eslint` to `^8.35`
+- Bumped `angular-eslint` to `>=19.6`
+- Bumped `eslint-plugin-n` to `>=17.19`
+- Bumped `eslint-plugin-react-hooks` to `^7.0.1`
+- Bumped `eslint-plugin-react-prefer-function-component` to `^3.3.0 || ^4.0.1 || ^5`
+
 ## 4.3.2
 
 - Disabled `@angular-eslint/no-host-metadata-property` as it is now the recommendation for signals. See <https://github.com/angular-eslint/angular-eslint/discussions/2303>
@@ -8,7 +85,7 @@
 ## 4.3.0
 
 - Correctly also disable `compilerOptions.emitDecoratorMetadata` when disabling `compilerOptions.experimentalDecorators` out of the box
-  - Added instructions to explicitely enable both on Angular projects using experimental decorators
+  - Added instructions to explicitly enable both on Angular projects using experimental decorators
 - Added a `tsconfig.5.6.json` TSConfig preset with `noUncheckedSideEffectImports` enabled
 - Enabled `compilerOptions.resolveJsonModule` by default
 - Enabled `compilerOptions.checkJS` by default
@@ -35,7 +112,7 @@
 - Disabled `@typescript-eslint/no-misused-spread`:\
   Still a handful of false-positives and I couldn't get the configuration working.\
   Especially annoying with autogenerated API when spreading class instance
-  with readonly properties as its contructor object.\
+  with readonly properties as its constructor object.\
   ie: `new Myclass({...someInstance, overwritten_prop: "foo"})`\
   NOTE: If fixed, we'd still only want this in extra-strict config.
 
@@ -83,7 +160,7 @@
 - Disabled `@typescript-eslint/no-misused-spread`:\
   Still a handful of false-positives and I couldn't get the configuration working.\
   Especially annoying with autogenerated API when spreading class instance
-  with readonly properties as its contructor object.\
+  with readonly properties as its constructor object.\
   ie: `new Myclass({...someInstance, overwritten_prop: "foo"})`\
   NOTE: If fixed, we'd still only want this in extra-strict config.
 
@@ -122,7 +199,7 @@
 
 ## 3.1.1
 
-- Turned on `"objectLiteralTypeAssertions": "allow-as-parameter"` as error for `@typescript-eslint/consistent-type-assertions` in extra-strict config
+- Turned on `"objectLiteralTypeAssertions` to `allow-as-parameter"` as error for `@typescript-eslint/consistent-type-assertions` in extra-strict config
 - Enabled `@typescript-eslint/consistent-type-assertions` (but without the "as parameter" restriction) for Jest
 - Added `boolean` and `nullish` to `@typescript-eslint/restrict-template-expressions` in `extra-strict` preset
   If you really meant to write "true", "false", "null" or "undefined", then explicitly stringify it using `String()` (or `Intl.ListFormat` for `Array`s)
@@ -220,7 +297,7 @@
 
 ## 2.4.12
 
-- Restored `regexp/prefer-d` pre-2.4 behaviour of prefering `/[\d_]/` over `/[0-9_]/`
+- Restored `regexp/prefer-d` pre-2.4 behaviour of preferring `/[\d_]/` over `/[0-9_]/`
 - Disabled all the following rules when running under pre-commit.ci to avoid false-positives due to missing types:
   - `@typescript-eslint/no-redundant-type-constituents`
   - `@typescript-eslint/no-unnecessary-condition`
@@ -240,12 +317,12 @@
 
 ## 2.4.7
 
-- No longer recommending to explicitely annotate void returning awaitable arrow functions as `(param): void => { statement }` in JavaScript
+- No longer recommending to explicitly annotate void returning awaitable arrow functions as `(param): void => { statement }` in JavaScript
 
 ## 2.4.6
 
 - Replaced `@typescript-eslint/*` with `typescript-eslint`
-- Loosened rules requirering `strictNullChecks` if `eslint-plugin-total-functions` isn't also installed
+- Loosened rules requiring `strictNullChecks` if `eslint-plugin-total-functions` isn't also installed
 
 ## 2.4.5
 

package/LICENSE

@@ -1,6 +1,6 @@
 The MIT License
 
-Copyright 2024 Beslogic Inc.
+Copyright 2025 Beslogic Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

package/README.md

@@ -107,12 +107,12 @@ Examples
 <summary>React + TypeScript</summary>
 
 ```js
-import tseslint from 'typescript-eslint'
+import { defineConfig } from 'eslint/config';
 import beslogicExtraStrict from 'eslint-config-beslogic/extra-strict.mjs'
 import beslogicReact from 'eslint-config-beslogic/react.mjs'
 import beslogicTypeScript from 'eslint-config-beslogic/typescript.mjs'
 
-export default tseslint.config(
+export default defineConfig(
   beslogicReact,
   beslogicTypeScript,
   beslogicExtraStrict,
@@ -127,11 +127,11 @@ export default tseslint.config(
 <summary>Angular</summary>
 
 ```js
-import tseslint from 'typescript-eslint'
+import { defineConfig } from 'eslint/config';
 import beslogicAngular from 'eslint-config-beslogic/angular.mjs'
 import beslogicExtraStrict from 'eslint-config-beslogic/extra-strict.mjs'
 
-export default tseslint.config(
+export default defineConfig(
   beslogicAngular,
   beslogicExtraStrict,
   // Your configs here
@@ -145,13 +145,13 @@ export default tseslint.config(
 <summary>Frameworkless TypeScript w/o dprint</summary>
 
 ```js
-import tseslint from 'typescript-eslint'
+import { defineConfig } from 'eslint/config';
 import beslogicExtraStrict from 'eslint-config-beslogic/extra-strict.mjs'
 import beslogicJavascript from 'eslint-config-beslogic/javascript.mjs'
 import beslogicStylistic from 'eslint-config-beslogic/stylistic.mjs'
 import beslogicTypeScript from 'eslint-config-beslogic/typescript.mjs'
 
-export default tseslint.config(
+export default defineConfig(
   beslogicJavascript,
   beslogicTypeScript,
   beslogicExtraStrict,
@@ -177,12 +177,29 @@ Basic javascript configs, is extended by all other configs except `typescript.mj
 
 ### `typescript.mjs`
 
-Basic TypeScript-specific configs and `TSX` support, is extended by all other TypeScript exclusive configs. To avoid rules conflicts, it does **not** already extend from `javascript.mjs`. So you should extend from both in a pure TypeScript project. You may also need to specify `parserOptions.project`. ie: `"parserOptions": { "project": ["tsconfig.json"] },` and `"parser": "@typescript-eslint/parser"` if you reconfigure some rules yourself.
+Basic TypeScript-specific configs and `TSX` support, is extended by all other TypeScript exclusive configs. To avoid rules conflicts, it does **not** already extend from `javascript.mjs`. So you should extend from both in a pure TypeScript project. If you have a non-standard `tsconfig.json`, you may need custom configurations for [settings.import-x/resolver-next: [createTypeScriptImportResolver({project: ...})]](https://github.com/import-js/eslint-import-resolver-typescript#eslintconfigjs) and/or [settings.parserOptions.projectService](https://typescript-eslint.io/packages/parser#projectserviceoptions).
 
 For the linting to be fully effective, please make sure that your base `tsconfig.json` extends `eslint-config-beslogic/tsconfig.X.X.json` (see [Parallel configurations](#parallel-configurations)).
 
 If you want extra strict linting, consider adding the [`extra-strict.mjs` preset](#extra-strictmjs).
 
+If you are a writing library, use the following rule:
+
+```js
+import { defineConfig } from "eslint/config"
+import { explicitModuleBoundaryType } from "eslint-config-beslogic/extra-strict.mjs"
+
+export default defineConfig(
+  {
+    rules: {
+      "@typescript-eslint/explicit-module-boundary-types": explicitModuleBoundaryType
+    }
+  }
+)
+```
+
+<!-- Notes about bun support for later: https://github.com/import-js/eslint-import-resolver-typescript#bun-->
+
 ### `node-js.mjs`
 
 Configurations for NodeJS backends.
@@ -200,7 +217,7 @@ Configurations for projects using RxJs. Already extends and `typescript.mjs` for
 Add the following `devDependencies` to your `package.json`:
 
 ```shell
-npm install --save-dev eslint-plugin-rxjs
+npm install --save-dev eslint-plugin-rxjs-x
 ```
 
 ### `react.mjs`
@@ -255,9 +272,11 @@ If bundling as an npm package set `"strictMetadataEmit": true` under `angularCom
 Add the following `devDependencies` to your `package.json`:
 
 ```shell
-npm install --save-dev @angular-eslint/eslint-plugin @angular-eslint/eslint-plugin-template @angular-eslint/template-parser github:BesLogic/eslint-plugin-rxjs-angular#dist eslint-plugin-angular-file-naming
+npm install --save-dev @angular-eslint/eslint-plugin @angular-eslint/eslint-plugin-template @angular-eslint/template-parser eslint-plugin-rxjs-angular-x eslint-plugin-angular-file-naming
 ```
 
+If using Standalone Components, which are now the recommended default, you should enable the rule `"no-autofix/@angular-eslint/prefer-standalone": "error"`.
+
 ### `storybook.mjs`
 
 Includes strict Storybook ESLint plugin and a custom rule for Angular components. This preset should be added last.\
@@ -292,13 +311,3 @@ Enforces stylistic rules for JS objects to look like valid JSON objects.
 ## Changelog
 
 You can view the changelog under the [Code Tab](https://www.npmjs.com/package/eslint-config-beslogic?activeTab=code), or at <https://socket.dev/npm/package/eslint-config-beslogic/files/latest/CHANGELOG.md>
-
-<!-- (keep this section hidden from public README)
-## Dev testing:
-
-To test updates to ESLint-Config-Beslogic in other existing projects:
-1. At the root of this repo, run `npm i` then `npm run yalc`
-2. In the target project, run `npm i --save-dev yalc` then `yalc add eslint-config-beslogic`
-3. Update the project's eslintrc.config.mjs config file as needed
-4. Run your linting
--->

package/TODO-SONARJS_CHECK_IF_DUPLICATED.json

@@ -1,8 +1,5 @@
 // These are the rules I haven't yet validated if they duplicate existing rules
 {
-  "sonarjs/alt-text": "error",
-  "sonarjs/anchor-has-content": "error",
-  "sonarjs/anchor-is-valid": "error",
   "sonarjs/anchor-precedence": "error",
   "sonarjs/argument-type": "error",
   "sonarjs/arguments-order": "error",
@@ -35,29 +32,24 @@
   "sonarjs/generator-without-yield": "error",
   "sonarjs/hashing": "error",
   "sonarjs/hidden-files": "error",
-  "sonarjs/html-has-lang": "error",
   "sonarjs/in-operator-type-error": "error",
   "sonarjs/inconsistent-function-call": "error",
   "sonarjs/index-of-compare-to-positive-number": "error",
   "sonarjs/insecure-cookie": "error",
   "sonarjs/insecure-jwt-token": "error",
   "sonarjs/inverted-assertion-arguments": "error",
-  "sonarjs/label-has-associated-control": "error",
   "sonarjs/label-position": "error",
   "sonarjs/link-with-target-blank": "error",
   "sonarjs/max-switch-cases": "error",
-  "sonarjs/media-has-caption": "error",
   "sonarjs/misplaced-loop-counter": "error",
   "sonarjs/mouse-events-a11y": "error",
   "sonarjs/new-operator-misuse": "error",
   "sonarjs/no-accessor-field-mismatch": "error",
   "sonarjs/no-all-duplicated-branches": "error",
-  "sonarjs/no-alphabetical-sort": "error",
   "sonarjs/no-angular-bypass-sanitization": "error",
   "sonarjs/no-array-delete": "error",
   "sonarjs/no-associative-arrays": "error",
   "sonarjs/no-async-constructor": "error",
-  "sonarjs/no-base-to-string": "error",
   "sonarjs/no-case-label-in-switch": "error",
   "sonarjs/no-clear-text-protocols": "error",
   "sonarjs/no-code-after-done": "error",
@@ -88,19 +80,16 @@
   "sonarjs/no-infinite-loop": "error",
   "sonarjs/no-internal-api-use": "error",
   "sonarjs/no-intrusive-permissions": "error",
-  "sonarjs/no-invalid-await": "error",
   "sonarjs/no-invariant-returns": "error",
   "sonarjs/no-inverted-boolean-check": "error",
   "sonarjs/no-ip-forward": "error",
   "sonarjs/no-labels": "error",
   "sonarjs/no-literal-call": "error",
   "sonarjs/no-mime-sniff": "error",
-  "sonarjs/no-misleading-array-reverse": "error",
   "sonarjs/no-mixed-content": "error",
   "sonarjs/no-nested-assignment": "error",
   "sonarjs/no-nested-functions": "error",
   "sonarjs/no-nested-template-literals": "error",
-  "sonarjs/no-one-iteration-loop": "error",
   "sonarjs/no-parameter-reassignment": "error",
   "sonarjs/no-primitive-wrappers": "error",
   "sonarjs/no-redundant-assignments": "error",
@@ -111,8 +100,6 @@
   "sonarjs/no-same-argument-assert": "error",
   "sonarjs/no-same-line-conditional": "error",
   "sonarjs/no-selector-parameter": "error",
-  "sonarjs/no-self-compare": "error",
-  "sonarjs/no-self-import": "error",
   "sonarjs/no-skipped-test": "error",
   "sonarjs/no-small-switch": "error",
   "sonarjs/no-table-as-layout": "error",
@@ -123,8 +110,6 @@
   "sonarjs/no-unthrown-error": "error",
   "sonarjs/no-unused-collection": "error",
   "sonarjs/no-use-of-empty-return-value": "error",
-  "sonarjs/no-useless-call": "error",
-  "sonarjs/no-useless-constructor": "error",
   "sonarjs/no-useless-increment": "error",
   "sonarjs/no-useless-intersection": "error",
   "sonarjs/no-vue-bypass-sanitization": "error",
@@ -136,8 +121,6 @@
   "sonarjs/os-command": "error",
   "sonarjs/post-message": "error",
   "sonarjs/prefer-default-last": "error",
-  "sonarjs/prefer-function-type": "error",
-  "sonarjs/prefer-namespace-keyword": "error",
   "sonarjs/prefer-promise-shorthand": "error",
   "sonarjs/prefer-single-boolean-return": "error",
   "sonarjs/prefer-type-guard": "error",

package/angular.mjs

@@ -1,11 +1,11 @@
 // SPDX-License-Identifier: MIT
-// Copyright 2024 Beslogic Inc.
+// Copyright 2025 Beslogic Inc.
 
+import { defineConfig } from "@eslint/config-helpers"
 import angular from "angular-eslint"
 import angularFileNaming from "eslint-plugin-angular-file-naming"
-import rxjsAngular from "eslint-plugin-rxjs-angular"
+import rxjsAngular from "eslint-plugin-rxjs-angular-x"
 import testingLibrary from "eslint-plugin-testing-library"
-import tseslint from "typescript-eslint"
 
 import { noAutofixPreferArrowFunctionsConfig, noRestrictedSyntax as noRestrictedSyntaxJS, preferArrowFunctionsConfig, preventAbbreviationsConfig as preventAbbreviationsConfigJS } from "./javascript.mjs"
 import { getModuleVersion, jestFilePatterns, jestNoRestrictedSyntax } from "./lib/utils.mjs"
@@ -14,7 +14,6 @@ import beslogicRXJS from "./rxjs.mjs"
 import beslogicTypeScript from "./typescript.mjs"
 
 const typescriptVersion = getModuleVersion("typescript", 4.7)
-const eslintVersion = getModuleVersion("eslint", 8.56)
 
 const typeDefinitionOverride = beslogicTypeScript.find(
   config => config.files?.includes("**/*.d.ts")
@@ -22,13 +21,6 @@ const typeDefinitionOverride = beslogicTypeScript.find(
 
 export const noRestrictedSyntax = [
   ...noRestrictedSyntaxJS,
-  // TODO: Asked to be its own rule: https://github.com/angular-eslint/angular-eslint/issues/1002
-  {
-    "selector":
-      "ClassDeclaration:has(Decorator :matches([name=\"Component\"], [name=\"Injectable\"], [name=\"Directive\"], [name=\"Pipe\"])) :matches(PropertyDefinition[key.name=\"intercept\"], PropertyDefinition[key.name=\"ngOnChanges\"], PropertyDefinition[key.name=\"ngOnInit\"], PropertyDefinition[key.name=\"ngDoCheck\"], PropertyDefinition[key.name=\"ngAfterContentInit\"], PropertyDefinition[key.name=\"ngAfterContentChecked\"], PropertyDefinition[key.name=\"ngAfterViewInit\"], PropertyDefinition[key.name=\"ngAfterViewChecked\"], PropertyDefinition[key.name=\"ngOnDestroy\"])",
-    "message":
-      "Angular hooks need to be functions defined on the prototype: https://github.com/angular/angular/issues/7270#issuecomment-201137617"
-  },
   // TODO: Possibly implement that ourselves?
   // Upstream request: https://github.com/MelvinVermeer/eslint-plugin-no-relative-import-paths/issues/30
   {
@@ -67,52 +59,61 @@ preventAbbreviationsConfig.allowList.def = true
 const end2endPreventAbbreviationsConfig = { ...preventAbbreviationsConfig }
 end2endPreventAbbreviationsConfig.allowList.e = true
 
-export default tseslint.config(
+export default defineConfig(
   beslogicRXJS,
   beslogicTypeScript,
-  // For some reasons I'm unable to configure the parser.
-  // The doc doesn't even mention needing to configure it, could be a v9 only support.
-  eslintVersion >= 9
-    ? {
-      "files": ["**/*.html"],
-      "extends": [...angular.configs.templateAll],
-      "rules": {
-        "@angular-eslint/template/click-events-have-key-events": "off",
-        "@angular-eslint/template/conditional-complexity": [
-          "error",
-          // Same as ESLint sonarjs/cognitive-complexity
-          { "maxComplexity": 20 }
-        ],
-        "@angular-eslint/template/cyclomatic-complexity": [
-          "error",
-          // Same as ESLint complexity
-          { "maxComplexity": 20 }
-        ],
-        "@angular-eslint/template/eqeqeq": [
-          "error",
-          { "allowNullOrUndefined": true }
-        ],
-        "@angular-eslint/template/no-inline-styles": [
-          "error",
-          {
-            "allowNgStyle": true,
-            "allowBindToStyle": true
-          }
-        ],
-        "@angular-eslint/template/attributes-order": "error",
-        // Don't autofix as these should be handled manually, also configured in extra-strict preset
-        "@angular-eslint/template/i18n": "off",
-        // This constantly requires wrapping images in an additional div or knowing the exact display size.
-        // Doesn't support relative sizing either, not sure if worth even trying to enforce.
-        "@angular-eslint/template/prefer-ngsrc": "off",
-        // TODO: Investigate the value of this rule.
-        // It is new to me as well and I want to ensure I can isolate and understand breaking changes.
-        // Maybe with NG17's new control flow syntax that eliminates the need for track-by directive?
-        "@angular-eslint/template/use-track-by-function": "off"
-      }
+  {
+    "name": "beslogic/angular/html",
+    "files": ["**/*.html"],
+    "extends": [...angular.configs.templateAll],
+    "rules": {
+      /*
+       * angular-eslint/template overrides (https://github.com/angular-eslint/angular-eslint/blob/main/packages/eslint-plugin-template/README.md#rules)
+       */
+      "@angular-eslint/template/attributes-order": "error",
+      "@angular-eslint/template/click-events-have-key-events": "off",
+      "@angular-eslint/template/conditional-complexity": [
+        "error",
+        // Same as ESLint sonarjs/cognitive-complexity
+        { "maxComplexity": 20 }
+      ],
+      "@angular-eslint/template/cyclomatic-complexity": [
+        "error",
+        // Same as ESLint complexity
+        { "maxComplexity": 20 }
+      ],
+      "@angular-eslint/template/eqeqeq": [
+        "error",
+        { "allowNullOrUndefined": true }
+      ],
+      "@angular-eslint/template/no-inline-styles": [
+        "error",
+        {
+          "allowNgStyle": true,
+          "allowBindToStyle": true
+        }
+      ],
+      "@angular-eslint/template/no-interpolation-in-attributes": [
+        "error",
+        {
+          "allowSubstringInterpolation": true
+        }
+      ],
+
+      // Don't autofix as these should be handled manually, also configured in extra-strict preset
+      "@angular-eslint/template/i18n": "off",
+      // This constantly requires wrapping images in an additional div or knowing the exact display size.
+      // Doesn't support relative sizing either, not sure if worth even trying to enforce.
+      // v20.7 adds some suggestions to this rule
+      "@angular-eslint/template/prefer-ngsrc": "off",
+      // TODO: Investigate the value of this rule.
+      // It is new to me as well and I want to ensure I can isolate and understand breaking changes.
+      // Maybe with NG17's new control flow syntax that eliminates the need for track-by directive?
+      "@angular-eslint/template/use-track-by-function": "off"
     }
-    : {},
+  },
   {
+    "name": "beslogic/angular/ts",
     "files": ["**/*.ts"],
     "extends": [...angular.configs.tsAll],
     "processor": angular.processInlineTemplates,
@@ -122,10 +123,6 @@ export default tseslint.config(
     },
     "languageOptions": {
       "parserOptions": {
-        "project": [
-          "tsconfig?(.*).json",
-          "**/tsconfig?(.*).json" // For example: e2e/tsconfig.json
-        ],
         // Needed specifically for @typescript-eslint/consistent-type-imports
         // https://typescript-eslint.io/rules/consistent-type-imports/#caveat-decorators--experimentaldecorators-true--emitdecoratormetadata-true
         "emitDecoratorMetadata": typescriptVersion >= 5
@@ -152,9 +149,8 @@ export default tseslint.config(
       ],
 
       /*
-       * rxjs-angular rules
+       * rxjs-angular-x rules
        */
-      "rxjs/no-finnish": "error",
       "rxjs-angular/prefer-async-pipe": "off",
       "rxjs-angular/prefer-composition": [
         "error",
@@ -177,7 +173,7 @@ export default tseslint.config(
       ],
 
       /*
-       * Angular-eslint overrides (https://github.com/angular-eslint/angular-eslint/tree/master/packages/eslint-plugin/docs/rules)
+       * Angular-eslint overrides (https://github.com/angular-eslint/angular-eslint/blob/main/packages/eslint-plugin/README.md#rules)
        */
       "@angular-eslint/component-class-suffix": [
         "error",
@@ -202,22 +198,15 @@ export default tseslint.config(
           "style": "camelCase"
         }
       ],
-      // Deprecated in v18, removed in v19.
-      // TODO: Adopt the inverse rule once it's been created. This is the recommendation for signals
-      // See https://github.com/angular-eslint/angular-eslint/discussions/2303
-      "@angular-eslint/no-host-metadata-property": "off",
       "@angular-eslint/prefer-on-push-component-change-detection": "off",
+      // Deprecated and to be removed (removed from "all" config in v21)
+      "@angular-eslint/no-conflicting-lifecycle": "off",
       // We need to disable the autofix because some of the "new" standalone components
       // would still be declared in their module. This breaks Angular and requires manual changes.
-      "@angular-eslint/prefer-standalone-component": "off",
-      // IDEM but updated rule that now works on more than components
       "@angular-eslint/prefer-standalone": "off",
-      // Prefer Standalone still requires a bit of convincing,
+      // TODO: Prefer Standalone still requires a bit of convincing,
       // maybe with NG17's new control flow syntax that reduces imports in standalone components?
-      // And not until this rule also applies to Pipes and Directives
-      // https://github.com/angular-eslint/angular-eslint/pull/1627#pullrequestreview-1807581472
-      "no-autofix/@angular-eslint/prefer-standalone-component": "off",
-      // IDEM but updated rule that now works on more than components
+      // Note that in v20 this is no longer an autofix, but a suggestion
       "no-autofix/@angular-eslint/prefer-standalone": "off",
 
       /*
@@ -227,7 +216,7 @@ export default tseslint.config(
         "error",
         "interface"
       ],
-      // TODO: https://dev.azure.com/Beslogic/ESLint-Config-Beslogic/_workitems/edit/16268
+      // TODO: https://dev.azure.com/Beslogic/NexusLab/_workitems/edit/16268
       "@typescript-eslint/member-ordering": "off",
       // Angular directives can lead to empty classes
       // Angular's withConfig pattern for @NgModule leads to only static method
@@ -236,9 +225,10 @@ export default tseslint.config(
         "error",
         { "allowWithDecorator": true }
       ],
-      // Incompatible with Angular's dependecy injection
+      // Incompatible with Angular's dependency injection
+      // TODO: What about the new (non-decorator) dependency injection ?
       "@typescript-eslint/no-invalid-this": "off",
-      // Redundant with Angular's dependecy injection
+      // Redundant with Angular's dependency injection
       "@typescript-eslint/parameter-properties": "off",
       "unicorn/no-keyword-prefix": [
         "error",
@@ -267,6 +257,7 @@ export default tseslint.config(
     }
   },
   {
+    "name": "beslogic/angular/js-assumed-node",
     "files": [
       "**/*.js",
       "**/*.[cm]js"
@@ -274,18 +265,20 @@ export default tseslint.config(
     "extends": [...beslogicNodeJS]
   },
   {
+    "name": "beslogic/angular/polyfills",
     "files": ["**/polyfills.ts"],
     "rules": {
       "simple-import-sort/imports": "off"
     }
   },
   {
+    "name": "beslogic/angular/arrow-function-lifecycle-methods",
     "files": [
       // See no-restricted-syntax
       // TODO: See if it's possible to implement myself (library updates or eslint-rule-composer)
       "**/*[.-]component.ts",
       "**/*[.-]directive.ts",
-      "**/*[.-]interceptor.ts",
+      "**/*[.-]interceptor.ts", // @Injectable
       "**/*[.-]service.ts", // @Injectable
       "**/*[.-]pipes.ts"
     ],
@@ -313,6 +306,7 @@ export default tseslint.config(
     }
   },
   {
+    "name": "beslogic/angular/jest",
     "files": jestFilePatterns,
     "extends": [testingLibrary.configs["flat/angular"]],
     "rules": {
@@ -320,6 +314,7 @@ export default tseslint.config(
     }
   },
   {
+    "name": "beslogic/angular/e2e-abbreviations",
     "files": [
       "**/*.e2e-spec.ts",
       "**/*.d.ts"
@@ -334,6 +329,7 @@ export default tseslint.config(
   },
   {
     // Exceptions for Storybook
+    "name": "beslogic/angular/storybook",
     "files": [
       "**/*.stories.ts",
       "**/*.story.ts"
@@ -346,6 +342,7 @@ export default tseslint.config(
     }
   },
   {
+    "name": "beslogic/angular/filename-case",
     "files": [
       "**/*.[jt]s",
       "**/*.html"