@slashnephy/eslint-config 2.3.204 → 3.0.1

package/src/{presets → environments}/userscript.js

@@ -1,8 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-module.exports = {
-    extends: ['plugin:userscripts/recommended'],
+import userScriptsPlugin from 'eslint-plugin-userscripts';
+import { config } from 'typescript-eslint';
+export const userScript = config({
+    name: 'eslint-plugin-userscripts',
+    files: ['**/*.user.js'],
+    plugins: {
+        userScripts: userScriptsPlugin,
+    },
     rules: {
+        ...userScriptsPlugin.configs.recommended.rules,
         'no-undef': 'off',
         'xss/no-mixed-html': 'off',
         'xss/no-location-href-assign': 'off',
@@ -19,4 +24,4 @@ module.exports = {
             },
         ],
     },
-};
+});

package/src/{presets → environments}/userscript.ts

@@ -1,11 +1,14 @@
-import type { Linter } from 'eslint'
+import userScriptsPlugin from 'eslint-plugin-userscripts'
+import { config } from 'typescript-eslint'
 
-/**
- * UserScript 開発用の eslint プリセット
- */
-module.exports = {
-  extends: ['plugin:userscripts/recommended'],
+export const userScript = config({
+  name: 'eslint-plugin-userscripts',
+  files: ['**/*.user.js'],
+  plugins: {
+    userScripts: userScriptsPlugin,
+  },
   rules: {
+    ...userScriptsPlugin.configs.recommended.rules,
     'no-undef': 'off',
     'xss/no-mixed-html': 'off',
     'xss/no-location-href-assign': 'off',
@@ -22,4 +25,4 @@ module.exports = {
       },
     ],
   },
-} satisfies Linter.Config
+})

package/src/frameworks/jest.js

@@ -0,0 +1,10 @@
+import jestPlugin from 'eslint-plugin-jest';
+import { config } from 'typescript-eslint';
+export const jest = config({
+    name: 'eslint-plugin-jest',
+    files: [
+        '**/*.test.{js,cjs,mjs,jsx,ts,cts,mts,tsx}',
+        '**/test/**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}',
+    ],
+    extends: [jestPlugin.configs['flat/all']],
+});

package/src/frameworks/jest.ts

@@ -0,0 +1,11 @@
+import jestPlugin from 'eslint-plugin-jest'
+import { config } from 'typescript-eslint'
+
+export const jest = config({
+  name: 'eslint-plugin-jest',
+  files: [
+    '**/*.test.{js,cjs,mjs,jsx,ts,cts,mts,tsx}',
+    '**/test/**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}',
+  ],
+  extends: [jestPlugin.configs['flat/all']],
+})

package/src/frameworks/next.js.js

@@ -0,0 +1,24 @@
+// @ts-expect-error 型定義ファイルがない
+import nextPlugin from '@next/eslint-plugin-next';
+import { config } from 'typescript-eslint';
+export const nextJs = config({
+    name: '@next/eslint-plugin-next',
+    files: [
+        // Pages Router
+        '**/pages/**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}',
+        // App Router
+        '**/app/**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}',
+    ],
+    plugins: {
+        '@next/next': nextPlugin,
+    },
+    extends: [
+        nextPlugin.configs.recommended,
+        nextPlugin.configs['core-web-vitals'],
+    ],
+    rules: {
+        'import-x/no-default-export': 'off',
+        'react-refresh/only-export-components': 'off',
+    },
+    ignores: ['**/.next/**'],
+});

package/src/frameworks/next.js.ts

@@ -0,0 +1,25 @@
+// @ts-expect-error 型定義ファイルがない
+import nextPlugin from '@next/eslint-plugin-next'
+import { config } from 'typescript-eslint'
+
+export const nextJs = config({
+  name: '@next/eslint-plugin-next',
+  files: [
+    // Pages Router
+    '**/pages/**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}',
+    // App Router
+    '**/app/**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}',
+  ],
+  plugins: {
+    '@next/next': nextPlugin,
+  },
+  extends: [
+    nextPlugin.configs.recommended,
+    nextPlugin.configs['core-web-vitals'],
+  ],
+  rules: {
+    'import-x/no-default-export': 'off',
+    'react-refresh/only-export-components': 'off',
+  },
+  ignores: ['**/.next/**'],
+})

package/src/frameworks/react.js

