eslint-config-react-app-new 2.0.0 → 2.0.1

package/import.js

@@ -0,0 +1,52 @@
+const importPlugin = require('eslint-plugin-import');
+
+module.exports = [
+    {
+        plugins: {
+            import: importPlugin
+        },
+        rules: {
+            // https://github.com/import-js/eslint-plugin-import/tree/main/docs/rules
+            'import/first': 'error',
+            'import/no-anonymous-default-export': [
+                'error',
+                {
+                    allowArray: true,
+                    allowArrowFunction: false,
+                    allowAnonymousClass: false,
+                    allowAnonymousFunction: false,
+                    allowCallExpression: true,
+                    allowLiteral: true,
+                    allowObject: true,
+                    allowNew: true
+                }
+            ],
+            'import/no-duplicates': 'error',
+            'import/no-webpack-loader-syntax': 'error',
+            'import/order': [
+                'error',
+                {
+                    groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index', 'object'],
+                    sortTypesGroup: false,
+                    alphabetize: { order: 'asc', caseInsensitive: true },
+                    'newlines-between': 'never'
+                }
+            ],
+            // 负责 { a, b, c } 子导出顺序
+            'sort-imports': [
+                'warn',
+                {
+                    ignoreCase: true,
+                    ignoreDeclarationSort: true,
+                    ignoreMemberSort: false
+                }
+            ],
+            'import/no-useless-path-segments': [
+                'error',
+                {
+                    noUselessIndex: true
+                }
+            ]
+        }
+    }
+];

package/jsx-a11y.js

@@ -0,0 +1,34 @@
+const a11yPlugin = require('eslint-plugin-jsx-a11y');
+
+module.exports = [
+    {
+        plugins: {
+            'jsx-a11y': a11yPlugin
+        },
+        rules: {
+            // https://github.com/evcohen/eslint-plugin-jsx-a11y/tree/master/docs/rules
+            'jsx-a11y/alt-text': 'warn',
+            'jsx-a11y/anchor-has-content': 'warn',
+            'jsx-a11y/anchor-is-valid': [
+                'warn',
+                {
+                    aspects: ['noHref', 'invalidHref']
+                }
+            ],
+            'jsx-a11y/aria-activedescendant-has-tabindex': 'warn',
+            'jsx-a11y/aria-props': 'warn',
+            'jsx-a11y/aria-proptypes': 'warn',
+            'jsx-a11y/aria-role': ['warn', { ignoreNonDOM: true }],
+            'jsx-a11y/aria-unsupported-elements': 'warn',
+            'jsx-a11y/heading-has-content': 'warn',
+            'jsx-a11y/iframe-has-title': 'warn',
+            'jsx-a11y/img-redundant-alt': 'warn',
+            'jsx-a11y/no-access-key': 'warn',
+            'jsx-a11y/no-distracting-elements': 'warn',
+            'jsx-a11y/no-redundant-roles': 'warn',
+            'jsx-a11y/role-has-required-aria-props': 'warn',
+            'jsx-a11y/role-supports-aria-props': 'warn',
+            'jsx-a11y/scope': 'warn'
+        }
+    }
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-config-react-app-new",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "ESLint configuration used by tiger-new",
   "repository": {
     "type": "git",
@@ -10,7 +10,10 @@
   "files": [
     "base.js",
     "index.js",
-    "jest.js"
+    "jest.js",
+    "react.js",
+    "jsx-a11y.js",
+    "import.js"
   ],
   "dependencies": {
     "@babel/core": "^7.28.5",

package/react.js

@@ -0,0 +1,61 @@
+const react = require('eslint-plugin-react');
+const reactHooksPlugin = require('eslint-plugin-react-hooks');
+
+const hasJsxRuntime = (() => {
+    try {
+            require.resolve('react/jsx-runtime');
+
+            return true;
+    } catch {}
+
+    return false;
+})();
+
+module.exports = [
+    {
+        plugins: {
+            react,
+            'react-hooks': reactHooksPlugin
+        },
+        extends: ['react-hooks/recommended'],
+        settings: {
+            react: {
+                version: 'detect'
+            }
+        },
+        rules: {
+            // https://github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules
+            'react/forbid-foreign-prop-types': ['warn', { allowInPropTypes: true }],
+            'react/forward-ref-uses-ref': 'warn',
+            'react/jsx-boolean-value': ['warn', 'never'],
+            'react/jsx-key': ['warn', { checkFragmentShorthand: true, warnOnDuplicates: true }],
+            'react/jsx-no-comment-textnodes': 'warn',
+            'react/jsx-no-duplicate-props': 'warn',
+            'react/jsx-no-undef': 'error',
+            'react/jsx-pascal-case': [
+                'warn',
+                {
+                    allowAllCaps: true,
+                    ignore: []
+                }
+            ],
+            'react/jsx-uses-react': hasJsxRuntime ? 'off' : 'warn',
+            'react/jsx-uses-vars': 'warn',
+            'react/no-arrow-function-lifecycle': 'error',
+            'react/no-danger-with-children': 'warn',
+            'react/no-deprecated': 'error',
+            'react/no-direct-mutation-state': 'warn',
+            'react/no-is-mounted': 'warn',
+            'react/no-string-refs': ['warn', { noTemplateLiterals: true }],
+            'react/no-this-in-sfc': 'error',
+            'react/no-typos': 'error',
+            'react/no-unsafe': ['error', { checkAliases: true }],
+            'react/react-in-jsx-scope': hasJsxRuntime ? 'off' : 'warn',
+            'react/require-render-return': 'error',
+            'react/style-prop-object': 'warn',
+
+
+            'react-hooks/refs': 'off'
+        }
+    }
+];