fix(igx-ts): fix eslint configurations (#1509)

Author: Hristo313

packages/igx-templates/igx-ts-legacy/projects/_base/files/angular.json

@@ -118,7 +118,7 @@
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {
-            "eslintConfig": "eslint.config.mjs",
+            "eslintConfig": "eslint.config.js",
             "lintFilePatterns": [
               "src/**/*.ts",
               "src/**/*.html"

packages/igx-templates/igx-ts-legacy/projects/_base/files/eslint.config.js

@@ -0,0 +1,50 @@
+// @ts-check
+const eslint = require("@eslint/js");
+const { defineConfig } = require("eslint/config");
+const tseslint = require("typescript-eslint");
+const angular = require("angular-eslint");
+
+module.exports = defineConfig([
+  {
+    files: ["**/*.ts"],
+    extends: [
+      eslint.configs.recommended,
+      tseslint.configs.recommended,
+      tseslint.configs.stylistic,
+      angular.configs.tsRecommended,
+    ],
+    processor: angular.processInlineTemplates,
+    rules: {
+      "@angular-eslint/directive-selector": [
+        "error",
+        {
+          type: "attribute",
+          prefix: "app",
+          style: "camelCase",
+        },
+      ],
+      "@angular-eslint/component-selector": [
+        "error",
+        {
+          type: "element",
+          prefix: "app",
+          style: "kebab-case",
+        },
+      ],
+      // Relax rules
+      "@typescript-eslint/no-explicit-any": "off",
+      "@angular-eslint/prefer-inject": "off",
+      "@angular-eslint/prefer-standalone": "off"
+    },
+  },
+  {
+    files: ["**/*.html"],
+    extends: [
+      angular.configs.templateRecommended
+    ],
+    rules: {
+      // Relax rules
+      "@angular-eslint/template/eqeqeq": "off"
+    },
+  }
+]);

packages/igx-templates/igx-ts-legacy/projects/_base/files/eslint.config.mjs

@@ -29,27 +29,19 @@
   "devDependencies": {
     "@angular/build": "~21.1.5",
     "@angular-devkit/build-angular": "~21.1.5",
-    "@angular-eslint/builder": "~21.2.0",
-    "@angular-eslint/eslint-plugin": "~21.2.0",
-    "@angular-eslint/eslint-plugin-template": "~21.2.0",
-    "@angular-eslint/schematics": "~21.2.0",
-    "@angular-eslint/template-parser": "~21.2.0",
     "@angular/cli": "~21.1.5",
     "@angular/compiler-cli": "~21.1.5",
     "@types/jasmine": "~5.1.4",
-    "@typescript-eslint/eslint-plugin": "~8.47.0",
-    "@typescript-eslint/parser": "~8.47.0",
+    "angular-eslint": "~21.2.0",
     "eslint": "~9.39.1",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prefer-arrow": "^1.2.3",
-    "eslint-plugin-unicorn": "^62.0.0",
     "igniteui-cli": "~<%=cliVersion%>",
     "jasmine-core": "~5.12.1",
     "karma": "~6.4.4",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.1",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.9.3"
+    "typescript": "~5.9.3",
+    "typescript-eslint": "~8.47.0"
   }
 }

packages/igx-templates/igx-ts-legacy/projects/_base/files/package.json

@@ -30,31 +30,23 @@
   "devDependencies": {
     "@angular/build": "~21.1.5",
     "@angular-devkit/build-angular": "~21.1.5",
-    "@angular-eslint/builder": "~21.2.0",
-    "@angular-eslint/eslint-plugin": "~21.2.0",
-    "@angular-eslint/eslint-plugin-template": "~21.2.0",
-    "@angular-eslint/schematics": "~21.2.0",
-    "@angular-eslint/template-parser": "~21.2.0",
     "@angular/cli": "~21.1.5",
     "@angular/compiler-cli": "~21.1.5",
     "@angular/language-service": "~21.1.5",
     "@types/facebook-js-sdk": "~3.3.6",
     "@types/hammerjs": "~2.0.41",
     "@types/jasmine": "~5.1.4",
     "@types/jasminewd2": "~2.0.3",
-    "@typescript-eslint/eslint-plugin": "~8.47.0",
-    "@typescript-eslint/parser": "~8.47.0",
+    "angular-eslint": "~21.2.0",
     "eslint": "~9.39.1",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prefer-arrow": "^1.2.3",
-    "eslint-plugin-unicorn": "^62.0.0",
     "igniteui-cli": "~<%=cliVersion%>",
     "jasmine-core": "~5.12.1",
     "karma": "~6.4.4",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.1",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.9.3"
+    "typescript": "~5.9.3",
+    "typescript-eslint": "~8.47.0"
   }
 }

packages/igx-templates/igx-ts-legacy/projects/side-nav-auth/files/package.json

@@ -1,16 +1,17 @@
 // @ts-check
 const eslint = require("@eslint/js");
+const { defineConfig } = require("eslint/config");
 const tseslint = require("typescript-eslint");
 const angular = require("angular-eslint");
 
-module.exports = tseslint.config(
+module.exports = defineConfig([
   {
     files: ["**/*.ts"],
     extends: [
       eslint.configs.recommended,
-      ...tseslint.configs.recommended,
-      ...tseslint.configs.stylistic,
-      ...angular.configs.tsRecommended,
+      tseslint.configs.recommended,
+      tseslint.configs.stylistic,
+      angular.configs.tsRecommended,
     ],
     processor: angular.processInlineTemplates,
     rules: {
@@ -38,11 +39,11 @@ module.exports = tseslint.config(
   {
     files: ["**/*.html"],
     extends: [
-      ...angular.configs.templateRecommended,
+      angular.configs.templateRecommended
     ],
     rules: {
       // Relax rules
-      "@angular-eslint/template/eqeqeq": "off",
+      "@angular-eslint/template/eqeqeq": "off"
     },
   }
-);
+]);

packages/igx-templates/igx-ts/projects/_base/files/eslint.config.js

@@ -30,30 +30,22 @@
   "devDependencies": {
     "@angular/build": "~21.1.5",
     "@angular-devkit/build-angular": "~21.1.5",
-    "@angular-eslint/builder": "~21.2.0",
-    "@angular-eslint/eslint-plugin": "~21.2.0",
-    "@angular-eslint/eslint-plugin-template": "~21.2.0",
-    "@angular-eslint/schematics": "~21.2.0",
-    "@angular-eslint/template-parser": "~21.2.0",
     "@angular/cli": "~21.1.5",
     "@angular/compiler-cli": "~21.1.5",
     "@angular/language-service": "~21.1.5",
     "@types/facebook-js-sdk": "~3.3.6",
     "@types/hammerjs": "~2.0.46",
     "@types/jasmine": "~5.1.4",
-    "@typescript-eslint/eslint-plugin": "~8.47.0",
-    "@typescript-eslint/parser": "~8.47.0",
+    "angular-eslint": "~21.2.0",
     "eslint": "~9.39.1",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prefer-arrow": "^1.2.3",
-    "eslint-plugin-unicorn": "^62.0.0",
     "igniteui-cli": "~<%=cliVersion%>",
     "jasmine-core": "~5.12.1",
     "karma": "~6.4.4",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.1",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.9.3"
+    "typescript": "~5.9.3",
+    "typescript-eslint": "~8.47.0"
   }
 }