eslint-plugin-wkovacs64

eslint-plugin-wkovacs64

My personal ESLint plugin.

Install

npm install --save-dev eslint-plugin-wkovacs64

Be sure to install the appropriately versioned eslint peer dependency as well.

Usage

Several ESLint configs come bundled with this plugin. To use them, simply extend the relevant config(s) in your project's ESLint settings.

Core Configs

First, choose a single "core" config. It must come before the other configurations (described below) in your extends array.

Project Type	Extends
Base (no React)	'plugin:wkovacs64/base'
React	'plugin:wkovacs64/react'

Feature Configs

Next, you may augment the core configuration by applying any combination of "feature" configs.

Feature	Extends
Jest	'plugin:wkovacs64/jest'
jest-dom	'plugin:wkovacs64/jest-dom'
Testing Library	'plugin:wkovacs64/testing-library'
TypeScript	'plugin:wkovacs64/typescript'

⚠️ The typescript feature config requires the parserOptions.project property to be set in your ESLint config. See the TypeScript parser options for more information.

• If you're using Cypress, you may need to add ignorePatterns: ['cypress.config.ts'] to your ESLint config.
• If you're using the jest feature config, you may need to disable the @typescript-eslint/unbound-method rule and enable the jest/unbound-method rule instead.

Prettier Configs

Finally, you may apply the Prettier config. This must be last in your extends array.

Extends
'prettier'

Examples

Base "vanilla JS" project with Jest and Prettier:

module.exports = {
  extends: ['plugin:wkovacs64/base', 'plugin:wkovacs64/jest', 'prettier'],
};

React project with Jest, jest-dom, Testing Library, and Prettier:

module.exports = {
  extends: [
    'plugin:wkovacs64/react',
    'plugin:wkovacs64/jest',
    'plugin:wkovacs64/jest-dom',
    'plugin:wkovacs64/testing-library',
    'prettier',
  ],
};

Base project with Jest, TypeScript, and Prettier:

module.exports = {
  extends: [
    'plugin:wkovacs64/base',
    'plugin:wkovacs64/jest',
    'plugin:wkovacs64/typescript',
    'prettier',
  ],
  parserOptions: {
    project: 'tsconfig.json',
  },
};

Kitchen sink:

module.exports = {
  extends: [
    'plugin:wkovacs64/react',
    'plugin:wkovacs64/jest',
    'plugin:wkovacs64/jest-dom',
    'plugin:wkovacs64/testing-library',
    'plugin:wkovacs64/typescript',
    'prettier',
  ],
  parserOptions: {
    project: 'tsconfig.json',
  },
  ignorePatterns: ['cypress.config.ts'],
  overrides: [
    {
      files: ['src/**/*.test.ts'],
      rules: {
        '@typescript-eslint/unbound-method': 'off',
        'jest/unbound-method': 'error',
      },
    },
  ],
};

Inspiration

The dependency management overhead of separate shareable ESLint configs for each scenario finally got to me. At the time of this writing, I no longer care if I get peerDependency warnings about TypeScript in non-TypeScript projects (for example) anymore if it means managing a single dependency (this package). The implementation details of this project were heavily inspired by @shopify/eslint-plugin.

Warning

The resolution of the "bundled" plugins may only be working as a happy accident due to Yarn (flatter node_modules) and possibly ESLint hoisting (unreliable). But until ESLint provides an official way to include plugins as dependencies of shared configs, this will have to do. For reference:

• eslint/eslint#3458
• eslint/rfcs#5
• eslint/rfcs#14

License

This module is distributed under the MIT License.

Changelog

16.2.0

Minor Changes

• 88e9964 Thanks @wKovacs64! - update @typescript-eslint/* to v7.7.1

• #139 2c555a6 Thanks @renovate! - update eslint-plugin-jest to v28

• c76315a Thanks @wKovacs64! - update eslint-plugin-react to v7.34.1

• ce57d00 Thanks @wKovacs64! - update eslint-plugin-jest to v28.3.0

• 64e3de2 Thanks @wKovacs64! - update eslint-plugin-jest-dom to v5.4.0

Patch Changes

• 463974f Thanks @wKovacs64! - update eslint-plugin-react-hooks to v4.6.2

• ef7e39a Thanks @wKovacs64! - update @rushstack/eslint-patch to v1.10.2

• 44d828a Thanks @wKovacs64! - update @babel/eslint-parser to v7.24.1

• 7f353d9 Thanks @wKovacs64! - update eslint-plugin-testing-library to v6.2.2

• 7d86cb9 Thanks @wKovacs64! - update @babel/plugin-syntax-jsx to v7.24.1

• 0f3c395 Thanks @wKovacs64! - update @babel/core to v7.24.4