@@ -0,0 +1,128 @@
+// @ts-expect-error 型定義ファイルがない
+import jsxA11y from 'eslint-plugin-jsx-a11y';
+import reactPlugin from 'eslint-plugin-react';
+import reactHooksPlugin from 'eslint-plugin-react-hooks';
+import reactRefreshPlugin from 'eslint-plugin-react-refresh';
+import globals from 'globals';
+import { config } from 'typescript-eslint';
+export const react = config([
+    {
+        name: 'eslint-plugin-react',
+        files: ['**/*.{jsx,tsx}'],
+        extends: [
+            reactPlugin.configs.flat.recommended,
+            reactPlugin.configs.flat['jsx-runtime'],
+        ],
+        languageOptions: {
+            parserOptions: {
+                ecmaFeatures: {
+                    jsx: true,
+                },
+                lib: ['dom'],
+            },
+            globals: globals.browser,
+        },
+        settings: {
+            react: {
+                version: 'detect',
+            },
+        },
+        rules: {
+            // <div flag={true} /> 👉 <div flag />
+            'react/jsx-boolean-value': 'error',
+            // <div value={'test'} /> 👉 <div value='test' />
+            'react/jsx-curly-brace-presence': 'error',
+            // <div></div> 👉 <div />
+            'react/self-closing-comp': [
+                'error',
+                {
+                    component: true,
+                    html: true,
+                },
+            ],
+            // コンポーネント名を PascalCase に強制
+            'react/jsx-pascal-case': 'error',
+            // ハンドラーの名前規則
+            'react/jsx-handler-names': 'error',
+            // useState の分解宣言 & setXXX という名前を強制
+            'react/hook-use-state': 'error',
+            // <React.Fragment /> 👉 </>
+            'react/jsx-fragments': 'error',
+            // ステートレス関数を優先
+            'react/prefer-stateless-function': 'error',
+            // props を並び替える
+            'react/jsx-sort-props': [
+                'error',
+                {
+                    callbacksLast: true,
+                    shorthandFirst: true,
+                    multiline: 'last',
+                    reservedFirst: true,
+                },
+            ],
+            // JSX を .tsx でも使えるように
+            'react/jsx-filename-extension': [
+                'error',
+                {
+                    extensions: ['.jsx', '.tsx'],
+                },
+            ],
+            // props に対してスプレッド演算子を使えるように
+            'react/jsx-props-no-spreading': 'off',
+            // <></> を使えるように
+            'react/jsx-no-useless-fragment': 'off',
+            // defaultProps を使わない
+            'react/require-default-props': 'off',
+            // useCallback でコールバックを宣言させる
+            'react/jsx-no-bind': 'warn',
+            // コンポーネントの宣言を function Component() {} に強制
+            'react/function-component-definition': [
+                'error',
+                {
+                    namedComponents: 'function-declaration',
+                    unnamedComponents: 'arrow-function',
+                },
+            ],
+        },
+    },
+    {
+        name: 'eslint-plugin-react',
+        files: ['**/*.jsx'],
+        rules: {
+            'react/prop-types': 'error',
+        },
+    },
+], {
+    name: 'eslint-plugin-react-hooks',
+    files: ['**/*.{jsx,tsx}'],
+    extends: [reactHooksPlugin.configs['recommended-latest']],
+    rules: {
+        // https://recoiljs.org/docs/introduction/installation/#eslint
+        'react-hooks/rules-of-hooks': 'error',
+        'react-hooks/exhaustive-deps': [
+            'warn',
+            {
+                additionalHooks: '(useRecoilCallback|useRecoilTransaction_UNSTABLE)',
+            },
+        ],
+    },
+}, {
+    name: 'eslint-plugin-jsx-a11y',
+    files: ['**/*.{jsx,tsx}'],
+    extends: [jsxA11y.flatConfigs.recommended],
+    rules: {
+        'jsx-a11y/alt-text': [
+            'warn',
+            {
+                elements: ['img', 'object', 'area'],
+                img: ['Image'],
+                object: [],
+                area: [],
+            },
+        ],
+    },
+}, {
+    name: 'eslint-plugin-react-refresh',
+    files: ['**/*.{jsx,tsx}'],
+    extends: [reactRefreshPlugin.configs.recommended],
+});

package/src/frameworks/react.ts

