@dr.pogodin/eslint-configs 0.0.1 → 0.0.3

package/README.md

@@ -6,42 +6,148 @@
 [![GitHub Repo stars](https://img.shields.io/github/stars/birdofpreyru/eslint-configs?style=social)](https://github.com/birdofpreyru/eslint-configs)
 [![Dr. Pogodin Studio](https://raw.githubusercontent.com/birdofpreyru/eslint-configs/master/.README/logo-dr-pogodin-studio.svg)](https://dr.pogodin.studio/docs/eslint-configs)
 
-ESLint configurations for TypeScript and/or React projects. This project is
-invisioned as a replacement of AirBnB ESLint Configs, which are completely
-neglected by AirBnB lately, and are deaf to well justified complaigns of users.
-Thus, the aims of this project are:
+[ESLint] configurations for JavaScript, TypeScript and/or React projects.
+This project is invisioned as a replacement for AirBnB ESLint configurations
+([eslint-config-airbnb]), which are no longer maintained by AirBnB. Our aims are:
 
-- Code style similar to that of AirBnB configs + Some opionated improvements on
-  top of them.
+- Code style and rules similar to that of the original AirBnB configs +
+  Some opinionated improvements on top them.
 
-- Support of the latest ESLint releases.
-
-- Timely upgrades of dependencies.
+- Timely support of the latest ESLint and plugin releases.
 
 [![Sponsor](https://raw.githubusercontent.com/birdofpreyru/eslint-configs/master/.README/sponsor.svg)](https://github.com/sponsors/birdofpreyru)
 
+## Content
+- [Getting Started]
+- [Provided Configs]
+  - [`configs.javascript`]
+  - [`configs.jest`]
+  - [`configs.react`]
+  - [`configs.typescript`]
+
 ## Getting Started
+[Getting Started]: #getting-started
+
+- We assume that [Babel] is properly installed and configured in the host
+  project — some plugins we enable depend on that, and as of now we do not
+  provide options to optionally disable them for non-[Babel] host projects.
+
+- Install this package and ESLint as developement dependencies:
+  ```sh
+  npm install --save-dev eslint @dr.pogodin/eslint-configs
+  ```
+
+- Add necessary configurations into your flat ESLint config file, for example
+  (also see [Provided Configs] section below for further details):
+  ```js
+  // eslint.config.mjs
+
+  /* eslint-disable import/no-extraneous-dependencies */
+
+  // defineConfig() is an optional helper provided by ESLint
+  import { defineConfig } from 'eslint/config';
+
+  import eslintConfigs from '@dr.pogodin/react-utils';
+
+  export default defineConfig([{
+    // Global ignore rules: an array of path patterns to be ignored by ESLint
+    // for all other objects included into this configuration, in addition to
+    // "**/node_modules/" and ".git/" paths which are always ignored; see:
+    // https://eslint.org/docs/latest/use/configure/configuration-files#globally-ignoring-files-with-ignores 
+    ignores: ['build/'],
+  }, {
+    // This object opts-in for JavaScript, TypeScript, and React code checks
+    // inside the project, with exception for a folder with tests, which is
+    // checked by different rules below.
+    extends: [
+      eslintConfigs.configs.javascript,
+      eslintConfigs.configs.typescript,
+      eslintConfigs.configs.react,
+    ],
+    ignores: ['__tests__/**'],
+  }, {
+    // This is a separate set of rules for a folder with Jest-based unit tests.
+    extends: [
+      eslintConfigs.configs.javascript,
+      eslintConfigs.configs.typescript,
+      eslintConfigs.configs.react,
+      eslintConfigs.configs.jest,
+    ],
+    files: ['__tests__/**'],
+  }]);
+  ```
+
+## Provided Configs
+[Provided Configs]: #provided-configs
+
+This package provides the following base configurations, that are meant to be
+combined and extended as necessary for the needs of host projects.
+
+### `configs.javascript`
+[`configs.javascript`]: #configsjavascript
+
+Intended for JavaScript code, it applies to the files [ESLint] considers as
+JavaScript by default: `**/*.js`, `**/*.cjs`, `**/*.mjs`; and it applies to
+them the following rule sets:
+
+- [ESLint Core Rules](https://eslint.org/docs/latest/rules) —
+  the `recommended` rule set, with minor overrides, and many additional rules
+  enabled.
+
+- [@babel/eslint-plugin](https://www.npmjs.com/package/@babel/eslint-plugin) —
+  all rules enabled, with minor overrides of their default settings.
+
+- [@stylistic/eslint-plugin](https://eslint.style/rules) —
+  the `recommended` rule set, with minor overrides, and many additional rules
+  enabled.
+
+- [eslint-plugin-import](https://www.npmjs.com/package/eslint-plugin-import) —
+  the `recommended` rule set, with minor overrides, and many additional rules
+  enabled.
+
+### `configs.jest`
+[`configs.jest`]: #configsjest
+
+Intended for [Jest](https://jestjs.io)-based unit test code, it applies to all
+files (assuming the consumer himself will configure the correct paths to apply
+it to); and it applies to them the following rule sets:
+
+- [eslint-plugin-jest](https://www.npmjs.com/package/eslint-plugin-jest) —
+  the `recommended` and `style` rule sets, with a bunch of additional rules
+  enabled.
+
+### `configs.react`
+[`configs.react`]: #configsreact
+
+Intended for React code, it applies to `**/*.jsx` and `**/*.tsx` files;
+and it applies to them the following rule sets:
+
+- [eslint-plugin-jsx-a11y](https://www.npmjs.com/package/eslint-plugin-jsx-a11y) —
+  the `recommended` rule set, and a few additional rules enabled.
+
+- [eslint-plugin-react](https://www.npmjs.com/package/eslint-plugin-react) —
+  the `recommended` rule set, with minor overrides, and many additional rules
+  enabled.
+
+- [eslint-plugin-react-hooks](https://www.npmjs.com/package/eslint-plugin-react-hooks) —
+  all rules enabled.
 
-**BEWARE:** These early releases are the very first take on the problem, to get
-things moving. It is definitely needs more attention both to the configurations,
-and to their necessary customization options, and for the config variants
-necessary for different kinds of projects and use cases.
+Additionally, it applies to all other files matched by any other [ESLint]
+configuration object, to forbid using JSX syntax in files with extensions
+different from `.jsx` or `.tsx`.
 
-For now, if you want to try on your own risk, you can install the package as
-```sh
-npm install --save-dev @dr.pogodin/eslint-configs
-```
+### `configs.typescript`
+[`configs.typescript`]: #configstypescript
 
-Then use it in your ESLint config:
-```js
-// eslint.config.mjs
+Intended for TypeScript code, it applies to `**/*.ts` and `**/*.tsx` files;
+and it applies to them the following rule sets:
 
-import base from '@dr.pogodin/eslint-configs/react-ts';
-// or import from '@dr.pogodin/eslint-config/typescript'; for non-react projects.
+- Everything from our [`configs.javascript`], with minor necessary overrides.
 
-export default base;
-// or you may further tune imported "base" config to your project needs.
-```
+- [typescript-eslint](https://typescript-eslint.io/rules) —
+  the `recommendedTypeChecked` and `stylisticTypeChecked` rule sets, with minor
+  overrides, and many additional rules enabled.
 
-These configs assume that Babel is configured in the host project to transpile
-TypeScript code into JS.
+[Babel]: https://babeljs.io
+[ESLint]: https://eslint.org
+[eslint-config-airbnb]: https://www.npmjs.com/package/eslint-config-airbnb

package/babel.config.cjs

@@ -1,3 +1,8 @@
+/* global module */
+
+// NOTE: For now we keep it CJS, as ES modules support in Babel config is still
+// expertimentary.
+// eslint-disable-next-line import/no-commonjs
 module.exports = {
   presets: [
     ['@babel/env', {

package/config/index.js

@@ -0,0 +1,13 @@
+import javascript from './javascript.js';
+import jest from './jest.js';
+import react from './react.js';
+import typescript from './typescript.js';
+
+export default {
+  configs: {
+    javascript,
+    jest,
+    react,
+    typescript,
+  },
+};

package/config/javascript.js

@@ -0,0 +1,272 @@
+// Base configuration for all JavaScript and TypeScript files.
+
+import { defineConfig } from 'eslint/config';
+import importPlugin from 'eslint-plugin-import';
+
+import babelParser from '@babel/eslint-parser';
+import babelPlugin from '@babel/eslint-plugin';
+import js from '@eslint/js';
+import stylisticPlugin from '@stylistic/eslint-plugin';
+
+export default defineConfig([{
+  extends: [
+    'js/recommended',
+    '@stylistic/recommended',
+    importPlugin.flatConfigs.recommended,
+  ],
+  languageOptions: {
+    parser: babelParser,
+  },
+  linterOptions: {
+    reportUnusedDisableDirectives: 'error',
+    reportUnusedInlineConfigs: 'error',
+  },
+  name: 'dr.pogodin/javascript',
+  plugins: {
+    '@babel': babelPlugin,
+    '@stylistic': stylisticPlugin,
+    js,
+  },
+  rules: {
+    // These rules are provided by "@babel/eslint-plugin", and they require
+    // to disable (to not enable) their counterparts from ESLint core.
+    '@babel/new-cap': 'error',
+    '@babel/no-invalid-this': 'error',
+
+    '@babel/no-undef': 'error',
+    'no-undef': 'off',
+
+    '@babel/no-unused-expressions': 'error',
+
+    '@babel/object-curly-spacing': ['error', 'always'],
+    '@stylistic/object-curly-spacing': 'off',
+
+    '@babel/semi': 'error',
+
+    // Rules provided by "eslint-plugin-import".
+    'import/dynamic-import-chunkname': 'error',
+    'import/first': 'error',
+    'import/newline-after-import': 'error',
+    'import/no-absolute-path': 'error',
+    'import/no-amd': 'warn',
+    'import/no-commonjs': 'warn',
+    'import/no-cycle': 'error',
+    'import/no-deprecated': 'error',
+    'import/no-duplicates': 'error',
+    'import/no-dynamic-require': 'error',
+    'import/no-empty-named-blocks': 'error',
+    'import/no-extraneous-dependencies': ['error', {
+      devDependencies: false,
+      optionalDependencies: false,
+    }],
+    'import/no-import-module-exports': 'warn',
+    'import/no-mutable-exports': 'error',
+    'import/no-named-as-default': 'error',
+    'import/no-named-as-default-member': 'error',
+    'import/no-relative-packages': 'error',
+    'import/no-self-import': 'error',
+    'import/no-unassigned-import': ['error', {
+      allow: ['**/*.css', '**/*.scss'],
+    }],
+    'import/no-unused-modules': 'error',
+    'import/no-useless-path-segments': 'error',
+    'import/no-webpack-loader-syntax': 'error',
+
+    // These rules are provided by "@stylistic/eslint-plugin",
+    // and (re-)configured for our taste, somewhat differently from
+    // defaults of "@stylistic/recommended".
+    '@stylistic/array-bracket-newline': ['error', 'consistent'],
+    '@stylistic/array-element-newline': ['error', 'consistent'],
+    '@stylistic/arrow-parens': ['error', 'always'],
+    '@stylistic/brace-style': ['error', '1tbs'],
+    '@stylistic/comma-dangle': ['error', 'always-multiline'],
+    '@stylistic/curly-newline': ['error', {
+      consistent: true,
+      minElements: 4,
+    }],
+    '@stylistic/dot-location': ['error', 'property'],
+    '@stylistic/function-call-argument-newline': ['error', 'consistent'],
+    '@stylistic/function-call-spacing': 'error',
+    '@stylistic/function-paren-newline': ['error', 'multiline-arguments'],
+    '@stylistic/implicit-arrow-linebreak': 'error',
+    '@stylistic/indent': ['error', 2, {
+      SwitchCase: 1,
+    }],
+    '@stylistic/jsx-child-element-spacing': 'error',
+
+    // This rule is quite annoying at times, better switch it off and let
+    // developer to buitify his code as needed in each situation.
+    '@stylistic/jsx-one-expression-per-line': 'off',
+
+    '@stylistic/jsx-pascal-case': 'error',
+    '@stylistic/jsx-self-closing-comp': 'error',
+    '@stylistic/jsx-sort-props': 'error',
+    '@stylistic/linebreak-style': 'error',
+    '@stylistic/lines-around-comment': ['error', {
+      allowBlockStart: true,
+      allowClassStart: true,
+      allowObjectStart: true,
+      allowTypeStart: true,
+    }],
+    '@stylistic/max-len': ['error', {
+      ignoreComments: true,
+      ignoreStrings: true,
+      ignoreTemplateLiterals: true,
+    }],
+    '@stylistic/member-delimiter-style': ['error', {
+      multiline: {
+        delimiter: 'semi',
+        requireLast: true,
+      },
+    }],
+    '@stylistic/multiline-ternary': 'off',
+    '@stylistic/no-confusing-arrow': 'error',
+    '@stylistic/no-extra-parens': ['error', 'all', {
+      enforceForArrowConditionals: false,
+      ignoreJSX: 'multi-line',
+      nestedBinaryExpressions: false,
+      returnAssign: false,
+    }],
+    '@stylistic/no-extra-semi': 'error',
+    '@stylistic/no-multiple-empty-lines': ['error', { max: 1 }],
+    '@stylistic/nonblock-statement-body-position': 'error',
+    '@stylistic/object-curly-newline': ['error', {
+      consistent: true,
+      minProperties: 4,
+    }],
+    '@stylistic/object-property-newline': ['error', {
+      allowAllPropertiesOnSameLine: true,
+    }],
+    '@stylistic/one-var-declaration-per-line': 'error',
+    '@stylistic/operator-linebreak': ['error', 'before'],
+    '@stylistic/padded-blocks': ['error', 'never'],
+    '@stylistic/padding-line-between-statements': 'error',
+    '@stylistic/quote-props': ['error', 'as-needed'],
+    '@stylistic/quotes': ['error', 'single', {
+      avoidEscape: true,
+    }],
+    '@stylistic/semi': ['error', 'always'],
+    '@stylistic/semi-style': 'error',
+    '@stylistic/space-before-function-paren': ['error', {
+      named: 'never',
+    }],
+    '@stylistic/switch-colon-spacing': 'error',
+    '@stylistic/wrap-regex': 'error',
+
+    // These rules are provided by ESLint core, and they are not included by
+    // by default into "js/recommended" config we extend.
+    'arrow-body-style': 'error',
+    'block-scoped-var': 'error',
+    camelcase: 'error',
+    'class-methods-use-this': 'error',
+    complexity: 'error',
+    'consistent-return': 'error',
+    'consistent-this': 'error',
+    curly: ['error', 'multi-line'],
+    'default-case': 'error',
+    'default-case-last': 'error',
+    'default-param-last': 'error',
+    'dot-notation': 'error',
+    eqeqeq: 'error',
+    'func-name-matching': 'error',
+    'func-names': ['error', 'never'],
+    'func-style': ['error', 'declaration', {
+      allowArrowFunctions: true,
+    }],
+    'guard-for-in': 'error',
+    'logical-assignment-operators': 'error',
+    'max-nested-callbacks': 'error',
+    'no-alert': 'error',
+    'no-array-constructor': 'error',
+    'no-bitwise': 'error',
+    'no-caller': 'error',
+    'no-console': 'error',
+    'no-constructor-return': 'error',
+    'no-continue': 'error',
+    'no-duplicate-imports': 'error',
+    'no-else-return': 'error',
+    'no-empty-function': 'error',
+    'no-eq-null': 'error',
+    'no-eval': 'error',
+    'no-extend-native': 'error',
+    'no-extra-bind': 'error',
+    'no-extra-label': 'error',
+    'no-implicit-coercion': ['error', {
+      boolean: false,
+    }],
+    'no-implicit-globals': 'error',
+    'no-implied-eval': 'error',
+    'no-inner-declarations': ['error', 'both'],
+    'no-iterator': 'error',
+    'no-label-var': 'error',
+    'no-labels': 'error',
+    'no-lone-blocks': 'error',
+    'no-lonely-if': 'error',
+    'no-loop-func': 'error',
+    'no-multi-assign': 'error',
+    'no-multi-str': 'error',
+    'no-negated-condition': 'error',
+    'no-nested-ternary': 'error',
+    'no-new': 'error',
+    'no-new-func': 'error',
+    'no-new-wrappers': 'error',
+    'no-object-constructor': 'error',
+    'no-octal-escape': 'error',
+    'no-param-reassign': 'error',
+    'no-promise-executor-return': 'error',
+    'no-proto': 'error',
+    'no-return-assign': 'error',
+    'no-script-url': 'error',
+    'no-self-compare': 'error',
+    'no-sequences': 'error',
+    'no-shadow': 'error',
+    'no-template-curly-in-string': 'error',
+    'no-throw-literal': 'error',
+    'no-undef-init': 'error',
+    'no-underscore-dangle': 'error',
+    'no-unmodified-loop-condition': 'error',
+    'no-unneeded-ternary': 'error',
+    'no-unreachable-loop': 'error',
+    'no-use-before-define': 'error',
+    'no-useless-assignment': 'error',
+    'no-useless-call': 'error',
+    'no-useless-computed-key': 'error',
+    'no-useless-concat': 'error',
+    'no-useless-constructor': 'error',
+    'no-useless-rename': 'error',
+    'no-useless-return': 'error',
+    'no-var': 'error',
+    'no-warning-comments': 'warn',
+    'object-shorthand': 'error',
+    'one-var': ['error', 'never'],
+    'operator-assignment': 'error',
+    'prefer-arrow-callback': 'error',
+    'prefer-const': 'error',
+    'prefer-destructuring': 'error',
+    'prefer-exponentiation-operator': 'error',
+    'prefer-numeric-literals': 'error',
+    'prefer-object-has-own': 'error',
+    'prefer-object-spread': 'error',
+    'prefer-promise-reject-errors': 'error',
+    'prefer-regex-literals': 'error',
+    'prefer-rest-params': 'error',
+    'prefer-spread': 'error',
+    'prefer-template': 'error',
+    radix: ['error', 'as-needed'],
+    'require-atomic-updates': 'error',
+    'require-await': 'error',
+    'require-yield': 'error',
+    'sort-keys': ['error', 'asc', {
+      allowLineSeparatedGroups: true,
+    }],
+    'symbol-description': 'error',
+    'unicode-bom': 'error',
+    yoda: 'error',
+  },
+  settings: {
+    'import/resolver': {
+      node: true,
+      typescript: true,
+    },
+  },
+}]);

package/config/jest.js

@@ -0,0 +1,42 @@
+import { defineConfig } from 'eslint/config';
+import pluginJest from 'eslint-plugin-jest';
+
+export default defineConfig([{
+  name: 'dr.pogodin/jest',
+
+  extends: [
+    pluginJest.configs['flat/recommended'],
+    pluginJest.configs['flat/style'],
+  ],
+  rules: {
+    'import/no-extraneous-dependencies': ['error', {
+      optionalDependencies: false,
+    }],
+
+    'jest/max-nested-describe': 'error',
+    'jest/no-conditional-in-test': 'error',
+    'jest/no-confusing-set-timeout': 'error',
+    'jest/no-duplicate-hooks': 'error',
+    'jest/no-test-return-statement': 'error',
+    'jest/no-untyped-mock-factory': 'error',
+    'jest/padding-around-after-all-blocks': 'error',
+    'jest/padding-around-after-each-blocks': 'error',
+    'jest/padding-around-before-all-blocks': 'error',
+    'jest/padding-around-before-each-blocks': 'error',
+    'jest/padding-around-describe-blocks': 'error',
+    'jest/padding-around-test-blocks': 'error',
+    'jest/prefer-called-with': 'error',
+    'jest/prefer-comparison-matcher': 'error',
+    'jest/prefer-each': 'error',
+    'jest/prefer-equality-matcher': 'error',
+    'jest/prefer-expect-resolves': 'error',
+    'jest/prefer-hooks-in-order': 'error',
+    'jest/prefer-hooks-on-top': 'error',
+    'jest/prefer-jest-mocked': 'error',
+    'jest/prefer-mock-promise-shorthand': 'error',
+    'jest/prefer-spy-on': 'error',
+    'jest/prefer-strict-equal': 'error',
+    'jest/prefer-todo': 'error',
+    'jest/require-to-throw-message': 'error',
+  },
+}]);

package/config/react.js

@@ -0,0 +1,120 @@
+import { defineConfig } from 'eslint/config';
+
+import jsxA11y from 'eslint-plugin-jsx-a11y';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+
+export default defineConfig([{
+  name: 'dr.pogodin/react',
+
+  extends: [react.configs.flat.recommended, jsxA11y.flatConfigs.recommended],
+  files: ['**/*.jsx', '**/*.tsx'],
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
+    },
+  },
+  plugins: {
+    react,
+    'react-hooks': reactHooks,
+  },
+  settings: {
+    react: {
+      version: '19',
+    },
+  },
+
+  rules: {
+    // Rules provided by "eslint-plugin-jsx-a11y".
+    'jsx-a11y/anchor-ambiguous-text': 'error',
+    'jsx-a11y/control-has-associated-label': 'error',
+    'jsx-a11y/lang': 'error',
+    'jsx-a11y/no-aria-hidden-on-focusable': 'error',
+
+    // Rules provided by "eslint-plugin-react" (and not enabled by its recommended
+    // config).
+    'react/button-has-type': 'error',
+    'react/checked-requires-onchange-or-readonly': 'error',
+    'react/destructuring-assignment': 'error',
+    'react/function-component-definition': ['error', {
+      namedComponents: 'arrow-function',
+      unnamedComponents: 'arrow-function',
+    }],
+    'react/hook-use-state': 'error',
+    'react/iframe-missing-sandbox': 'error',
+    'react/jsx-boolean-value': 'error',
+    'react/jsx-closing-bracket-location': 'error',
+    'react/jsx-closing-tag-location': 'error',
+    'react/jsx-curly-brace-presence': 'error',
+    'react/jsx-curly-newline': 'error',
+    'react/jsx-curly-spacing': 'error',
+    'react/jsx-equals-spacing': 'error',
+    'react/jsx-first-prop-new-line': ['error', 'multiline'],
+    'react/jsx-fragments': 'error',
+    'react/jsx-handler-names': 'error',
+    'react/jsx-indent': ['error', 2],
+    'react/jsx-indent-props': ['error', 2],
+    'react/jsx-max-depth': ['warn', { max: 10 }],
+    'react/jsx-no-bind': ['error', {
+      allowArrowFunctions: true,
+    }],
+    'react/jsx-no-constructed-context-values': 'error',
+    'react/jsx-no-leaked-render': 'error',
+    'react/jsx-no-script-url': 'error',
+    'react/jsx-no-useless-fragment': 'error',
+    'react/jsx-pascal-case': 'error',
+    'react/jsx-props-no-spread-multi': 'error',
+    'react/jsx-props-no-spreading': 'error',
+    'react/jsx-sort-props': 'error',
+    'react/jsx-tag-spacing': 'error',
+    'react/no-access-state-in-setstate': 'error',
+    'react/no-array-index-key': 'error',
+    'react/no-arrow-function-lifecycle': 'error',
+    'react/no-danger': 'error',
+    'react/no-did-mount-set-state': 'error',
+    'react/no-did-update-set-state': 'error',
+    'react/no-invalid-html-attribute': 'error',
+    'react/no-namespace': 'error',
+    'react/no-object-type-as-default-prop': 'error',
+    'react/no-redundant-should-component-update': 'error',
+    'react/no-this-in-sfc': 'error',
+    'react/no-typos': 'error',
+    'react/no-unknown-property': ['error', {
+      ignore: ['styleName'],
+    }],
+    'react/no-unsafe': 'error',
+    'react/no-unstable-nested-components': 'error',
+    'react/no-unused-class-component-methods': 'error',
+    'react/no-unused-state': 'error',
+    'react/no-will-update-set-state': 'error',
+    'react/prefer-stateless-function': 'error',
+
+    // NOTE: Starting with React 19, propTypes type-checks are deprecated,
+    // and if TypeScript is used (as it is recommended now), it will take care
+    // of prop types validations anyway.
+    'react/prop-types': 'off',
+
+    'react/react-in-jsx-scope': 'off',
+    'react/self-closing-comp': 'error',
+    'react/sort-comp': 'error',
+    'react/style-prop-object': 'error',
+    'react/void-dom-elements-no-children': 'error',
+
+    // Rules provided by eslint-plugin-react-hooks.
+    'react-hooks/exhaustive-deps': 'error',
+    'react-hooks/rules-of-hooks': 'error',
+  },
+}, {
+  name: 'dr.pogodin/react/global',
+  plugins: {
+    react,
+  },
+  rules: {
+    'react/jsx-filename-extension': ['error', {
+      allow: 'as-needed',
+      extensions: ['.jsx', '.tsx'],
+    }],
+  },
+}]);

package/config/typescript.js

@@ -0,0 +1,92 @@
+import tsEsLint from 'typescript-eslint';
+
+import jsConfig from './javascript.js';
+
+export default tsEsLint.config(
+  {
+    name: 'dr.pogodin/typescript',
+
+    extends: [
+      jsConfig,
+      tsEsLint.configs.recommendedTypeChecked,
+      tsEsLint.configs.stylisticTypeChecked,
+    ],
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+      },
+    },
+    rules: {
+      // TypeScript takes care of the same, in a better way.
+      '@babel/no-undef': 'off',
+
+      // It does not support type imports, and TypeScript itself does necessary
+      // checks for imports anyway.
+      'import/named': 'off',
+
+      '@typescript-eslint/array-type': ['error', {
+        default: 'array-simple',
+      }],
+      '@typescript-eslint/class-methods-use-this': 'error',
+      '@typescript-eslint/consistent-return': 'error',
+      '@typescript-eslint/consistent-type-definitions': ['error', 'type'],
+      '@typescript-eslint/consistent-type-exports': 'error',
+      '@typescript-eslint/consistent-type-imports': 'error',
+      '@typescript-eslint/default-param-last': 'error',
+      '@typescript-eslint/explicit-module-boundary-types': 'error',
+      '@typescript-eslint/no-confusing-void-expression': 'error',
+      '@typescript-eslint/no-deprecated': 'warn',
+      '@typescript-eslint/no-dupe-class-members': 'error',
+      '@typescript-eslint/no-empty-interface': 'error',
+      '@typescript-eslint/no-extraneous-class': 'error',
+      '@typescript-eslint/no-import-type-side-effects': 'error',
+      '@typescript-eslint/no-inferrable-types': 'off',
+      '@typescript-eslint/no-invalid-this': 'error',
+      '@typescript-eslint/no-invalid-void-type': 'error',
+      '@typescript-eslint/no-loop-func': 'error',
+      '@typescript-eslint/no-loss-of-precision': 'error',
+      '@typescript-eslint/no-meaningless-void-operator': 'error',
+      '@typescript-eslint/no-misused-spread': 'error',
+      '@typescript-eslint/no-mixed-enums': 'error',
+      '@typescript-eslint/no-non-null-asserted-nullish-coalescing': 'error',
+      '@typescript-eslint/no-redeclare': 'error',
+
+      // NOTE: The core rule variant reports incorrect errors on TypeScript
+      // code, thus disabled.
+      '@typescript-eslint/no-shadow': 'error',
+      'no-shadow': 'off',
+
+      '@typescript-eslint/no-unnecessary-boolean-literal-compare': 'error',
+      '@typescript-eslint/no-unnecessary-condition': 'error',
+      '@typescript-eslint/no-unnecessary-parameter-property-assignment': 'error',
+      '@typescript-eslint/no-unnecessary-qualifier': 'error',
+      '@typescript-eslint/no-unnecessary-template-expression': 'error',
+      '@typescript-eslint/no-unnecessary-type-arguments': 'error',
+      '@typescript-eslint/no-use-before-define': 'error',
+      '@typescript-eslint/no-useless-constructor': 'error',
+      '@typescript-eslint/no-useless-empty-export': 'error',
+      '@typescript-eslint/parameter-properties': ['error', {
+        prefer: 'parameter-property',
+      }],
+
+      // NOTE: The core variant of this rule, disabled below, does not work
+      // correctly for TypeScript code in some edge cases.
+      '@typescript-eslint/prefer-destructuring': 'error',
+      'prefer-destructuring': 'off',
+
+      '@typescript-eslint/prefer-enum-initializers': 'error',
+      '@typescript-eslint/prefer-literal-enum-member': 'error',
+      '@typescript-eslint/prefer-reduce-type-parameter': 'error',
+      '@typescript-eslint/prefer-regexp-exec': 'off',
+      '@typescript-eslint/prefer-return-this-type': 'error',
+      '@typescript-eslint/promise-function-async': 'error',
+      '@typescript-eslint/related-getter-setter-pairs': 'error',
+      '@typescript-eslint/require-array-sort-compare': 'error',
+      '@typescript-eslint/switch-exhaustiveness-check': 'error',
+      '@typescript-eslint/typedef': 'error',
+      '@typescript-eslint/unified-signatures': 'error',
+      '@typescript-eslint/use-unknown-in-catch-callback-variable': 'error',
+    },
+  },
+);

package/eslint.config.js

@@ -0,0 +1,3 @@
+import config from './config/javascript.js';
+
+export default config;

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@dr.pogodin/eslint-configs",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "ESLint configurations for TypeScript and/or React projects",
   "type": "module",
+  "main": "./config/index.js",
   "exports": {
-    "./react-ts": "./react-ts.mjs",
-    "./typescript": "./typescript.mjs"
+    "*": "./config/*.js",
+    "default": "./config/index.js"
   },
   "scripts": {
-    "lint": "eslint -c typescript.mjs",
+    "lint": "eslint",
     "test": "npm run lint"
   },
   "repository": "github:birdofpreyru/eslint-configs",
@@ -33,16 +34,18 @@
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@eslint/js": "^9.21.0",
+    "@eslint/js": "^9.25.0",
     "@stylistic/eslint-plugin": "^4.1.0",
-    "eslint": "^9.21.0",
     "eslint-import-resolver-typescript": "^4.3.2",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jest": "^28.11.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "globals": "^16.0.0",
     "typescript": "^5.7.0",
-    "typescript-eslint": "^8.25.0"
+    "typescript-eslint": "^8.30.1"
+  },
+  "peerDependencies": {
+    "eslint": "9"
   }
 }

package/react-ts.mjs

@@ -1,37 +0,0 @@
-import reactPlugin from 'eslint-plugin-react';
-import reactHooks from 'eslint-plugin-react-hooks';
-
-import base from './typescript.mjs';
-
-export default [
-  ...base,
-  {
-    files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'],
-    settings: {
-      react: { version: '19' },
-    },
-  },
-
-  reactPlugin.configs.flat.recommended,
-  reactPlugin.configs.flat['jsx-runtime'],
-
-  // TODO: This does not work because a bug in eslint-plugin-react-hooks:
-  // https://github.com/facebook/react/issues/32431
-  // thus, the workaround below.
-  // reactHooks.configs.recommended
-  {
-    plugins: { 'react-hooks': reactHooks },
-    rules: { ...reactHooks.configs.recommended.rules },
-  },
-
-  {
-    rules: {
-      'react/function-component-definition': ['error', {
-        namedComponents: 'arrow-function',
-        unnamedComponents: 'arrow-function',
-      }],
-      'react-hooks/exhaustive-deps': 'error',
-      'react/prop-types': 'off',
-    },
-  },
-];

package/typescript.mjs

@@ -1,141 +0,0 @@
-import babelParser from '@babel/eslint-parser';
-import babelPlugin from '@babel/eslint-plugin';
-import pluginJest from 'eslint-plugin-jest';
-import importPlugin from 'eslint-plugin-import';
-import globals from 'globals';
-import tseslint from 'typescript-eslint';
-
-import pluginJs from '@eslint/js';
-import stylisticPlugin from '@stylistic/eslint-plugin';
-
-export default tseslint.config(
-  { ignores: ['__coverage__', 'build/'] },
-  {
-    files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'],
-    languageOptions: {
-      globals: { ...globals.browser, ...globals.node },
-      parser: babelParser,
-    },
-    linterOptions: {
-      reportUnusedDisableDirectives: 'error',
-      reportUnusedInlineConfigs: 'error',
-    },
-    plugins: {
-      '@babel': babelPlugin,
-    },
-    settings: {
-      'import/resolver': {
-        node: true,
-        typescript: true,
-      },
-    },
-  },
-
-  importPlugin.flatConfigs.recommended,
-
-  pluginJs.configs.recommended,
-
-  stylisticPlugin.configs.all,
-
-  {
-    rules: {
-      '@babel/new-cap': 'error',
-      '@babel/no-invalid-this': 'error',
-      '@babel/no-undef': 'error',
-      '@babel/no-unused-expressions': 'error',
-
-      '@stylistic/object-curly-spacing': 'off',
-      '@babel/object-curly-spacing': ['error', 'always'],
-
-      '@babel/semi': 'error',
-      '@stylistic/array-bracket-newline': ['error', 'consistent'],
-      '@stylistic/array-element-newline': ['error', 'consistent'],
-      '@stylistic/comma-dangle': ['error', 'always-multiline'],
-      '@stylistic/dot-location': ['error', 'property'],
-      '@stylistic/function-call-argument-newline': ['error', 'consistent'],
-      '@stylistic/function-paren-newline': ['error', 'multiline-arguments'],
-      '@stylistic/indent': ['error', 2, {
-        SwitchCase: 1,
-      }],
-      '@stylistic/lines-around-comment': ['error', {
-        allowBlockStart: true,
-        allowClassStart: true,
-        allowObjectStart: true,
-        allowTypeStart: true,
-      }],
-      '@stylistic/max-len': ['error', {
-        ignoreStrings: true,
-        ignoreTemplateLiterals: true,
-      }],
-      '@stylistic/multiline-comment-style': 'off',
-      '@stylistic/multiline-ternary': ['error', 'always-multiline'],
-      '@stylistic/no-extra-parens': ['error', 'all', {
-        enforceForArrowConditionals: false,
-        ignoreJSX: 'multi-line',
-        nestedBinaryExpressions: false,
-        returnAssign: false,
-      }],
-      '@stylistic/no-multiple-empty-lines': ['error', { max: 1 }],
-      '@stylistic/object-curly-newline': ['error', {
-        consistent: true,
-        minProperties: 4,
-      }],
-
-      '@stylistic/object-property-newline': ['error', {
-        allowAllPropertiesOnSameLine: true,
-      }],
-      '@stylistic/operator-linebreak': ['error', 'before'],
-      '@stylistic/padded-blocks': ['error', 'never'],
-      '@stylistic/quote-props': ['error', 'as-needed'],
-      '@stylistic/quotes': ['error', 'single'],
-      '@stylistic/space-before-function-paren': ['error', {
-        named: 'never',
-      }],
-      'import/no-cycle': 'error',
-      'import/no-extraneous-dependencies': 'error',
-
-      'no-use-before-define': 'error',
-    },
-  },
-
-  {
-    // TypeScript-specific configuration.
-    files: ['**/*.{ts,tsx}'],
-    languageOptions: {
-      parserOptions: {
-        projectService: true,
-        tsconfigRootDir: import.meta.dirname,
-      },
-    },
-    extends: [
-      ...tseslint.configs.recommendedTypeChecked,
-      ...tseslint.configs.stylisticTypeChecked,
-    ],
-    rules: {
-      '@typescript-eslint/array-type': 'off',
-      '@typescript-eslint/consistent-type-definitions': ['error', 'type'],
-      '@typescript-eslint/no-inferrable-types': 'off',
-
-      // TODO: Its current implementation seems to give false positive.
-      '@typescript-eslint/no-invalid-void-type': 'off',
-
-      // NOTE: According to its documentation
-      // "@typescript-eslint/no-unused-vars"
-      // requires to disable "no-unused-vars".
-      'no-unused-vars': 'off',
-      '@typescript-eslint/no-unused-vars': 'error',
-
-      '@typescript-eslint/prefer-nullish-coalescing': 'error',
-      '@typescript-eslint/unbound-method': 'off',
-    },
-  },
-
-  {
-    files: ['__tests__/**/*.{js,mjs,cjs,ts,jsx,tsx}'],
-    // TODO: Is this "extends" really necessary?
-    extends: [pluginJest.configs['flat/recommended']],
-    rules: {
-      'jest/unbound-method': 'error',
-    },
-  },
-);