react-template-libraries/.eslintrc.js at main · openchannel/react-template-libraries · 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
module.exports = {
	// root: true,
	env: {
		browser: true,
		es6: true,
	},
	parser: '@typescript-eslint/parser',
	parserOptions: {
		ecmaFeatures: {
			jsx: true,
		},
		ecmaVersion: 2018,
		sourceType: 'module',
	},
	plugins: [
		'@typescript-eslint',
		'jest',
		'react',
		'jsx-a11y',
		'cypress',
		'simple-import-sort',
		'import',
	],
	extends: [
		'react-app',
		'eslint:recommended',
		'plugin:@typescript-eslint/recommended',
		'prettier',
		'plugin:jest/recommended',
		'plugin:react/recommended',
		'plugin:react-hooks/recommended',
		'plugin:jsx-a11y/strict',
	],
	rules: {
		'react-hooks/exhaustive-deps': 'off',
		'no-var': 'error',
		'brace-style': 'error',
		'prefer-template': 'error',
		radix: 'error',
		'space-before-blocks': 'error',
		'import/prefer-default-export': 'off',
		'react/display-name': 'off',
		'react/jsx-uses-react': 'off',
		'react/react-in-jsx-scope': 'off',
		'react/prop-types': 'off',
		'react/destructuring-assignment': 'error',
		'@typescript-eslint/no-unused-vars': 'off',
		'@typescript-eslint/no-use-before-define': 'off',
		'jsx-a11y/no-noninteractive-tabindex': 'off',
		'jsx-a11y/click-events-have-key-events': 'off',
		'jsx-a11y/no-static-element-interactions': 'off',
		'simple-import-sort/imports': 'error',
		'simple-import-sort/exports': 'error',
		'import/first': 'error',
		'import/newline-after-import': 'error',
		'import/no-duplicates': 'error',
	},
	overrides: [
		{
			files: [
				'**/*.test.js',
				'**/*.test.jsx',
				'**/*.test.tsx',
				'**/*.spec.js',
				'**/*.spec.jsx',
				'**/*.spec.tsx',
			],
			env: {
				jest: true,
			},
		},
		{
			files: ['**/*.ts', '**/*.tsx'],
			rules: {
				'simple-import-sort/imports': [
					'error',
					{
						groups: [
							['^react', '^@?\\w'],
							// Side effect imports.
							['^\\u0000'],
							// Parent imports. Put `..` last.
							['^\\.\\.(?!/?$)', '^\\.\\./?$'],
							// Other relative imports. Put same-folder imports and `.` last.
							['^\\./(?=.*/)(?!/?$)', '^\\.(?!/?$)', '^\\./?$'],
							// Style imports.
							['^.+\\.s?css$'],
						],
					},
				],
			},
		},
	],
};