@@ -0,0 +1,134 @@
+// @ts-expect-error 型定義ファイルがない
+import jsxA11y from 'eslint-plugin-jsx-a11y'
+import reactPlugin from 'eslint-plugin-react'
+import reactHooksPlugin from 'eslint-plugin-react-hooks'
+import reactRefreshPlugin from 'eslint-plugin-react-refresh'
+import globals from 'globals'
+import { config } from 'typescript-eslint'
+
+export const react = config(
+  [
+    {
+      name: 'eslint-plugin-react',
+      files: ['**/*.{jsx,tsx}'],
+      extends: [
+        reactPlugin.configs.flat.recommended,
+        reactPlugin.configs.flat['jsx-runtime'],
+      ],
+      languageOptions: {
+        parserOptions: {
+          ecmaFeatures: {
+            jsx: true,
+          },
+          lib: ['dom'],
+        },
+        globals: globals.browser,
+      },
+      settings: {
+        react: {
+          version: 'detect',
+        },
+      },
+      rules: {
+        // <div flag={true} /> 👉 <div flag />
+        'react/jsx-boolean-value': 'error',
+        // <div value={'test'} /> 👉 <div value='test' />
+        'react/jsx-curly-brace-presence': 'error',
+        // <div></div> 👉 <div />
+        'react/self-closing-comp': [
+          'error',
+          {
+            component: true,
+            html: true,
+          },
+        ],
+        // コンポーネント名を PascalCase に強制
+        'react/jsx-pascal-case': 'error',
+        // ハンドラーの名前規則
+        'react/jsx-handler-names': 'error',
+        // useState の分解宣言 & setXXX という名前を強制
+        'react/hook-use-state': 'error',
+        // <React.Fragment /> 👉 </>
+        'react/jsx-fragments': 'error',
+        // ステートレス関数を優先
+        'react/prefer-stateless-function': 'error',
+        // props を並び替える
+        'react/jsx-sort-props': [
+          'error',
+          {
+            callbacksLast: true,
+            shorthandFirst: true,
+            multiline: 'last',
+            reservedFirst: true,
+          },
+        ],
+        // JSX を .tsx でも使えるように
+        'react/jsx-filename-extension': [
+          'error',
+          {
+            extensions: ['.jsx', '.tsx'],
+          },
+        ],
+        // props に対してスプレッド演算子を使えるように
+        'react/jsx-props-no-spreading': 'off',
+        // <></> を使えるように
+        'react/jsx-no-useless-fragment': 'off',
+        // defaultProps を使わない
+        'react/require-default-props': 'off',
+        // useCallback でコールバックを宣言させる
+        'react/jsx-no-bind': 'warn',
+        // コンポーネントの宣言を function Component() {} に強制
+        'react/function-component-definition': [
+          'error',
+          {
+            namedComponents: 'function-declaration',
+            unnamedComponents: 'arrow-function',
+          },
+        ],
+      },
+    },
+    {
+      name: 'eslint-plugin-react',
+      files: ['**/*.jsx'],
+      rules: {
+        'react/prop-types': 'error',
+      },
+    },
+  ],
+  {
+    name: 'eslint-plugin-react-hooks',
+    files: ['**/*.{jsx,tsx}'],
+    extends: [reactHooksPlugin.configs['recommended-latest']],
+    rules: {
+      // https://recoiljs.org/docs/introduction/installation/#eslint
+      'react-hooks/rules-of-hooks': 'error',
+      'react-hooks/exhaustive-deps': [
+        'warn',
+        {
+          additionalHooks: '(useRecoilCallback|useRecoilTransaction_UNSTABLE)',
+        },
+      ],
+    },
+  },
+  {
+    name: 'eslint-plugin-jsx-a11y',
+    files: ['**/*.{jsx,tsx}'],
+    extends: [jsxA11y.flatConfigs.recommended],
+    rules: {
+      'jsx-a11y/alt-text': [
+        'warn',
+        {
+          elements: ['img', 'object', 'area'],
+          img: ['Image'],
+          object: [],
+          area: [],
+        },
+      ],
+    },
+  },
+  {
+    name: 'eslint-plugin-react-refresh',
+    files: ['**/*.{jsx,tsx}'],
+    extends: [reactRefreshPlugin.configs.recommended],
+  },
+)

package/src/frameworks/relay.js

@@ -0,0 +1,13 @@
+import { config } from 'typescript-eslint';
+export const relay = config({
+    name: 'eslint-plugin-relay',
+    files: ['**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}'],
+    // TODO: eslint-plugin-relay が Flat Configs に対応したら移行する
+    // https://github.com/relayjs/eslint-plugin-relay/issues/156
+    // extends: ['plugin:relay/recommended'],
+    // plugins: ['relay'],
+    // rules: {
+    //   // 未使用の GraphQL フィールドを禁止
+    //   'relay/unused-fields': 'error',
+    // },
+});

