eslint-config-decent 1.0.0 → 1.2.0

package/README.md

@@ -15,6 +15,35 @@ import tsEslint from 'typescript-eslint';
 export default tsEslint.config(...defaultConfig());
 ```
 
+## Override parserOptions
+
+````mjs
+// eslint.config.mjs
+
+import { defaultConfig } from 'eslint-config-decent';
+import tsEslint from 'typescript-eslint';
+
+export default tsEslint.config(...defaultConfig({
+      projectService: {
+        allowedDefaultProject: ['./*.js', './*.cjs', './*.mjs', './tests/**/*.ts', './tests/**/*.js', './tests/**/*.cjs', './tests/**/*.mjs'],
+        defaultProject: 'tsconfig.json',
+      },
+      tsconfigRootDir: import.meta.dirname,
+}));
+
+## Disable require-extensions rules
+
+```mjs
+// eslint.config.mjs
+
+import { defaultConfig } from 'eslint-config-decent';
+import tsEslint from 'typescript-eslint';
+
+export default tsEslint.config(...defaultConfig({
+  enableRequireExtensions: false,
+}));
+````
+
 ## License
 
 MIT

package/dist/index.cjs

@@ -4,9 +4,15 @@ const eslint = require('@eslint/js');
 const globals = require('globals');
 const tsEslint = require('typescript-eslint');
 const prettier = require('eslint-plugin-prettier/recommended');
+const fs = require('fs');
+const path = require('path');
 const jsdoc = require('eslint-plugin-jsdoc');
 const mocha = require('eslint-plugin-mocha');
 const promise = require('eslint-plugin-promise');
+const a11y = require('eslint-plugin-jsx-a11y');
+const react = require('eslint-plugin-react');
+const reactHooks = require('eslint-plugin-react-hooks');
+const testingLibrary = require('eslint-plugin-testing-library');
 const security = require('eslint-plugin-security');
 const unicorn = require('eslint-plugin-unicorn');
 
@@ -19,10 +25,14 @@ const prettier__default = /*#__PURE__*/_interopDefaultCompat(prettier);
 const jsdoc__default = /*#__PURE__*/_interopDefaultCompat(jsdoc);
 const mocha__default = /*#__PURE__*/_interopDefaultCompat(mocha);
 const promise__default = /*#__PURE__*/_interopDefaultCompat(promise);
+const a11y__default = /*#__PURE__*/_interopDefaultCompat(a11y);
+const react__default = /*#__PURE__*/_interopDefaultCompat(react);
+const reactHooks__default = /*#__PURE__*/_interopDefaultCompat(reactHooks);
+const testingLibrary__default = /*#__PURE__*/_interopDefaultCompat(testingLibrary);
 const security__default = /*#__PURE__*/_interopDefaultCompat(security);
 const unicorn__default = /*#__PURE__*/_interopDefaultCompat(unicorn);
 
