eslint.config.js

const js = require('@eslint/js');
const tseslint = require('typescript-eslint');
const tsParser = require('@typescript-eslint/parser');
const prettierRecommended = require('eslint-plugin-prettier/recommended');
const globals = require('globals');
const noLoops = require('eslint-plugin-no-loops');
const typescriptEslint = require('@typescript-eslint/eslint-plugin');
const importPlugin = require('eslint-plugin-import');

module.exports = [
  js.configs.recommended,
  ...tseslint.configs.recommended,
  prettierRecommended,
  {
    files: ['**/*.{js,jsx,ts,tsx,mjs,cjs}'],
    languageOptions: {
      parser: tsParser,
      ecmaVersion: 2018,
      sourceType: 'module',
      globals: {
        ...globals.browser,
        ...globals.node,
        ...globals.jest,
        Atomics: 'readonly',
        SharedArrayBuffer: 'readonly'
      },
      parserOptions: {
        ecmaFeatures: {
          jsx: true
        },
        ecmaVersion: 2018,
        sourceType: 'module',
        project: './tsconfig.json'
      }
    },
    plugins: {
      'no-loops': noLoops,
      '@typescript-eslint': typescriptEslint,
      import: importPlugin
    },
    rules: {
      'no-unused-vars': 'off',
      '@typescript-eslint/no-unused-vars': [
        'error',
        {
          vars: 'all',
          args: 'after-used',
          ignoreRestSiblings: false,
          argsIgnorePattern: '^_'
        }
      ],
      'no-console': 'warn',
      radix: 'error',
      'no-loops/no-loops': 'error',
      'import/order': 'error',
      'import/no-self-import': 'error',
      'import/first': 'error',
      'import/newline-after-import': 'error',
      'jsx-quotes': ['error', 'prefer-double'],
      '@typescript-eslint/no-explicit-any': 'error',
      '@typescript-eslint/naming-convention': [
        'error',
        {
          selector: 'interface',
          format: ['PascalCase'],
          custom: {
            regex: '^I[A-Z]',
            match: false
          }
        },
        {
          selector: ['method', 'accessor'],
          format: ['camelCase']
        },
        {
          selector: ['function'],
          format: ['camelCase', 'PascalCase']
        },
        {
          selector: 'variable',
          format: ['camelCase', 'UPPER_CASE', 'PascalCase']
        },
        {
          selector: 'variable',
          types: ['function'],
          format: ['camelCase', 'PascalCase']
        },
        {
          selector: 'property',
          format: ['camelCase', 'UPPER_CASE', 'PascalCase', 'snake_case'],
          filter: {
            regex: '^(.*[- \\[\\]/]+.*)|(__.*)|([0-9]*)$',
            match: false
          }
        },
        {
          selector: 'parameter',
          format: ['camelCase', 'PascalCase'],
          leadingUnderscore: 'allow'
        },
        {
          selector: 'parameterProperty',
          format: ['camelCase', 'PascalCase']
        },
        {
          selector: 'memberLike',
          modifiers: ['private'],
          format: ['camelCase'],
          leadingUnderscore: 'allow'
        },
        {
          selector: ['typeLike', 'enumMember'],
          format: ['PascalCase']
        },
        {
          selector: 'typeParameter',
          format: ['PascalCase'],
          custom: {
            regex: '^(T.*)|([A-Z]{1,2})$',
            match: true
          }
        }
      ],
      '@typescript-eslint/explicit-module-boundary-types': 'off',
      '@typescript-eslint/explicit-function-return-type': 'off',
      'no-magic-numbers': 'off',
      '@typescript-eslint/no-magic-numbers': [
        'error',
        { ignore: [-1, 0, 1, 2], ignoreEnums: true, ignoreDefaultValues: true }
      ],
      '@typescript-eslint/typedef': 'off',
      '@typescript-eslint/no-namespace': ['error', { allowDeclarations: true }],
      '@typescript-eslint/array-type': [
        'error',
        {
          default: 'array',
          readonly: 'array'
        }
      ],
      'require-await': 'error',
      'no-implicit-coercion': 'error',
      'id-length': ['error', { properties: 'never', exceptions: ['_'] }]
    }
  },
  {
    ignores: [
      'src/breakpoints.ts',
      'src/colors.ts',
      'src/includePaths.js',
      'src/space.ts',
      'src/typography.ts',
      '**/*.d.ts'
    ]
  }
];