eslint.config.mjs

// @ts-check
import { defineConfig } from 'eslint-config-hyoban'

import importBoundaries from './plugins/eslint-import-boundaries.mjs'

export default defineConfig(
  {
    formatting: false,
    ignores: (originals) => [
      ...originals,
      '.vscode/**',
      'dist/**',
      'docs/**',
    ],
    lessOpinionated: true,
    preferESM: false,
    react: true,
    stylistic: false,
    tailwindCSS: false,
  },
  {
    settings: {
      tailwindcss: {
        whitelist: ['center'],
      },
    },
    rules: {
      'unicorn/prefer-math-trunc': 'off',
      '@eslint-react/no-clone-element': 0,
      '@eslint-react/hooks-extra/no-direct-set-state-in-use-effect': 0,
      'antfu/no-top-level-await': 'off',
      'e18e/prefer-static-regex': 'off',
      'jsdoc/check-param-names': 'off',
      'jsdoc/require-returns-description': 'off',
      'prefer-exponentiation-operator': 'off',
      // NOTE: Disable this temporarily
      'react-compiler/react-compiler': 0,
      'react-hooks/exhaustive-deps': 'error',
      'react-naming-convention/ref-name': 'off',
      'react-naming-convention/use-state': 'off',
      'react/no-array-index-key': 'off',
      'react-refresh/only-export-components': 'off',
      'no-restricted-syntax': 0,
      'no-restricted-globals': [
        'error',
        {
          name: 'location',
          message: 'Use `useLocation` from react-router to get the route info.',
        },
      ],
      'ts/no-explicit-any': 'off',
      'ts/no-use-before-define': 'off',
    },
  },
  {
    // Module ownership by resolved import target: every linted file, every
    // import form. The boundary table lives with the rule.
    files: ['**/*.{js,jsx,mjs,cjs,ts,tsx,mts,cts}'],
    plugins: { lumaforge: importBoundaries },
    rules: {
      'lumaforge/import-boundaries': 'error',
    },
  },
)