eslint.config.mjs

import { FlatCompat } from '@eslint/eslintrc';
import perfectionist from 'eslint-plugin-perfectionist';
import unusedImports from 'eslint-plugin-unused-imports';
import { dirname } from 'path';
import { fileURLToPath } from 'url';

const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);

const compat = new FlatCompat({
  baseDirectory: __dirname,
});

const eslintConfig = [
  ...compat.extends('next/core-web-vitals', 'next/typescript'),
  {
    plugins: {
      'unused-imports': unusedImports,
    },
    rules: {
      '@next/next/no-html-link-for-pages': 'off',
      '@typescript-eslint/no-unused-vars': 'off',
      'import/no-anonymous-default-export': 'off',
      'linebreak-style': ['error', 'unix'],
      'no-case-declarations': 'off',
      'no-duplicate-imports': 'off',
      'no-empty-function': 'off',
      'no-prototype-builtins': 'off',
      'no-unused-vars': 'off',
      'react/display-name': 'off',
      'react/jsx-curly-brace-presence': [
        'warn',
        { children: 'never', props: 'never' },
      ],
      'react/jsx-newline': ['off'],
      'react/no-unescaped-entities': ['error', { forbid: ['>'] }],
      'react/no-unknown-property': 'off',
      'react/prop-types': 'off',
      'react/react-in-jsx-scope': 'off',
      'spaced-comment': [
        'error',
        'always',
        {
          block: {
            balanced: true,
            exceptions: ['*'],
            markers: ['!'],
          },
          line: {
            exceptions: ['-', '+'],
            markers: ['/'],
          },
        },
      ],
      'unused-imports/no-unused-imports': 'error',
      'unused-imports/no-unused-vars': 'off',
    },
  },
  perfectionist.configs['recommended-natural'],
  {
    rules: {
      '@typescript-eslint/adjacent-overload-signatures': 'off',
      'perfectionist/sort-array-includes': [
        'warn',
        {
          groupKind: 'literals-first',
          type: 'natural',
        },
      ],
      'perfectionist/sort-classes': [
        'warn',
        {
          groups: [
            'index-signature',
            'static-property',
            'private-property',
            'protected-property',
            'property',
            'constructor',
            'static-method',
            'private-method',
            'protected-method',
            'method',
            ['get-method', 'set-method'],
            'static-block',
            'unknown',
          ],
          type: 'natural',
        },
      ],
      'perfectionist/sort-decorators': [
        'warn',
        {
          type: 'natural',
        },
      ],
      'perfectionist/sort-enums': [
        'warn',
        {
          sortByValue: true,
          type: 'natural',
        },
      ],
      'perfectionist/sort-exports': [
        'warn',
        {
          groupKind: 'types-first',
          type: 'natural',
        },
      ],
      'perfectionist/sort-heritage-clauses': [
        'warn',
        {
          type: 'natural',
        },
      ],
      'perfectionist/sort-imports': [
        'warn',
        {
          customGroups: {
            type: {
              next: '^next$',
              react: '^react$',
            },
            value: {
              next: ['^next$'],
              react: ['^react$', '^react-.*$'],
            },
          },
          groups: [
            'react',
            ['type', 'internal-type'],
            'next',
            ['builtin', 'external'],
            'internal',
            ['parent-type', 'sibling-type', 'index-type'],
            ['parent', 'sibling', 'index'],
            'side-effect',
            'style',
            'object',
            'unknown',
          ],
          internalPattern: ['^@/.*'],
          type: 'natural',
        },
      ],
      'perfectionist/sort-interfaces': [
        'warn',
        {
          customGroups: {
            key: ['^key$', '^keys$'],
            id: ['^id$', '^_id$'],
          },
          groupKind: 'required-first',
          groups: ['key', 'id', 'unknown', 'method'],
          partitionByComment: true,

          type: 'natural',
        },
      ],
      'perfectionist/sort-intersection-types': 'off',
      'perfectionist/sort-jsx-props': [
        'warn',
        {
          customGroups: {
            key: ['^key$', '^keys$'],
            id: ['^id$', '^name$', '^testId$', '^data-testid$'],
            accessibility: [
              '^title$',
              '^alt$',
              '^placeholder$',
              '^label$',
              '^description$',
              '^fallback$',
            ],
            callback: ['^on[A-Z]', '^handle[A-Z]'],
            className: ['^className$', '^class$', '^style$'],
            control: ['^asChild$', '^as$'],
            data: ['^data-*', '^aria-*'],
            ref: ['^ref$', '^innerRef$'],
            state: [
              '^value$',
              '^checked$',
              '^selected$',
              '^open$',
              '^defaultValue$',
              '^defaultChecked$',
              '^defaultOpen$',
              '^disabled$',
              '^required$',
              '^readOnly$',
              '^loading$',
            ],
            variant: ['^variant$', '^size$', '^orientation$', '^color$'],
          },
          groups: [
            'id',
            'key',
            'ref',
            'control',
            'variant',
            'className',
            'state',
            'callback',
            'accessibility',
            'data',
            'unknown',
            'shorthand',
          ],
          type: 'natural',
        },
      ],
      'perfectionist/sort-modules': [
        'warn',
        {
          groups: [
            'declare-enum',
            'export-enum',
            'enum',
            ['declare-interface', 'declare-type'],
            ['export-interface', 'export-type'],
            ['interface', 'type'],
            'declare-class',
            'class',
            'export-class',

            // 'declare-function',
            // 'export-function',
            // 'function',

            // 'unknown',
          ],
          type: 'natural',
        },
      ],
      'perfectionist/sort-named-exports': [
        'warn',
        {
          groupKind: 'types-first',
          type: 'natural',
        },
      ],
      'perfectionist/sort-named-imports': [
        'warn',
        {
          groupKind: 'types-first',
          type: 'natural',
        },
      ],
      'perfectionist/sort-object-types': [
        'warn',
        {
          customGroups: {
            key: ['^key$', '^keys$'],
            id: ['^id$', '^_id$'],
            callback: ['^on[A-Z]', '^handle[A-Z]'],
          },
          groupKind: 'required-first',
          groups: [
            'key',
            'id',
            'unknown',
            // 'multiline',
            'method',
            'callback',
          ],
          newlinesBetween: 'never',
          type: 'natural',
        },
      ],
      'perfectionist/sort-objects': [
        'warn',
        {
          customGroups: {
            key: ['^key$', '^keys$'],
            id: ['^id$', '^_id$'],
            callback: ['^on[A-Z]', '^handle[A-Z]'],
          },
          groups: [
            'key',
            'id',
            'unknown',
            // 'multiline',
            'method',
            'callback',
          ],
          // newlinesBetween: 'never',
          type: 'natural',
        },
      ],
      'perfectionist/sort-sets': [
        'warn',
        {
          type: 'natural',
        },
      ],
      'perfectionist/sort-switch-case': [
        'warn',
        {
          type: 'natural',
        },
      ],
      'perfectionist/sort-union-types': [
        'warn',
        {
          groups: [
            'conditional',
            'function',
            'import',
            ['intersection', 'union'],
            'named',
            'operator',
            'object',
            'keyword',
            'literal',
            'tuple',
            'nullish',
            'unknown',
          ],
          type: 'natural',
        },
      ],
      'perfectionist/sort-variable-declarations': [
        'warn',
        {
          type: 'natural',
        },
      ],
      'react/jsx-sort-props': 'off',
      'sort-imports': 'off',

      'sort-keys': 'off',
    },
    settings: {
      perfectionist: {
        ignoreCase: false,
      },
    },
  },
];

export default eslintConfig;