Enabled recommended-requiring-type-checking as result type fixes provided (#632)

* Enabled recommended-requiring-type-checking * from .cjs to .js * check * check * check * check * A lot of types aligned and refactored * More strict types * Improvement * Improvements * Improvements * Fixed routs * Fixed import types
2026-03-26 06:18:04 +00:00 · 2025-12-01 10:19:44 +02:00
parent 362f881b47
commit f2eb91bc02
75 changed files with 668 additions and 481 deletions
--- a/frontend/eslint.config.js
+++ b/frontend/eslint.config.js
@@ -0,0 +1,160 @@
+import { defineConfig } from "eslint/config";
+import globals from "globals";
+import tsParser from "@typescript-eslint/parser";
+import typescriptEslint from "@typescript-eslint/eslint-plugin";
+import react from "eslint-plugin-react";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+import tscPlugin from "eslint-plugin-tsc";
+import { fileURLToPath } from "url";
+import path from "path";
+
+const __filename = fileURLToPath(new URL(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([
+  {
+    ignores: ["eslint.config.js"],
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        heap: "writable",
+        DD_RUM: "writable",
+      },
+
+      parser: tsParser,
+      ecmaVersion: "latest",
+      sourceType: "module",
+      parserOptions: {
+        ecmaVersion: "latest",
+        sourceType: "module",
+        ecmaFeatures: { jsx: true },
+        project: "./tsconfig.json",
+        tsconfigRootDir: __dirname,
+      },
+    },
+
+    extends: compat.extends(
+      "enpitech",
+      "eslint:recommended",
+      "plugin:prettier/recommended",
+      "plugin:@typescript-eslint/recommended",
+      "plugin:react-hooks/recommended",
+      "plugin:@typescript-eslint/recommended-requiring-type-checking"
+    ),
+
+    plugins: {
+      "@typescript-eslint": typescriptEslint,
+      tsc: tscPlugin,
+      react,
+    },
+
+    settings: {
+      react: {
+        version: "detect",
+      },
+    },
+
+    rules: {
+      "no-console": [
+        "error",
+        {
+          allow: ["error"],
+        },
+      ],
+
+      "no-alert": "error",
+      "no-debugger": "error",
+      "@typescript-eslint/ban-ts-comment": "off",
+
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        {
+          vars: "all",
+          args: "after-used",
+          ignoreRestSiblings: true,
+        },
+      ],
+
+      "react/react-in-jsx-scope": "off",
+      "react/jsx-uses-react": "error",
+      "linebreak-style": ["error", "unix"],
+      quotes: ["error", "double"],
+      semi: ["error", "always"],
+      "no-restricted-properties": [
+        "error",
+        {
+          object: "React",
+          property: "*",
+          message: "Using React.* is prohibited.",
+        },
+      ],
+
+      "@typescript-eslint/no-explicit-any": "error",
+      "@typescript-eslint/strict-boolean-expressions": "off",
+      "@typescript-eslint/no-unsafe-assignment": "error",
+      "@typescript-eslint/no-unsafe-member-access": "error",
+      "@typescript-eslint/no-unsafe-return": "error",
+      "@typescript-eslint/no-unnecessary-type-assertion": "error",
+      "@typescript-eslint/consistent-type-assertions": [
+        "error",
+        {
+          assertionStyle: "as",
+          objectLiteralTypeAssertions: "never",
+        },
+      ],
+      "@typescript-eslint/no-restricted-types": [
+        "error",
+        {
+          types: {
+            "React.FC": {
+              message:
+                "Avoid using React.FC. Use import type { FC } from React instead",
+            },
+            "React.Node": {
+              message:
+                "Avoid using React.Node. Use import type { Node } from React instead",
+            },
+          },
+        },
+      ],
+      "no-restricted-imports": [
+        "error",
+        {
+          name: "react",
+          importNames: ["default", "*"],
+          message:
+            "Default and namespace React imports are prohibited. Use specific named imports only (e.g., import { useState, type ReactNode } from 'react').",
+          allowTypeImports: false,
+        },
+      ],
+
+      "@typescript-eslint/consistent-type-imports": [
+        "error",
+        {
+          prefer: "type-imports",
+        },
+      ],
+
+      "tsc/config": ["error", { configFile: "./tsconfig.json" }],
+    },
+  },
+  {
+    languageOptions: {
+      globals: {
+        ...globals.node,
+      },
+
+      sourceType: "script",
+      parserOptions: {},
+    },
+
+    files: ["**/.eslintrc.{js,cjs}"],
+  },
+]);