eslint-config-react/index.js at master · edd-london/eslint-config-react · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
import js from '@eslint/js';
import tseslint from 'typescript-eslint';
import react from 'eslint-plugin-react';
import reactHooks from 'eslint-plugin-react-hooks';
import jsxA11y from 'eslint-plugin-jsx-a11y';
import unicorn from 'eslint-plugin-unicorn';
import importPlugin from 'eslint-plugin-import';
import prettier from 'eslint-plugin-prettier';
import prettierConfig from 'eslint-config-prettier';
import * as mdx from 'eslint-plugin-mdx';
import storybook from 'eslint-plugin-storybook';

// @ts-check
/** @type {import('eslint').Linter.Config[]} */
const config = [
  // Base JavaScript config
  js.configs.recommended,

  // Global ignores
  {
    ignores: ['**/node_modules/**', '**/dist/**', '**/build/**'],
  },

  // Base config for all files
  {
    files: ['**/*.{js,jsx,ts,tsx}'],
    languageOptions: {
      ecmaVersion: 'latest',
      sourceType: 'module',
      parserOptions: {
        ecmaFeatures: {
          jsx: true,
        },
      },
    },
    plugins: {
      react,
      'react-hooks': reactHooks,
      'jsx-a11y': jsxA11y,
      unicorn,
      import: importPlugin,
      prettier,
    },
    rules: {
      ...react.configs.recommended.rules,
      ...reactHooks.configs.recommended.rules,
      'react/react-in-jsx-scope': 'off',
      ...jsxA11y.configs.recommended.rules,
      ...unicorn.configs.recommended.rules,
      'unicorn/no-null': 'off',
      'unicorn/prevent-abbreviations': 'off',
      'unicorn/filename-case': [
        'error',
        {
          cases: {
            kebabCase: true,
            pascalCase: true,
          },
        },
      ],
      'unicorn/catch-error-name': [
        'error',
        {
          name: 'exception',
        },
      ],
      'unicorn/no-useless-undefined': ['error', { checkArguments: false }],
      'import/order': [
        'error',
        {
          'newlines-between': 'always',
        },
      ],
      'import/no-cycle': 'error',
      'array-callback-return': [
        'error',
        {
          allowImplicit: true,
        },
      ],
      'prettier/prettier': [
        'error',
        {
          endOfLine: 'auto',
        },
      ],
    },
    settings: {
      react: {
        version: 'detect',
      },
      'import/resolver': {
        typescript: {},
      },
    },
  },
  {
    files: ['**/*.{ts,tsx}'],
    rules: {
      '@typescript-eslint/consistent-type-imports': 'error',
    },
  },
  ...tseslint.configs.recommended,
  {
    files: ['**/*.stories.{js,jsx,ts,tsx,mdx}'],
    ...storybook.configs['flat/recommended'][0],
  },
  {
    files: ['**/*.mdx'],
    plugins: {
      mdx,
    },
    rules: {
      ...mdx.configs.recommended.rules,
      'import/namespace': 'off',
    },
    settings: {
      'mdx/code-blocks': true,
    },
  },

  // Needs to be last to override other formatting rules
  prettierConfig,
];

export default config;