import tsEslintParser from "@typescript-eslint/parser";
import tsEslintPlugin from "@typescript-eslint/eslint-plugin";
import reactPlugin from "eslint-plugin-react";
import reactHooksPlugin from "eslint-plugin-react-hooks";

export default [
    {
        files: ["**/*.ts", "**/*.tsx"],
        languageOptions: {
            parser: tsEslintParser,
            ecmaVersion: "latest",
            sourceType: "module",
            globals: {
                jsx: true,
            },
        },
        plugins: {
            "@typescript-eslint": tsEslintPlugin,
            react: reactPlugin,
            "react-hooks": reactHooksPlugin,
        },
        rules: {
            ...tsEslintPlugin.configs["eslint-recommended"].rules,
            ...tsEslintPlugin.configs["recommended"].rules,
            ...reactPlugin.configs["recommended"].rules,
            ...reactHooksPlugin.configs["recommended"].rules,
        },
        settings: {
            'import/resolver': {
                alias: {
                    map: [
                        ['@', './src'],
                    ],
                    extensions: ['.ts', '.tsx', '.js', '.jsx']
                }
            },
            react: {
                version: "detect",
            },
        },
    },
];