wip

Author: timdeschryver

apps/example-app-karma/eslint.config.mjs

@@ -0,0 +1,8 @@
+import tseslint from "typescript-eslint";
+import rootConfig from "../../eslint.config.mjs";
+
+const rootConfig = require('../../eslint.config.js');
+
+module.exports = tseslint.config(
+  ...rootConfig,
+);

apps/example-app/eslint.config.mjs

@@ -0,0 +1,8 @@
+import tseslint from "typescript-eslint";
+import rootConfig from "../../eslint.config.mjs";
+
+const rootConfig = require('../../eslint.config.js');
+
+module.exports = tseslint.config(
+  ...rootConfig,
+);

eslint.config.mjs

@@ -0,0 +1,46 @@
+import eslint from "@eslint/js";
+import tseslint from "typescript-eslint";
+import angular from "angular-eslint";
+import jestDom from 'eslint-plugin-jest-dom';
+import testingLibrary from 'eslint-plugin-testing-library';
+
+export default tseslint.config(
+  {
+    files: ["**/*.ts"],
+    extends: [
+      eslint.configs.recommended,
+      ...tseslint.configs.recommended,
+      ...tseslint.configs.stylistic,
+      ...angular.configs.tsRecommended,
+      ...jestDom.configs.recommended,
+      ...testingLibrary.configs.angular,
+    ],
+    processor: angular.processInlineTemplates,
+    rules: {
+      "@angular-eslint/directive-selector": [
+        "error",
+        {
+          type: "attribute",
+          prefix: "atl",
+          style: "camelCase",
+        },
+      ],
+      "@angular-eslint/component-selector": [
+        "error",
+        {
+          type: "element",
+          prefix: "atl",
+          style: "kebab-case",
+        },
+      ],
+    },
+  },
+  {
+    files: ["**/*.html"],
+    extends: [
+      ...angular.configs.templateRecommended,
+      ...angular.configs.templateAccessibility,
+    ],
+    rules: {},
+  }
+);

package.json

@@ -9,7 +9,7 @@
     "build": "nx run-many --target=build --projects=testing-library",
     "build:schematics": "tsc -p ./projects/testing-library/tsconfig.schematics.json",
     "test": "nx run-many --target=test --all --parallel=1",
-    "lint": "nx workspace-lint && nx lint",
+    "lint": "nx run-many --all --target=lint",
     "e2e": "nx e2e",
     "affected:apps": "nx affected:apps",
     "affected:libs": "nx affected:libs",
@@ -40,7 +40,7 @@
     "@nx/angular": "20.3.0",
     "@testing-library/dom": "^10.4.0",
     "rxjs": "7.8.0",
-    "tslib": "~2.3.1",
+    "tslib": "~2.8.1",
     "zone.js": "^0.15.0"
   },
   "devDependencies": {
@@ -52,7 +52,7 @@
     "@angular-eslint/eslint-plugin-template": "19.0.2",
     "@angular-eslint/schematics": "19.0.2",
     "@angular-eslint/template-parser": "19.0.2",
-    "@angular/cli": "~19.0.0",
+    "@angular/cli": "~19.0.6",
     "@angular/compiler-cli": "19.0.1",
     "@angular/forms": "19.0.1",
     "@angular/language-service": "19.0.1",
@@ -63,48 +63,46 @@
     "@nx/plugin": "20.3.0",
     "@nx/workspace": "20.3.0",
     "@schematics/angular": "18.2.9",
-    "@testing-library/jasmine-dom": "^1.2.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/user-event": "^14.4.3",
+    "@testing-library/jasmine-dom": "^1.3.3",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/user-event": "^14.5.2",
     "@types/jasmine": "4.3.1",
     "@types/jest": "29.5.14",
     "@types/node": "22.10.1",
-    "@types/testing-library__jasmine-dom": "^1.3.0",
+    "@types/testing-library__jasmine-dom": "^1.3.4",
     "@typescript-eslint/eslint-plugin": "7.16.0",
     "@typescript-eslint/parser": "7.16.0",
-    "@typescript-eslint/utils": "^7.16.0",
-    "autoprefixer": "^10.4.0",
-    "cpy-cli": "^3.1.1",
+    "@typescript-eslint/utils": "^8.19.0",
+    "angular-eslint": "^19.0.2",
+    "autoprefixer": "^10.4.20",
+    "cpy-cli": "^5.0.0",
     "eslint": "8.57.0",
-    "eslint-config-prettier": "9.0.0",
-    "eslint-plugin-import": "~2.25.4",
-    "eslint-plugin-jasmine": "~4.1.3",
-    "eslint-plugin-jest": "^27.6.3",
-    "eslint-plugin-jest-dom": "~4.0.1",
-    "eslint-plugin-testing-library": "~5.0.1",
+    "eslint-plugin-jest-dom": "~5.5.0",
+    "eslint-plugin-testing-library": "~7.1.1",
     "jasmine-core": "4.2.0",
     "jasmine-spec-reporter": "7.0.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-preset-angular": "14.4.2",
     "karma": "6.4.0",
-    "karma-chrome-launcher": "^3.1.0",
+    "karma-chrome-launcher": "^3.2.0",
     "karma-coverage": "^2.2.1",
     "karma-jasmine": "5.1.0",
     "karma-jasmine-html-reporter": "2.0.0",
-    "lint-staged": "^12.1.6",
+    "lint-staged": "^15.3.0",
     "ng-mocks": "^14.13.1",
     "ng-packagr": "19.0.1",
     "nx": "20.3.0",
-    "postcss": "^8.4.5",
+    "postcss": "^8.4.49",
     "postcss-import": "14.1.0",
     "postcss-preset-env": "7.5.0",
     "postcss-url": "10.1.3",
     "prettier": "2.6.2",
-    "rimraf": "^3.0.2",
-    "semantic-release": "^18.0.0",
+    "rimraf": "^5.0.10",
+    "semantic-release": "^24.2.1",
     "ts-jest": "29.1.0",
     "ts-node": "10.9.1",
-    "typescript": "5.6.2"
+    "typescript": "5.6.2",
+    "typescript-eslint": "^8.19.0"
   }
 }

projects/testing-library/eslint.config.mjs

@@ -0,0 +1,8 @@
+import tseslint from "typescript-eslint";
+import rootConfig from "../../eslint.config.mjs";
+
+const rootConfig = require('../../eslint.config.js');
+
+module.exports = tseslint.config(
+  ...rootConfig,
+);