import {defineConfig, globalIgnores} from 'eslint/config'
import {fixupConfigRules, fixupPluginRules} from '@eslint/compat'
import react from 'eslint-plugin-react'
import unusedImports from 'eslint-plugin-unused-imports'
import _import from 'eslint-plugin-import'
import typescriptEslint from '@typescript-eslint/eslint-plugin'
import jsxA11Y from 'eslint-plugin-jsx-a11y'
import prettier from 'eslint-plugin-prettier'
import globals from 'globals'
import tsParser from '@typescript-eslint/parser'
import path from 'node:path'
import {fileURLToPath} from 'node:url'
import js from '@eslint/js'
import {FlatCompat} from '@eslint/eslintrc'

const __filename = fileURLToPath(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([globalIgnores([
  '**/*.css',
  '**/.changeset',
  '**/dist',
  'esm/*',
  'public/*',
  'tests/*',
  'scripts/*',
  '**/*.config.js',
  '**/.DS_Store',
  '**/node_modules',
  '**/coverage'
]), {
  extends: fixupConfigRules(compat.extends(
    'plugin:react/recommended',
    'plugin:prettier/recommended',
    'plugin:react-hooks/recommended',
    'plugin:jsx-a11y/recommended'
  )),

  plugins: {
    react: fixupPluginRules(react),
    'unused-imports': unusedImports,
    import: fixupPluginRules(_import),
    '@typescript-eslint': typescriptEslint,
    'jsx-a11y': fixupPluginRules(jsxA11Y),
    prettier: fixupPluginRules(prettier)
  },

  languageOptions: {
    globals: {
      ...Object.fromEntries(Object.entries(globals.browser).map(([key]) => [key, 'off'])),
      ...globals.node
    },

    parser: tsParser,
    ecmaVersion: 12,
    sourceType: 'module',

    parserOptions: {
      ecmaFeatures: {
        jsx: true
      }
    }
  },

  settings: {
    react: {
      version: 'detect'
    }
  },

  files: [
    '**/*.{ts,tsx,js,jsx}'
  ],

  rules: {
    'no-console': 'warn',
    'react/prop-types': 'off',
    'react/jsx-uses-react': 'off',
    'react/react-in-jsx-scope': 'off',
    'react-hooks/exhaustive-deps': 'off',
    'jsx-a11y/click-events-have-key-events': 'warn',
    'jsx-a11y/interactive-supports-focus': 'warn',
    'prettier/prettier': 'warn',
    'no-unused-vars': 'off',
    'unused-imports/no-unused-vars': 'off',
    'unused-imports/no-unused-imports': 'warn',

    '@typescript-eslint/no-unused-vars': ['warn', {
      args: 'after-used',
      ignoreRestSiblings: false,
      argsIgnorePattern: '^_.*?$'
    }],

    'import/order': ['error', {
      'groups': [['external', 'builtin'], 'internal', 'parent', 'sibling', 'index'],

      alphabetize: {
        order: 'asc',
        caseInsensitive: true
      },

      'newlines-between': 'always'
    }],

    'react/self-closing-comp': 'warn',

    'react/jsx-sort-props': ['warn', {
      callbacksLast: true,
      shorthandFirst: true,
      noSortAlphabetically: false,
      reservedFirst: true
    }],

    'padding-line-between-statements': ['warn', {
      blankLine: 'always',
      prev: '*',
      next: 'return'
    }, {
      blankLine: 'always',
      prev: ['const', 'let', 'var'],
      next: '*'
    }, {
      blankLine: 'any',
      prev: ['const', 'let', 'var'],
      next: ['const', 'let', 'var']
    }],

    'import/consistent-type-specifier-style': ['error', 'prefer-top-level'],

    '@typescript-eslint/consistent-type-imports': ['error', {
      fixStyle: 'inline-type-imports'
    }]
  }
}])