package/src/frameworks/relay.ts

@@ -0,0 +1,14 @@
+import { config } from 'typescript-eslint'
+
+export const relay = config({
+  name: 'eslint-plugin-relay',
+  files: ['**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}'],
+  // TODO: eslint-plugin-relay が Flat Configs に対応したら移行する
+  // https://github.com/relayjs/eslint-plugin-relay/issues/156
+  // extends: ['plugin:relay/recommended'],
+  // plugins: ['relay'],
+  // rules: {
+  //   // 未使用の GraphQL フィールドを禁止
+  //   'relay/unused-fields': 'error',
+  // },
+})

package/src/frameworks/storybook.js

@@ -0,0 +1,7 @@
+import storybookPlugin from 'eslint-plugin-storybook';
+import { config } from 'typescript-eslint';
+export const storybook = config({
+    name: 'eslint-plugin-storybook',
+    files: ['**/*.stories.{jsx,tsx}'],
+    extends: [storybookPlugin.configs['flat/recommended']],
+});

package/src/frameworks/storybook.ts

@@ -0,0 +1,8 @@
+import storybookPlugin from 'eslint-plugin-storybook'
+import { config } from 'typescript-eslint'
+
+export const storybook = config({
+  name: 'eslint-plugin-storybook',
+  files: ['**/*.stories.{jsx,tsx}'],
+  extends: [storybookPlugin.configs['flat/recommended']],
+})

package/src/frameworks/vite.js

@@ -0,0 +1,7 @@
+import reactRefreshPlugin from 'eslint-plugin-react-refresh';
+import { config } from 'typescript-eslint';
+export const vite = config({
+    name: 'eslint-plugin-react-refresh',
+    files: ['**/src/**/*.{jsx,tsx}'],
+    extends: [reactRefreshPlugin.configs.vite],
+});

package/src/frameworks/vite.ts

@@ -0,0 +1,8 @@
+import reactRefreshPlugin from 'eslint-plugin-react-refresh'
+import { config } from 'typescript-eslint'
+
+export const vite = config({
+  name: 'eslint-plugin-react-refresh',
+  files: ['**/src/**/*.{jsx,tsx}'],
+  extends: [reactRefreshPlugin.configs.vite],
+})

package/src/frameworks/vitest.js

@@ -0,0 +1,20 @@
+import vitestPlugin from '@vitest/eslint-plugin';
+import { config } from 'typescript-eslint';
+export const vitest = config({
+    name: '@vitest/eslint-plugin',
+    files: [
+        '**/*.test.{js,cjs,mjs,jsx,ts,cts,mts,tsx}',
+        '**/test/**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}',
+    ],
+    extends: [vitestPlugin.configs.recommended],
+    settings: {
+        vitest: {
+            typecheck: true,
+        },
+    },
+    languageOptions: {
+        globals: {
+            ...vitestPlugin.environments.env.globals,
+        },
+    },
+});

package/src/frameworks/vitest.ts

@@ -0,0 +1,21 @@
+import vitestPlugin from '@vitest/eslint-plugin'
+import { config } from 'typescript-eslint'
+
+export const vitest = config({
+  name: '@vitest/eslint-plugin',
+  files: [
+    '**/*.test.{js,cjs,mjs,jsx,ts,cts,mts,tsx}',
+    '**/test/**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}',
+  ],
+  extends: [vitestPlugin.configs.recommended],
+  settings: {
+    vitest: {
+      typecheck: true,
+    },
+  },
+  languageOptions: {
+    globals: {
+      ...vitestPlugin.environments.env.globals,
+    },
+  },
+})

package/src/index.js

