canary/.eslintrc.js at main · harness/canary · 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
/* eslint-disable @typescript-eslint/no-var-requires */
const { classNameRules } = require('./eslint/rules.js')

module.exports = {
  root: true,
  env: {
    browser: true,
    es2021: true,
    node: true
  },
  parser: '@typescript-eslint/parser',
  parserOptions: {
    ecmaFeatures: {
      jsx: true
    },
    ecmaVersion: 'latest',
    sourceType: 'module'
  },
  extends: [
    'eslint:recommended',
    'plugin:import/recommended',
    'plugin:import/typescript',
    'plugin:@typescript-eslint/recommended',
    'plugin:i18next/recommended',

    'plugin:react/recommended',
    'plugin:react-hooks/recommended',
    'plugin:jsx-a11y/recommended',
    'plugin:tailwindcss/recommended',

    'prettier'
  ],
  plugins: ['@typescript-eslint', 'tailwindcss', 'react', 'react-hooks', 'import', 'prettier', 'i18next'],
  settings: {
    react: {
      version: 'detect'
    },
    'import/resolver': {
      typescript: true,
      node: true
    }
  },
  rules: {
    'tailwindcss/no-contradicting-classname': 'error',
    'import/no-unresolved': 'off',
    'react/prop-types': 'off',
    'react/react-in-jsx-scope': 'off',

    /**
     * Soon it will be converted to "error"
     * once all the old variants are removed
     */
    'no-restricted-syntax': ['error', ...classNameRules],

    'jsx-a11y/click-events-have-key-events': 'warn',
    'jsx-a11y/no-autofocus': 'off',
    'i18next/no-literal-string': [
      'warn',
      {
        mode: 'jsx-only',
        'jsx-attributes': {
          exclude: ['className', 'data-testid', 'id', 'type', 'size', 'name', 'variant', 'style', 'href', 'target']
        }
      }
    ],

    '@typescript-eslint/no-unused-vars': [
      'error',
      {
        argsIgnorePattern: '^_',
        varsIgnorePattern: '^_',
        caughtErrorsIgnorePattern: '^_'
      }
    ],

    '@typescript-eslint/no-explicit-any': 'warn',

    'tailwindcss/no-custom-classname': 'off'
  },
  ignorePatterns: ['**/dist/**'],
  overrides: [
    {
      files: [
        'packages/ui/**/*.{ts,tsx}',
        'packages/filters/**/*.{ts,tsx}',
        'packages/forms/**/*.{ts,tsx}',
        'packages/pipeline-graph/**/*.{ts,tsx}',
        'packages/core-design-system/**/*.{ts,tsx}',
        'packages/yaml-editor/**/*.{ts,tsx}'
      ],
      rules: {
        'no-restricted-imports': 'off',
        '@typescript-eslint/no-restricted-imports': [
          'error',
          {
            paths: [
              {
                name: 'react-router-dom',
                message: 'Please use only type imports from react-router-dom.',
                allowTypeImports: true
              }
            ]
          }
        ]
      }
    }
  ]
}