-const base$6 = {
+const base$8 = {
   rules: {
     "array-callback-return": ["error", { allowImplicit: true }],
     "block-scoped-var": "error",
@@ -269,13 +279,123 @@ const cjs = {
     strict: ["error", "global"]
   }
 };
-const configs$6 = {
-  base: base$6,
+const configs$8 = {
+  base: base$8,
   cjsAndEsm,
   cjs
 };
 
-const base$5 = {
+const requireExtensionRule = {
+  meta: {
+    type: "suggestion",
+    docs: {
+      description: "Ensure import and export statements include a file extension",
+      category: "Best Practices",
+      recommended: true
+    },
+    fixable: "code",
+    schema: []
+  },
+  create(context) {
+    function checkSource(source) {
+      const importPath = source.value;
+      if (!importPath || !importPath.startsWith(".") || importPath.endsWith(".js")) {
+        return;
+      }
+      const resolvedPath = path.resolve(path.dirname(context.filename), importPath);
+      if (!fs.existsSync(resolvedPath)) {
+        context.report({
+          node: source,
+          message: "Relative imports and exports must include a file extension.",
+          fix(fixer) {
+            const fixedPath = `${importPath}.js`;
+            return fixer.replaceText(source, `'${fixedPath}'`);
+          }
+        });
+      }
+    }
+    return {
+      ImportDeclaration(node) {
+        checkSource(node.source);
+      },
+      ExportNamedDeclaration(node) {
+        if (node.source) {
+          checkSource(node.source);
+        }
+      },
+      ExportAllDeclaration(node) {
+        checkSource(node.source);
+      }
+    };
+  }
+};
+
+const requireIndexRule = {
+  meta: {
+    type: "suggestion",
+    docs: {
+      description: "Ensure directory import and export statements use index.js",
+      category: "Best Practices",
+      recommended: true
+    },
+    fixable: "code",
+    schema: []
+  },
+  create(context) {
+    function checkSource(source) {
+      const importPath = source.value;
+      const resolvedPath = path.resolve(path.dirname(context.filename), importPath);
+      const isDirectory = fs.existsSync(resolvedPath) && fs.lstatSync(resolvedPath).isDirectory();
+      if (isDirectory) {
+        context.report({
+          node: source,
+          message: "Directory imports and exports must use index.js.",
+          fix(fixer) {
+            const fixedPath = importPath.replace(/\/?$/, "/index.js");
+            return fixer.replaceText(source, `'${fixedPath}'`);
+          }
+        });
+      }
+    }
+    return {
+      ImportDeclaration(node) {
+        checkSource(node.source);
+      },
+      ExportNamedDeclaration(node) {
+        if (node.source) {
+          checkSource(node.source);
+        }
+      },
+      ExportAllDeclaration(node) {
+        checkSource(node.source);
+      }
+    };
+  }
+};
+
+const base$7 = {
+  plugins: {
+    "decent-extension": {
+      meta: {
+        name: "decent-extension",
+        version: "1.0.0"
+      },
+      rules: {
+        "require-extension": requireExtensionRule,
+        "require-index": requireIndexRule
+      }
+    }
+  },
+  rules: {
+    "decent-extension/require-extension": "error",
+    "decent-extension/require-index": "error"
+  }
+};
+const configs$7 = {
+  base: base$7
+};
+
+const base$6 = {
   settings: {
     jsdoc: {
       preferredTypes: {
@@ -300,11 +420,11 @@ const base$5 = {
     "unicorn/prefer-set-has": "error"
   }
 };
-const configs$5 = {
-  base: base$5
+const configs$6 = {
+  base: base$6
 };
 
-const base$4 = {
+const base$5 = {
   plugins: {
     mocha: mocha__default
   },
@@ -322,11 +442,11 @@ const base$4 = {
     "mocha/no-mocha-arrows": "off"
   }
 };
-const configs$4 = {
-  base: base$4
+const configs$5 = {
+  base: base$5
 };
 
-const base$3 = {
+const base$4 = {
   plugins: {
     promise: promise__default
   },
@@ -343,6 +463,70 @@ const base$3 = {
     "promise/param-names": "error"
   }
 };
+const configs$4 = {
+  base: base$4
+};
+
+const base$3 = {
+  plugins: {
+    "jsx-a11y": a11y__default,
+    react: react__default,
+    "react-hooks": reactHooks__default,
+    "testing-library": testingLibrary__default
+  },
+  rules: {
+    ...a11y__default.configs.recommended.rules,
+    "jsx-a11y/aria-proptypes": "error",
+    "jsx-a11y/aria-role": ["error", { ignoreNonDOM: true }],
+    "jsx-a11y/aria-unsupported-elements": "error",
+    "jsx-a11y/role-has-required-aria-props": "error",
+    ...react__default.configs.recommended.rules,
+    "react/default-props-match-prop-types": "error",
+    "react/display-name": ["error", { ignoreTranspilerName: false }],
+    "react/forbid-foreign-prop-types": ["error", { allowInPropTypes: true }],
+    "react/iframe-missing-sandbox": "warn",
+    "react/jsx-closing-bracket-location": "error",
+    "react/jsx-fragments": "error",
+    "react/jsx-no-leaked-render": ["error", { validStrategies: ["ternary"] }],
+    "react/jsx-no-script-url": "error",
+    "react/jsx-no-target-blank": "error",
+    "react/jsx-no-undef": "error",
+    "react/jsx-no-useless-fragment": "error",
+    "react/jsx-pascal-case": [
+      "error",
+      {
+        allowAllCaps: true,
+        ignore: []
+      }
+    ],
+    "react/jsx-props-no-multi-spaces": "error",
+    "react/no-access-state-in-setstate": "error",
+    "react/no-arrow-function-lifecycle": "error",
+    "react/no-danger-with-children": "error",
+    "react/no-deprecated": "error",
+    "react/no-did-mount-set-state": "error",
+    "react/no-did-update-set-state": "error",
+    "react/no-direct-mutation-state": "error",
+    "react/no-invalid-html-attribute": "error",
+    "react/no-namespace": "error",
+    "react/no-redundant-should-component-update": "error",
+    "react/no-this-in-sfc": "error",
+    "react/no-typos": "error",
+    "react/no-unsafe": "error",
+    "react/no-unstable-nested-components": "error",
+    "react/no-unused-class-component-methods": "error",
+    "react/no-unused-prop-types": "error",
+    "react/no-unused-state": "error",
+    "react/no-will-update-set-state": "error",
+    "react/prefer-stateless-function": "error",
+    "react/require-render-return": "error",
+    "react/self-closing-comp": "error",
+    "react/style-prop-object": "error",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "error",
+    ...testingLibrary__default.configs.react.rules
+  }
+};
 const configs$3 = {
   base: base$3
 };
@@ -461,7 +645,8 @@ const configs = {
   base
 };
 
-function defaultConfig(parserOptions) {
+function defaultConfig(options) {
+  const enableRequireExtensionRule = options?.enableRequireExtensionRule ?? true;
   const languageOptions = {
     globals: {
       ...globals__default.node
@@ -473,7 +658,7 @@ function defaultConfig(parserOptions) {
         defaultProject: "tsconfig.json"
       },
       tsconfigRootDir: undefined,
-      ...parserOptions
+      ...options?.parserOptions
     }
   };
   return [
@@ -486,21 +671,23 @@ function defaultConfig(parserOptions) {
     {
       languageOptions,
       settings: {
-        ...configs$5.base.settings
+        ...configs$6.base.settings
       }
     },
     {
-      files: ["**/*.ts", "**/*.js", "**/*.cjs", "**/*.mjs"],
+      files: ["**/*.ts", "**/*.js", "**/*.cjs", "**/*.mjs", "**/*.tsx"],
       plugins: {
-        ...configs$5.base.plugins,
-        ...configs$3.base.plugins,
+        ...configs$7.base.plugins,
+        ...configs$6.base.plugins,
+        ...configs$4.base.plugins,
         ...configs$2.base.plugins,
         ...configs.base.plugins
       },
       rules: {
+        ...configs$8.base.rules,
+        ...enableRequireExtensionRule ? configs$7.base.rules : {},
         ...configs$6.base.rules,
-        ...configs$5.base.rules,
-        ...configs$3.base.rules,
+        ...configs$4.base.rules,
         ...configs$2.base.rules,
         ...configs.base.rules
       }
@@ -510,31 +697,36 @@ function defaultConfig(parserOptions) {
       languageOptions: {
         sourceType: "script"
       },
-      ...configs$6.cjsAndEsm
+      ...configs$8.cjsAndEsm
     },
     {
       files: ["**/*.js", "**/*.cjs"],
       languageOptions: {
         sourceType: "script"
       },
-      ...configs$6.cjs
+      ...configs$8.cjs
     },
     {
-      files: ["**/*.ts"],
+      files: ["**/*.ts", "**/*.tsx"],
       ...configs$1.base
     },
+    {
+      files: ["**/*.tsx"],
+      ...configs$3.base
+    },
     {
       files: ["**/*.tests.ts", "tests/tests.ts"],
-      ...configs$4.base
+      ...configs$5.base
     },
     prettier__default
   ];
 }
 
 exports.defaultConfig = defaultConfig;
-exports.eslintConfigs = configs$6;
-exports.jsdocConfigs = configs$5;
-exports.promiseConfigs = configs$3;
+exports.eslintConfigs = configs$8;
+exports.jsdocConfigs = configs$6;
+exports.promiseConfigs = configs$4;
+exports.reactConfigs = configs$3;
 exports.securityConfigs = configs$2;
 exports.typescriptEslintConfigs = configs$1;
 exports.unicornConfigs = configs;

package/dist/index.d.cts

@@ -1,11 +1,15 @@
 import { ConfigWithExtends } from 'typescript-eslint';
 
-declare const configs$5: {
+declare const configs$6: {
     base: ConfigWithExtends;
     cjsAndEsm: ConfigWithExtends;
     cjs: ConfigWithExtends;
 };
 
+declare const configs$5: {
+    base: ConfigWithExtends;
+};
+
 declare const configs$4: {
     base: ConfigWithExtends;
 };
@@ -26,6 +30,10 @@ declare const configs: {
     base: ConfigWithExtends;
 };
 
-declare function defaultConfig(parserOptions?: NonNullable<ConfigWithExtends['languageOptions']>['parserOptions']): ConfigWithExtends[];
+interface DefaultConfigOptions {
+    parserOptions?: NonNullable<ConfigWithExtends['languageOptions']>['parserOptions'];
+    enableRequireExtensionRule?: boolean;
+}
+declare function defaultConfig(options?: DefaultConfigOptions): ConfigWithExtends[];
 
-export { defaultConfig, configs$5 as eslintConfigs, configs$4 as jsdocConfigs, configs$3 as promiseConfigs, configs$2 as securityConfigs, configs$1 as typescriptEslintConfigs, configs as unicornConfigs };
+export { type DefaultConfigOptions, defaultConfig, configs$6 as eslintConfigs, configs$5 as jsdocConfigs, configs$4 as promiseConfigs, configs$3 as reactConfigs, configs$2 as securityConfigs, configs$1 as typescriptEslintConfigs, configs as unicornConfigs };

package/dist/index.d.mts

@@ -1,11 +1,15 @@
 import { ConfigWithExtends } from 'typescript-eslint';
 
-declare const configs$5: {
+declare const configs$6: {
     base: ConfigWithExtends;
     cjsAndEsm: ConfigWithExtends;
     cjs: ConfigWithExtends;
 };
 
+declare const configs$5: {
+    base: ConfigWithExtends;
+};
+
 declare const configs$4: {
     base: ConfigWithExtends;
 };
@@ -26,6 +30,10 @@ declare const configs: {
     base: ConfigWithExtends;
 };
 
-declare function defaultConfig(parserOptions?: NonNullable<ConfigWithExtends['languageOptions']>['parserOptions']): ConfigWithExtends[];
+interface DefaultConfigOptions {
+    parserOptions?: NonNullable<ConfigWithExtends['languageOptions']>['parserOptions'];
+    enableRequireExtensionRule?: boolean;
+}
+declare function defaultConfig(options?: DefaultConfigOptions): ConfigWithExtends[];
 
-export { defaultConfig, configs$5 as eslintConfigs, configs$4 as jsdocConfigs, configs$3 as promiseConfigs, configs$2 as securityConfigs, configs$1 as typescriptEslintConfigs, configs as unicornConfigs };
+export { type DefaultConfigOptions, defaultConfig, configs$6 as eslintConfigs, configs$5 as jsdocConfigs, configs$4 as promiseConfigs, configs$3 as reactConfigs, configs$2 as securityConfigs, configs$1 as typescriptEslintConfigs, configs as unicornConfigs };

package/dist/index.d.ts

@@ -1,11 +1,15 @@
 import { ConfigWithExtends } from 'typescript-eslint';
 
-declare const configs$5: {
+declare const configs$6: {
     base: ConfigWithExtends;
     cjsAndEsm: ConfigWithExtends;
     cjs: ConfigWithExtends;
 };
 
+declare const configs$5: {
+    base: ConfigWithExtends;
+};
+
 declare const configs$4: {
     base: ConfigWithExtends;
 };
@@ -26,6 +30,10 @@ declare const configs: {
     base: ConfigWithExtends;
 };
 
-declare function defaultConfig(parserOptions?: NonNullable<ConfigWithExtends['languageOptions']>['parserOptions']): ConfigWithExtends[];
+interface DefaultConfigOptions {
+    parserOptions?: NonNullable<ConfigWithExtends['languageOptions']>['parserOptions'];
+    enableRequireExtensionRule?: boolean;
+}
+declare function defaultConfig(options?: DefaultConfigOptions): ConfigWithExtends[];
 
-export { defaultConfig, configs$5 as eslintConfigs, configs$4 as jsdocConfigs, configs$3 as promiseConfigs, configs$2 as securityConfigs, configs$1 as typescriptEslintConfigs, configs as unicornConfigs };
+export { type DefaultConfigOptions, defaultConfig, configs$6 as eslintConfigs, configs$5 as jsdocConfigs, configs$4 as promiseConfigs, configs$3 as reactConfigs, configs$2 as securityConfigs, configs$1 as typescriptEslintConfigs, configs as unicornConfigs };

package/dist/index.mjs

@@ -2,13 +2,19 @@ import eslint from '@eslint/js';
 import globals from 'globals';
 import tsEslint from 'typescript-eslint';
 import prettier from 'eslint-plugin-prettier/recommended';
+import { existsSync, lstatSync } from 'fs';
+import { resolve, dirname } from 'path';
 import jsdoc from 'eslint-plugin-jsdoc';
 import mocha from 'eslint-plugin-mocha';
 import promise from 'eslint-plugin-promise';
+import a11y from 'eslint-plugin-jsx-a11y';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import testingLibrary from 'eslint-plugin-testing-library';
 import security from 'eslint-plugin-security';
 import unicorn from 'eslint-plugin-unicorn';
 
-const base$6 = {
+const base$8 = {
   rules: {
     "array-callback-return": ["error", { allowImplicit: true }],
     "block-scoped-var": "error",
@@ -255,13 +261,123 @@ const cjs = {
     strict: ["error", "global"]
   }
 };
-const configs$6 = {
-  base: base$6,
+const configs$8 = {
+  base: base$8,
   cjsAndEsm,
   cjs
 };
 
-const base$5 = {
+const requireExtensionRule = {
+  meta: {
+    type: "suggestion",
+    docs: {
+      description: "Ensure import and export statements include a file extension",
+      category: "Best Practices",
+      recommended: true
+    },
+    fixable: "code",
+    schema: []
+  },
+  create(context) {
+    function checkSource(source) {
+      const importPath = source.value;
+      if (!importPath || !importPath.startsWith(".") || importPath.endsWith(".js")) {
+        return;
+      }
+      const resolvedPath = resolve(dirname(context.filename), importPath);
+      if (!existsSync(resolvedPath)) {
+        context.report({
+          node: source,
+          message: "Relative imports and exports must include a file extension.",
+          fix(fixer) {
+            const fixedPath = `${importPath}.js`;
+            return fixer.replaceText(source, `'${fixedPath}'`);
+          }
+        });
+      }
+    }
+    return {
+      ImportDeclaration(node) {
+        checkSource(node.source);
+      },
+      ExportNamedDeclaration(node) {
+        if (node.source) {
+          checkSource(node.source);
+        }
+      },
+      ExportAllDeclaration(node) {
+        checkSource(node.source);
+      }
+    };
+  }
+};
+
+const requireIndexRule = {
+  meta: {
+    type: "suggestion",
+    docs: {
+      description: "Ensure directory import and export statements use index.js",
+      category: "Best Practices",
+      recommended: true
+    },
+    fixable: "code",
+    schema: []
+  },
+  create(context) {
+    function checkSource(source) {
+      const importPath = source.value;
+      const resolvedPath = resolve(dirname(context.filename), importPath);
+      const isDirectory = existsSync(resolvedPath) && lstatSync(resolvedPath).isDirectory();
+      if (isDirectory) {
+        context.report({
+          node: source,
+          message: "Directory imports and exports must use index.js.",
+          fix(fixer) {
+            const fixedPath = importPath.replace(/\/?$/, "/index.js");
+            return fixer.replaceText(source, `'${fixedPath}'`);
+          }
+        });
+      }
+    }
+    return {
+      ImportDeclaration(node) {
+        checkSource(node.source);
+      },
+      ExportNamedDeclaration(node) {
+        if (node.source) {
+          checkSource(node.source);
+        }
+      },
+      ExportAllDeclaration(node) {
+        checkSource(node.source);
+      }
+    };
+  }
+};
+
+const base$7 = {
+  plugins: {
+    "decent-extension": {
+      meta: {
+        name: "decent-extension",
+        version: "1.0.0"
+      },
+      rules: {
+        "require-extension": requireExtensionRule,
+        "require-index": requireIndexRule
+      }
+    }
+  },
+  rules: {
+    "decent-extension/require-extension": "error",
+    "decent-extension/require-index": "error"
+  }
+};
+const configs$7 = {
+  base: base$7
+};
+
+const base$6 = {
   settings: {
     jsdoc: {
       preferredTypes: {
@@ -286,11 +402,11 @@ const base$5 = {
     "unicorn/prefer-set-has": "error"
   }
 };
-const configs$5 = {
-  base: base$5
+const configs$6 = {
+  base: base$6
 };
 
-const base$4 = {
+const base$5 = {
   plugins: {
     mocha
   },
@@ -308,11 +424,11 @@ const base$4 = {
     "mocha/no-mocha-arrows": "off"
   }
 };
-const configs$4 = {
-  base: base$4
+const configs$5 = {
+  base: base$5
 };
 
-const base$3 = {
+const base$4 = {
   plugins: {
     promise
   },
@@ -329,6 +445,70 @@ const base$3 = {
     "promise/param-names": "error"
   }
 };
+const configs$4 = {
+  base: base$4
+};
+
+const base$3 = {
+  plugins: {
+    "jsx-a11y": a11y,
+    react,
+    "react-hooks": reactHooks,
+    "testing-library": testingLibrary
+  },
+  rules: {
+    ...a11y.configs.recommended.rules,
+    "jsx-a11y/aria-proptypes": "error",
+    "jsx-a11y/aria-role": ["error", { ignoreNonDOM: true }],
+    "jsx-a11y/aria-unsupported-elements": "error",
+    "jsx-a11y/role-has-required-aria-props": "error",
+    ...react.configs.recommended.rules,
+    "react/default-props-match-prop-types": "error",
+    "react/display-name": ["error", { ignoreTranspilerName: false }],
+    "react/forbid-foreign-prop-types": ["error", { allowInPropTypes: true }],
+    "react/iframe-missing-sandbox": "warn",
+    "react/jsx-closing-bracket-location": "error",
+    "react/jsx-fragments": "error",
+    "react/jsx-no-leaked-render": ["error", { validStrategies: ["ternary"] }],
+    "react/jsx-no-script-url": "error",
+    "react/jsx-no-target-blank": "error",
+    "react/jsx-no-undef": "error",
+    "react/jsx-no-useless-fragment": "error",
+    "react/jsx-pascal-case": [
+      "error",
+      {
+        allowAllCaps: true,
+        ignore: []
+      }
+    ],
+    "react/jsx-props-no-multi-spaces": "error",
+    "react/no-access-state-in-setstate": "error",
+    "react/no-arrow-function-lifecycle": "error",
+    "react/no-danger-with-children": "error",
+    "react/no-deprecated": "error",
+    "react/no-did-mount-set-state": "error",
+    "react/no-did-update-set-state": "error",
+    "react/no-direct-mutation-state": "error",
+    "react/no-invalid-html-attribute": "error",
+    "react/no-namespace": "error",
+    "react/no-redundant-should-component-update": "error",
+    "react/no-this-in-sfc": "error",
+    "react/no-typos": "error",
+    "react/no-unsafe": "error",
+    "react/no-unstable-nested-components": "error",
+    "react/no-unused-class-component-methods": "error",
+    "react/no-unused-prop-types": "error",
+    "react/no-unused-state": "error",
+    "react/no-will-update-set-state": "error",
+    "react/prefer-stateless-function": "error",
+    "react/require-render-return": "error",
+    "react/self-closing-comp": "error",
+    "react/style-prop-object": "error",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "error",
+    ...testingLibrary.configs.react.rules
+  }
+};
 const configs$3 = {
   base: base$3
 };
@@ -447,7 +627,8 @@ const configs = {
   base
 };
 
-function defaultConfig(parserOptions) {
+function defaultConfig(options) {
+  const enableRequireExtensionRule = options?.enableRequireExtensionRule ?? true;
   const languageOptions = {
     globals: {
       ...globals.node
@@ -459,7 +640,7 @@ function defaultConfig(parserOptions) {
         defaultProject: "tsconfig.json"
       },
       tsconfigRootDir: import.meta.dirname,
-      ...parserOptions
+      ...options?.parserOptions
     }
   };
   return [
@@ -472,21 +653,23 @@ function defaultConfig(parserOptions) {
     {
       languageOptions,
       settings: {
-        ...configs$5.base.settings
+        ...configs$6.base.settings
       }
     },
     {
-      files: ["**/*.ts", "**/*.js", "**/*.cjs", "**/*.mjs"],
+      files: ["**/*.ts", "**/*.js", "**/*.cjs", "**/*.mjs", "**/*.tsx"],
       plugins: {
-        ...configs$5.base.plugins,
-        ...configs$3.base.plugins,
+        ...configs$7.base.plugins,
+        ...configs$6.base.plugins,
+        ...configs$4.base.plugins,
         ...configs$2.base.plugins,
         ...configs.base.plugins
       },
       rules: {
+        ...configs$8.base.rules,
+        ...enableRequireExtensionRule ? configs$7.base.rules : {},
         ...configs$6.base.rules,
-        ...configs$5.base.rules,
-        ...configs$3.base.rules,
+        ...configs$4.base.rules,
         ...configs$2.base.rules,
         ...configs.base.rules
       }
@@ -496,25 +679,29 @@ function defaultConfig(parserOptions) {
       languageOptions: {
         sourceType: "script"
       },
-      ...configs$6.cjsAndEsm
+      ...configs$8.cjsAndEsm
     },
     {
       files: ["**/*.js", "**/*.cjs"],
       languageOptions: {
         sourceType: "script"
       },
-      ...configs$6.cjs
+      ...configs$8.cjs
     },
     {
-      files: ["**/*.ts"],
+      files: ["**/*.ts", "**/*.tsx"],
       ...configs$1.base
     },
+    {
+      files: ["**/*.tsx"],
+      ...configs$3.base
+    },
     {
       files: ["**/*.tests.ts", "tests/tests.ts"],
-      ...configs$4.base
+      ...configs$5.base
     },
     prettier
   ];
 }
 
-export { defaultConfig, configs$6 as eslintConfigs, configs$5 as jsdocConfigs, configs$3 as promiseConfigs, configs$2 as securityConfigs, configs$1 as typescriptEslintConfigs, configs as unicornConfigs };
+export { defaultConfig, configs$8 as eslintConfigs, configs$6 as jsdocConfigs, configs$4 as promiseConfigs, configs$3 as reactConfigs, configs$2 as securityConfigs, configs$1 as typescriptEslintConfigs, configs as unicornConfigs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-config-decent",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "A decent ESLint configuration",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
@@ -78,7 +78,11 @@
     "eslint-plugin-mocha": "^10.4.3",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-promise": "^6.2.0",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-security": "^3.0.0",
+    "eslint-plugin-testing-library": "^6.2.2",
     "eslint-plugin-unicorn": "^53.0.0",
     "globals": "^15.3.0",
     "typescript-eslint": "^8.0.0-alpha.25"
@@ -96,5 +100,19 @@
     "rimraf": "^5.0.7",
     "typescript": "^5.4.5",
     "unbuild": "2.0.0"
+  },
+  "overrides": {
+    "eslint-plugin-jsx-a11y": {
+      "eslint": "$eslint"
+    },
+    "eslint-plugin-react": {
+      "eslint": "$eslint"
+    },
+    "eslint-plugin-react-hooks": {
+      "eslint": "$eslint"
+    },
+    "eslint-plugin-testing-library": {
+      "eslint": "$eslint"
+    }
   }
 }

package/src/extension.ts

@@ -0,0 +1,30 @@
+import type { ConfigWithExtends } from 'typescript-eslint';
+import { requireExtensionRule } from './rules/requireExtensionRule.js';
+import { requireIndexRule } from './rules/requireIndexRule.js';
+
+const base: ConfigWithExtends = {
+  plugins: {
+    'decent-extension': {
+      meta: {
+        name: 'decent-extension',
+        version: '1.0.0',
+      },
+      rules: {
+        'require-extension': requireExtensionRule,
+        'require-index': requireIndexRule,
+      },
+    },
+  },
+  rules: {
+    'decent-extension/require-extension': 'error',
+    'decent-extension/require-index': 'error',
+  },
+};
+
+export const configs = {
+  base,
+};
+
+export default {
+  configs,
+};

package/src/index.ts

@@ -3,9 +3,11 @@ import globals from 'globals';
 import tsEslint, { type ConfigWithExtends } from 'typescript-eslint';
 import prettier from 'eslint-plugin-prettier/recommended';
 import { configs as eslintConfigs } from './eslint.js';
+import { configs as extensionConfigs } from './extension.js';
 import { configs as jsdocConfigs } from './jsdoc.js';
 import { configs as mochaConfigs } from './mocha.js';
 import { configs as promiseConfigs } from './promise.js';
+import { configs as reactConfigs } from './react.js';
 import { configs as securityConfigs } from './security.js';
 import { configs as typescriptEslintConfigs } from './typescriptEslint.js';
 import { configs as unicornConfigs } from './unicorn.js';
@@ -14,12 +16,19 @@ export {
   eslintConfigs, //
   jsdocConfigs,
   promiseConfigs,
+  reactConfigs,
   securityConfigs,
   typescriptEslintConfigs,
   unicornConfigs,
 };
 
-export function defaultConfig(parserOptions?: NonNullable<ConfigWithExtends['languageOptions']>['parserOptions']): ConfigWithExtends[] {
+export interface DefaultConfigOptions {
+  parserOptions?: NonNullable<ConfigWithExtends['languageOptions']>['parserOptions'];
+  enableRequireExtensionRule?: boolean;
+}
+
+export function defaultConfig(options?: DefaultConfigOptions): ConfigWithExtends[] {
+  const enableRequireExtensionRule = options?.enableRequireExtensionRule ?? true;
   const languageOptions: ConfigWithExtends['languageOptions'] = {
     globals: {
       ...globals.node,
@@ -31,7 +40,7 @@ export function defaultConfig(parserOptions?: NonNullable<ConfigWithExtends['lan
         defaultProject: 'tsconfig.json',
       },
       tsconfigRootDir: import.meta.dirname,
-      ...parserOptions,
+      ...options?.parserOptions,
     },
   };
 
@@ -49,8 +58,9 @@ export function defaultConfig(parserOptions?: NonNullable<ConfigWithExtends['lan
       },
     },
     {
-      files: ['**/*.ts', '**/*.js', '**/*.cjs', '**/*.mjs'],
+      files: ['**/*.ts', '**/*.js', '**/*.cjs', '**/*.mjs', '**/*.tsx'],
       plugins: {
+        ...extensionConfigs.base.plugins,
         ...jsdocConfigs.base.plugins,
         ...promiseConfigs.base.plugins,
         ...securityConfigs.base.plugins,
@@ -58,6 +68,7 @@ export function defaultConfig(parserOptions?: NonNullable<ConfigWithExtends['lan
       },
       rules: {
         ...eslintConfigs.base.rules,
+        ...(enableRequireExtensionRule ? extensionConfigs.base.rules : {}),
         ...jsdocConfigs.base.rules,
         ...promiseConfigs.base.rules,
         ...securityConfigs.base.rules,
@@ -79,9 +90,13 @@ export function defaultConfig(parserOptions?: NonNullable<ConfigWithExtends['lan
       ...eslintConfigs.cjs,
     },
     {
-      files: ['**/*.ts'],
+      files: ['**/*.ts', '**/*.tsx'],
       ...typescriptEslintConfigs.base,
     },
+    {
+      files: ['**/*.tsx'],
+      ...reactConfigs.base,
+    },
     {
       files: ['**/*.tests.ts', 'tests/tests.ts'],
 

package/src/react.ts

@@ -0,0 +1,77 @@
+import a11y from 'eslint-plugin-jsx-a11y';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import testingLibrary from 'eslint-plugin-testing-library';
+import type { ConfigWithExtends } from 'typescript-eslint';
+
+const base: ConfigWithExtends = {
+  plugins: {
+    'jsx-a11y': a11y,
+    react,
+    'react-hooks': reactHooks,
+    'testing-library': testingLibrary,
+  },
+  rules: {
+    ...a11y.configs.recommended.rules,
+    'jsx-a11y/aria-proptypes': 'error',
+    'jsx-a11y/aria-role': ['error', { ignoreNonDOM: true }],
+    'jsx-a11y/aria-unsupported-elements': 'error',
+    'jsx-a11y/role-has-required-aria-props': 'error',
+
+    ...react.configs.recommended.rules,
+    'react/default-props-match-prop-types': 'error',
+    'react/display-name': ['error', { ignoreTranspilerName: false }],
+    'react/forbid-foreign-prop-types': ['error', { allowInPropTypes: true }],
+    'react/iframe-missing-sandbox': 'warn',
+    'react/jsx-closing-bracket-location': 'error',
+    'react/jsx-fragments': 'error',
+    'react/jsx-no-leaked-render': ['error', { validStrategies: ['ternary'] }],
+    'react/jsx-no-script-url': 'error',
+    'react/jsx-no-target-blank': 'error',
+    'react/jsx-no-undef': 'error',
+    'react/jsx-no-useless-fragment': 'error',
+    'react/jsx-pascal-case': [
+      'error',
+      {
+        allowAllCaps: true,
+        ignore: [],
+      },
+    ],
+    'react/jsx-props-no-multi-spaces': 'error',
+    'react/no-access-state-in-setstate': 'error',
+    'react/no-arrow-function-lifecycle': 'error',
+    'react/no-danger-with-children': 'error',
+    'react/no-deprecated': 'error',
+    'react/no-did-mount-set-state': 'error',
+    'react/no-did-update-set-state': 'error',
+    'react/no-direct-mutation-state': 'error',
+    'react/no-invalid-html-attribute': 'error',
+    'react/no-namespace': 'error',
+    'react/no-redundant-should-component-update': 'error',
+    'react/no-this-in-sfc': 'error',
+    'react/no-typos': 'error',
+    'react/no-unsafe': 'error',
+    'react/no-unstable-nested-components': 'error',
+    'react/no-unused-class-component-methods': 'error',
+    'react/no-unused-prop-types': 'error',
+    'react/no-unused-state': 'error',
+    'react/no-will-update-set-state': 'error',
+    'react/prefer-stateless-function': 'error',
+    'react/require-render-return': 'error',
+    'react/self-closing-comp': 'error',
+    'react/style-prop-object': 'error',
+
+    'react-hooks/rules-of-hooks': 'error',
+    'react-hooks/exhaustive-deps': 'error',
+
+    ...testingLibrary.configs.react.rules,
+  },
+};
+
+export const configs = {
+  base,
+};
+
+export default {
+  configs,
+};

package/src/rules/requireExtensionRule.ts

@@ -0,0 +1,54 @@
+import { existsSync } from 'fs';
+import { dirname, resolve } from 'path';
+import type { Rule } from 'eslint';
+
+export const requireExtensionRule: Rule.RuleModule = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Ensure import and export statements include a file extension',
+      category: 'Best Practices',
+      recommended: true,
+    },
+    fixable: 'code',
+    schema: [],
+  },
+  create(context: Rule.RuleContext) {
+    function checkSource(source: Parameters<NonNullable<Rule.NodeListener['ImportDeclaration']>>[0]['source']): void {
+      const importPath = source.value as string;
+
+      if (!importPath || !importPath.startsWith('.') || importPath.endsWith('.js')) {
+        return;
+      }
+
+      const resolvedPath = resolve(dirname(context.filename), importPath);
+
+      // If the import/export path doesn't end with a file extension, report an error
+      // eslint-disable-next-line security/detect-non-literal-fs-filename
+      if (!existsSync(resolvedPath)) {
+        context.report({
+          node: source,
+          message: 'Relative imports and exports must include a file extension.',
+          fix(fixer) {
+            const fixedPath = `${importPath}.js`;
+            return fixer.replaceText(source, `'${fixedPath}'`);
+          },
+        });
+      }
+    }
+
+    return {
+      ImportDeclaration(node: Parameters<NonNullable<Rule.NodeListener['ImportDeclaration']>>[0]): void {
+        checkSource(node.source);
+      },
+      ExportNamedDeclaration(node: Parameters<NonNullable<Rule.NodeListener['ExportNamedDeclaration']>>[0]): void {
+        if (node.source) {
+          checkSource(node.source);
+        }
+      },
+      ExportAllDeclaration(node: Parameters<NonNullable<Rule.NodeListener['ExportAllDeclaration']>>[0]): void {
+        checkSource(node.source);
+      },
+    };
+  },
+};

package/src/rules/requireIndexRule.ts

@@ -0,0 +1,51 @@
+import { existsSync, lstatSync } from 'fs';
+import { resolve, dirname } from 'path';
+import type { Rule } from 'eslint';
+
+export const requireIndexRule: Rule.RuleModule = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Ensure directory import and export statements use index.js',
+      category: 'Best Practices',
+      recommended: true,
+    },
+    fixable: 'code',
+    schema: [],
+  },
+  create(context: Rule.RuleContext) {
+    function checkSource(source: Parameters<NonNullable<Rule.NodeListener['ImportDeclaration']>>[0]['source']): void {
+      const importPath = source.value as string;
+
+      // Resolve the path relative to the file being linted
+      const resolvedPath = resolve(dirname(context.filename), importPath);
+
+      // eslint-disable-next-line security/detect-non-literal-fs-filename
+      const isDirectory = existsSync(resolvedPath) && lstatSync(resolvedPath).isDirectory();
+      if (isDirectory) {
+        context.report({
+          node: source,
+          message: 'Directory imports and exports must use index.js.',
+          fix(fixer) {
+            const fixedPath = importPath.replace(/\/?$/, '/index.js');
+            return fixer.replaceText(source, `'${fixedPath}'`);
+          },
+        });
+      }
+    }
+
+    return {
+      ImportDeclaration(node: Parameters<NonNullable<Rule.NodeListener['ImportDeclaration']>>[0]): void {
+        checkSource(node.source);
+      },
+      ExportNamedDeclaration(node: Parameters<NonNullable<Rule.NodeListener['ExportNamedDeclaration']>>[0]): void {
+        if (node.source) {
+          checkSource(node.source);
+        }
+      },
+      ExportAllDeclaration(node: Parameters<NonNullable<Rule.NodeListener['ExportAllDeclaration']>>[0]): void {
+        checkSource(node.source);
+      },
+    };
+  },
+};

package/src/types/eslint-plugin-jsx-a11y.d.ts

@@ -0,0 +1,9 @@
+declare module 'eslint-plugin-jsx-a11y' {
+  import type { ESLint, Linter } from 'eslint';
+  const value: ESLint.Plugin & {
+    configs: {
+      recommended: Linter.FlatConfig;
+    };
+  };
+  export default value;
+}

package/src/types/eslint-plugin-react-hooks.d.ts

@@ -0,0 +1,5 @@
+declare module 'eslint-plugin-react-hooks' {
+  import type { ESLint } from 'eslint';
+  const value: ESLint.Plugin;
+  export default value;
+}

package/src/types/eslint-plugin-react.d.ts

@@ -0,0 +1,9 @@
+declare module 'eslint-plugin-react' {
+  import type { ESLint, Linter } from 'eslint';
+  const value: ESLint.Plugin & {
+    configs: {
+      recommended: Linter.FlatConfig;
+    };
+  };
+  export default value;
+}

package/src/types/eslint-plugin-testing-library.d.ts

@@ -0,0 +1,9 @@
+declare module 'eslint-plugin-testing-library' {
+  import type { ESLint, Linter } from 'eslint';
+  const value: ESLint.Plugin & {
+    configs: {
+      react: Linter.FlatConfig;
+    };
+  };
+  export default value;
+}