@@ -1,102 +1,60 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const path_1 = require("path");
-require("@rushstack/eslint-patch/modern-module-resolution.js");
-const eslint_gitignore_1 = require("eslint-gitignore");
-module.exports = {
-    root: true,
-    extends: ['eslint:recommended'],
-    ignorePatterns: [
-        '**/node_modules/**',
-        '**/.yarn/**',
-        '**/dist/**',
-        ...(0, eslint_gitignore_1.readGitignoreFiles)(),
-    ],
-    overrides: [
-        {
-            files: '**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-            extends: (0, path_1.resolve)(__dirname, 'base/javascript.js'),
-            processor: '@graphql-eslint/graphql',
-        },
-        {
-            files: '**/*.{ts,mts,cts,tsx}',
-            extends: [(0, path_1.resolve)(__dirname, 'base/typescript.js')],
-        },
-        {
-            files: '**/*.{graphql,graphqls,gql}',
-            extends: [(0, path_1.resolve)(__dirname, 'base/graphql.js')],
-        },
-        {
-            files: '**/*.{yml,yaml}',
-            extends: (0, path_1.resolve)(__dirname, 'base/yaml.js'),
-        },
-        {
-            files: '**/*.{jsx,tsx}',
-            extends: (0, path_1.resolve)(__dirname, 'framework/react.js'),
-        },
-        {
-            files: '**/*.{js,jsx,ts,tsx}',
-            extends: (0, path_1.resolve)(__dirname, 'framework/relay.js'),
-        },
-        {
-            files: '**/src/**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-            extends: (0, path_1.resolve)(__dirname, 'framework/vite.js'),
-        },
-        {
-            files: [
-                '**/pages/**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-                '**/app/**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-            ],
-            extends: (0, path_1.resolve)(__dirname, 'framework/next.js.js'),
-        },
-        {
-            files: '**/*.{jsx,tsx}',
-            extends: (0, path_1.resolve)(__dirname, 'framework/emotion.js'),
-        },
-        {
-            files: [
-                '**/*.test.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-                '**/test/**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-            ],
-            extends: [
-                (0, path_1.resolve)(__dirname, 'framework/jest.js'),
-                (0, path_1.resolve)(__dirname, 'framework/vitest.js'),
-            ],
-        },
-        {
-            files: '**/*.{jsx,tsx}',
-            extends: (0, path_1.resolve)(__dirname, 'presets/a11y.js'),
-        },
-        {
-            files: '**/bin/**/*.{js,mjs,cjs,ts,mts,cts}',
-            extends: (0, path_1.resolve)(__dirname, 'presets/node.js'),
-        },
-        {
-            files: ['**/src/worker.{js,ts}', '**/functions/**/*.{js,ts}'],
-            extends: (0, path_1.resolve)(__dirname, 'presets/allow-default-export.js'),
-        },
-        {
-            files: [
-                '**/{webpack,rollup,vite,postcss,next}.config.{js,mjs,cjs,ts,mts,cts}',
-                '**/codegen.{js,mjs,cjs,ts,mts,cts}',
-            ],
-            extends: [
-                (0, path_1.resolve)(__dirname, 'presets/allow-default-export.js'),
-                (0, path_1.resolve)(__dirname, 'presets/build-configuration.js'),
-                (0, path_1.resolve)(__dirname, 'presets/node.js'),
-            ],
-        },
-        {
-            files: '**/package.json',
-            extends: (0, path_1.resolve)(__dirname, 'presets/package.json.js'),
-        },
-        {
-            files: '**/*.user.js',
-            extends: (0, path_1.resolve)(__dirname, 'presets/userscript.js'),
-        },
-        {
-            files: '**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-            extends: (0, path_1.resolve)(__dirname, 'presets/style.js'),
-        },
-    ],
-};
+import tseslint from 'typescript-eslint';
+import { common } from './base/common.js';
+import { graphql } from './base/graphql.js';
+import { javaScript } from './base/javascript.js';
+import { packageJson } from './base/package.json.js';
+import { typeScript } from './base/typescript.js';
+import { yaml } from './base/yaml.js';
+import { cloudflareWorkers } from './environments/cloudflareWorkers.js';
+import { node } from './environments/node.js';
+import { userScript } from './environments/userscript.js';
+import { jest } from './frameworks/jest.js';
+import { nextJs } from './frameworks/next.js.js';
+import { react } from './frameworks/react.js';
+import { relay } from './frameworks/relay.js';
+import { storybook } from './frameworks/storybook.js';
+import { vite } from './frameworks/vite.js';
+import { vitest } from './frameworks/vitest.js';
+export function config(_options, ...overrides) {
+    return tseslint.config(
+    // ベース
+    [
+        common,
+        // JavaScript
+        javaScript,
+        // TypeScript
+        typeScript,
+        // GraphQL
+        graphql,
+        // YAML
+        yaml,
+        // package.json
+        packageJson,
+    ], 
+    // フレームワーク
+    [
+        // React
+        react,
+        // Next.js
+        nextJs,
+        // Vite
+        vite,
+        // Relay
+        relay,
+        // Storybook
+        storybook,
+        // Jest
+        jest,
+        // Vitest
+        vitest,
+    ], 
+    // 環境
+    [
+        // Node.js
+        node,
+        // Cloudflare Worker
+        cloudflareWorkers,
+        // UserScript
+        userScript,
+    ], ...overrides);
+}