eslint.config.js

import js from "@eslint/js";
import tsPlugin from "@typescript-eslint/eslint-plugin";
import tsParser from "@typescript-eslint/parser";
import prettierPlugin from "eslint-plugin-prettier";
import jestPlugin from "eslint-plugin-jest";
import reactPlugin from "eslint-plugin-react";
import globals from "globals";
import reactHooks from "eslint-plugin-react-hooks";
import reactRefresh from "eslint-plugin-react-refresh";
import tseslint from "typescript-eslint";


export const REACT_CONFIGS = tseslint.config(
    { ignores: ["dist"] },
    js.configs.recommended,
    ...tseslint.configs.recommended,
    {
      files: ["**/*.{ts,tsx}"],
      languageOptions: {
        ecmaVersion: 2020,
        globals: globals.browser,
      },
      plugins: {
        "react-hooks": reactHooks,
        "react-refresh": reactRefresh,
      },
      rules: {
        ...reactHooks.configs.recommended.rules,
        "react-refresh/only-export-components": [
          "warn",
          { allowConstantExport: true },
        ],
      },
    },
  );

export const MODULE_CONFIGS = tseslint.config(
    {
      // Global ignores
      ignores: [
        "dist",
        "coverage",
        "__tests__",
        "__mocks__",
        "**/jest.setup.ts",
        // ignore js/ts files in the root dir
        "*.{c,m,}{j,t}s",
      ],
    },
    js.configs.recommended,
    ...tseslint.configs.recommended,
    {
      files: ["**/*.{js,jsx,ts,tsx}"],
      languageOptions: {
        ecmaVersion: 2017,
        sourceType: "module",
        parser: tsParser,
        parserOptions: {
          ecmaFeatures: {
            jsx: true,
          },
          project: ["./tsconfig.json"],
        },
      },
      plugins: {
        "@typescript-eslint": tsPlugin,
        prettier: prettierPlugin,
        jest: jestPlugin,
        react: reactPlugin,
      },
      rules: {
        // Base rules
        quotes: ["error", "double"],
        "no-console": "warn",
        "no-unused-vars": "off",
        "no-empty": "warn",

        // TypeScript rules
        "@typescript-eslint/no-unused-vars": [
          "warn",
          {
            argsIgnorePattern: "^_",
            varsIgnorePattern: "^_",
            vars: "all",
            args: "after-used",
            ignoreRestSiblings: false,
          },
        ],
        "@typescript-eslint/explicit-function-return-type": "warn",
        "@typescript-eslint/no-misused-promises": "warn",
        "@typescript-eslint/no-floating-promises": "warn",
        "@typescript-eslint/no-unsafe-assignment": "warn",
        "@typescript-eslint/no-explicit-any": "warn",
      },
      settings: {
        react: {
          version: "detect",
        },
      },
    },
  );