feat: add ESLint configuration for TypeScript and Angular components

Author: valeriocomo

eslint.config.mjs

@@ -0,0 +1,62 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+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
+});
+
+export default defineConfig([
+    globalIgnores(["projects/**/*", "src/**/*-examples.component.html", "src/assets/video"]),
+    {
+        files: ["**/*.ts"],
+
+        extends: compat.extends(
+            "eslint:recommended",
+            "plugin:@typescript-eslint/recommended",
+            "plugin:@angular-eslint/recommended",
+            "plugin:@angular-eslint/template/process-inline-templates",
+            "plugin:prettier/recommended",
+        ),
+
+        rules: {
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-var-requires": "off",
+            "no-control-regex": "off",
+
+            "@angular-eslint/component-selector": ["error", {
+                prefix: "it",
+                style: "kebab-case",
+                type: "element",
+            }],
+
+            "@angular-eslint/prefer-standalone": ["off"],
+
+            "prettier/prettier": ["error", {
+                printWidth: 140,
+            }],
+        },
+    },
+    {
+        files: ["**/*.html"],
+
+        extends: compat.extends(
+            "plugin:@angular-eslint/template/recommended",
+            "plugin:@angular-eslint/template/accessibility",
+            "plugin:prettier/recommended",
+        ),
+
+        rules: {
+            "prettier/prettier": ["error", {
+                parser: "angular",
+                printWidth: 140,
+            }],
+        },
+    },
+]);

package-lock.json

@@ -104,6 +104,8 @@
     "@commitlint/cli": "^19.7.1",
     "@commitlint/config-conventional": "^19.7.1",
     "@compodoc/compodoc": "^1.1.26",
+    "@eslint/eslintrc": "^3.3.3",
+    "@eslint/js": "^9.39.1",
     "@types/bootstrap": "^5.2.10",
     "@types/jasmine": "~5.1.7",
     "@types/jasminewd2": "~2.0.13",

package.json

@@ -0,0 +1,36 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+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
+});
+
+export default defineConfig([globalIgnores(["!**/*"]), {
+    extends: compat.extends("../../.eslintrc.json"),
+}, {
+    files: ["**/*.ts"],
+
+    rules: {
+        "@angular-eslint/directive-selector": ["error", {
+            type: "attribute",
+            prefix: "it",
+            style: "camelCase",
+        }],
+
+        "@angular-eslint/component-selector": ["error", {
+            type: "element",
+            prefix: "it",
+            style: "kebab-case",
+        }],
+    },
+}, {
+    files: ["**/*.html"],
+    rules: {},
+}]);