import react from 'eslint-plugin-react'
import path from 'node:path'
import { fileURLToPath } from 'node:url'
import { FlatCompat } from '@eslint/eslintrc'
import js from '@eslint/js'

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,
})

/** @type {import('eslint').Linter.Config[]} */
export default [
  ...compat.extends('plugin:react/recommended'),
  {
    plugins: {
      react,
    },

    rules: {
      'react/display-name': [2],
      'react/forbid-prop-types': [2],
      'react/no-children-prop': [2],
      'react/no-danger': [2],
      'react/no-danger-with-children': [2],
      'react/no-deprecated': [2],
      'react/no-did-mount-set-state': [2],
      'react/no-did-update-set-state': [2],
      'react/no-direct-mutation-state': [2],
      'react/no-find-dom-node': [2],
      'react/no-is-mounted': [2],

      'react/no-multi-comp': [
        2,
        {
          ignoreStateless: true,
        },
      ],

      'react/no-render-return-value': [2],
      'react/no-set-state': [0],
      'react/no-string-refs': [2],
      'react/no-unescaped-entities': [2],
      'react/no-unknown-property': [2],
      'react/no-unused-prop-types': [2],
      'react/prefer-es6-class': [2],
      'react/prefer-stateless-function': [2],
      'react/prop-types': [2],
      'react/react-in-jsx-scope': [2],
      'react/require-optimization': [0],
      'react/require-render-return': [2],
      'react/self-closing-comp': [2],
      'react/sort-comp': [2],
      'react/style-prop-object': [2],
      'react/jsx-boolean-value': [2, 'never'],
      'react/jsx-closing-bracket-location': [2, 'line-aligned'],
      'react/jsx-curly-spacing': [2],
      'react/jsx-equals-spacing': [2],
      'react/jsx-filename-extension': [2],
      'react/jsx-first-prop-new-line': [2, 'multiline'],
      'react/jsx-handler-names': [2],
      'react/jsx-indent': [2],
      'react/jsx-indent-props': [2],
      'react/jsx-key': [2],

      'react/jsx-max-props-per-line': [
        2,
        {
          maximum: 1,
        },
      ],

      'react/jsx-no-bind': [
        2,
        {
          ignoreRefs: true,
        },
      ],

      'react/jsx-no-comment-textnodes': [2],
      'react/jsx-no-duplicate-props': [2],
      'react/jsx-no-target-blank': [2],
      'react/jsx-no-undef': [2],

      'react/jsx-pascal-case': [
        2,
        {
          allowAllCaps: true,
        },
      ],

      'react/jsx-tag-spacing': [2],
      'react/jsx-uses-react': [2],
      'react/jsx-uses-vars': [2],
      'react/jsx-wrap-multilines': [2],
    },
  },
]