eslint.config.mjs

// @ts-check

import eslint from '@eslint/js';
import tseslint from 'typescript-eslint';
import react from 'eslint-plugin-react';
import reactHooks from 'eslint-plugin-react-hooks'
import {fixupPluginRules} from '@eslint/compat'
import ImportRules from 'eslint-plugin-import'
import i18nJson from 'eslint-plugin-i18n-json'

export default tseslint.config(
    eslint.configs.recommended,
    ...tseslint.configs.recommended,
    {
        // Override for some typescript we actuall kinda like
        rules: {
            "@typescript-eslint/no-explicit-any": "off"
        }
    },
    {
        files: ["**/i18n/translations.*.json"],
        plugins: {
            "i18n-json": i18nJson
        },
        rules: {
            ...i18nJson.configs.recommended.rules,
            "i18n-json/valid-message-syntax": "off",
            "i18n-json/identical-keys": [
                1,
                {
                    "filePath": "../../../../src/i18n/translations.en.json"
                }
            ],
            "@typescript-eslint/no-unused-expressions": "off"
        }
    },
    {
        // Override for config js files
        files: ['**/*.config.js'],
        extends: [tseslint.configs.disableTypeChecked],
        rules: {
            "no-undef": "off",
            "@typescript-eslint/no-require-imports": "off"
        }
    },
    {
        // override for testing related stuff
        files: ["**/setupTests.js"],
        extends: [tseslint.configs.disableTypeChecked],
        rules: {
            "no-undef": "off"
        }
    },
    {
        // Handle react
        files: ["**/*.tsx", "**/*.jsx"],
        plugins: {
            react: react,
            "react-hooks": fixupPluginRules(reactHooks)
        },
        settings: {
            react: {
                version: "18"
            }
        },
        rules: {
            ...react.configs.recommended.rules,
            ...reactHooks.configs.recommended.rules,
            "react/react-in-jsx-scope": "off",
            "react/prop-types": "off",
            "react/display-name": "off"
        }
    },
    {
        // Enfore importing rules
        files: ["**/*.ts", "**/*.tsx", "**/*.js", "**/*.jsx"],
        plugins: {
            "import": fixupPluginRules(ImportRules)
        },
        settings: {
            "import/resolver": {
                typescript: true
            }
        },
        rules: {
            ...ImportRules.configs.recommended.rules,
            "import/no-unresolved": "off",
            "import/imports-first": "warn",
            "import/order": "warn"
        }
    }
);