import jestPlugin from 'eslint-plugin-jest';
import globals from 'globals';
import reactPlugin from 'eslint-plugin-react';
import reactHooksPlugin from 'eslint-plugin-react-hooks';
import unusedImportsPlugin from 'eslint-plugin-unused-imports';
import tsEslint from 'typescript-eslint';
import storybookPlugin from 'eslint-plugin-storybook';
import importPlugin from 'eslint-plugin-import';

export default tsEslint.config(
  eslint.configs.recommended,
  tsEslint.configs.recommended,
  reactPlugin.configs.flat.recommended,
  storybookPlugin.configs['flat/recommended'],
  importPlugin.flatConfigs.recommended,
  {
    files: ['**/*.{js,jsx,mjs,cjs,ts,tsx}'],
    plugins: {
      reactPlugin,
      jestPlugin,
      'react-hooks': reactHooksPlugin, // doesn't support flatconfig yet,
      unusedImportsPlugin,
    },
    languageOptions: {
      globals: {
        ...globals.browser,
        ...jestPlugin.environments.globals.globals,
        ...globals.es2022,
        ...globals.jest,
      },
      parserOptions: {
        ecmaVersion: 2022,
        project: './tsconfig.json',
        sourceType: 'module',
        ecmaFeatures: {
          jsx: true,
        },
      },
    },
    settings: {
      react: {
        version: 'detect',
      },
      'import/resolver-next': [
        createTypeScriptImportResolver({
          alwaysTryTypes: true,
          project: '<root>',
        }),
      ],
    },
    rules: {...}
    ignores: [
      'src/__tests__/*',
      'src/__mocks__/*',
      'src/@types',
      'scaffolding/**',
      '*.js',
      'jest-setup.ts',
    ],
  },
  prettierPlugin
);