@slashnephy/eslint-config 3.0.110 → 3.0.111

package/README.md

@@ -6,7 +6,7 @@
 ## Install
 
 ```console
-$ yarn add @slashnephy/eslint-config
+pnpm add @slashnephy/eslint-config
 ```
 
 ## Usage (for Flat Configs)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slashnephy/eslint-config",
-  "version": "3.0.110",
+  "version": "3.0.111",
   "keywords": [
     "eslint",
     "eslintconfig"

package/src/base/common.js

@@ -0,0 +1,10 @@
+import { defineConfig, globalIgnores } from 'eslint/config';
+import gitignore from 'eslint-config-flat-gitignore';
+export const common = defineConfig(globalIgnores([
+    '**/.git/**',
+    '**/node_modules/**',
+    '**/.yarn/**',
+    '**/dist/**',
+    '**/.idea/**',
+    '**/pnpm-lock.yaml',
+]), gitignore({ name: 'eslint-config-flat-gitignore', strict: false }));

package/src/base/graphql.js

@@ -0,0 +1,43 @@
+import graphqlPlugin from '@graphql-eslint/eslint-plugin';
+import { defineConfig } from 'eslint/config';
+export const graphql = defineConfig(
+// GraphQL を解釈できるようにする
+{
+    name: '@graphql-eslint/eslint-plugin (parser)',
+    files: ['**/*.{graphql,graphqls,gql}'],
+    languageOptions: {
+        parser: graphqlPlugin.parser,
+    },
+    plugins: {
+        // @ts-expect-error -- 一時的に型定義を無視
+        '@graphql-eslint': graphqlPlugin,
+    },
+}, 
+// コード中に含まれる GraphQL を解釈して lint できるようにする
+{
+    name: '@graphql-eslint/eslint-plugin (code)',
+    files: ['**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}'],
+    processor: graphqlPlugin.processor,
+}, 
+// GraphQL schema
+{
+    name: '@graphql-eslint/eslint-plugin (GraphQL schema)',
+    files: [
+        '**/schema.{graphql,graphqls,gql}',
+        // gqlgen
+        '**/graph/*.{graphql,graphqls,gql}',
+    ],
+    extends: [
+        graphqlPlugin.configs['flat/schema-recommended'],
+        graphqlPlugin.configs['flat/schema-relay'],
+    ],
+}, 
+// GraphQL operations
+{
+    name: '@graphql-eslint/eslint-plugin (GraphQL operations)',
+    files: [
+        '**/documents/*.{graphql,graphqls,gql}',
+        '**/frontend/**/*.{graphql,graphqls,gql}',
+    ],
+    extends: [graphqlPlugin.configs['flat/operations-recommended']],
+});

package/src/base/javascript.js

@@ -0,0 +1,246 @@
+import eslint from '@eslint/js';
+// @ts-expect-error 型定義ファイルがない
+import eslintCommentsConfig from '@eslint-community/eslint-plugin-eslint-comments/configs';
+import stylisticPlugin from '@stylistic/eslint-plugin';
+import { defineConfig } from 'eslint/config';
+import { importX } from 'eslint-plugin-import-x';
+// @ts-expect-error 型定義ファイルがない
+import promisePlugin from 'eslint-plugin-promise';
+import unusedImportsPlugin from 'eslint-plugin-unused-imports';
+import tseslint from 'typescript-eslint';
+export const javaScript = defineConfig({
+    files: ['**/*.cjs'],
+    languageOptions: {
+        sourceType: 'commonjs',
+    },
+}, {
+    files: ['**/*.{js,mjs,jsx}'],
+    languageOptions: {
+        sourceType: 'module',
+    },
+}, {
+    name: '@eslint/js',
+    files: ['**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}'],
+    extends: [eslint.configs.recommended],
+    languageOptions: {
+        ecmaVersion: 'latest',
+        parser: tseslint.parser,
+    },
+    rules: {
+        // アロー関数を優先
+        'prefer-arrow-callback': 'error',
+        // 関数宣言は function xxx() {} にする
+        'func-style': ['error', 'declaration', { allowArrowFunctions: true }],
+        // 中括弧の省略を禁止
+        curly: 'error',
+        // テンプレート文字列を優先
+        'prefer-template': 'error',
+        // == 比較 👉 === 比較
+        eqeqeq: 'error',
+        // *.js で 'use strict'; を強制
+        strict: ['error', 'global'],
+        // 特定の構文を禁止
+        'no-restricted-syntax': [
+            'error',
+            // 数値リテラル以外での Array#at() の使用を禁止
+            // https://qiita.com/printf_moriken/items/da03f55cb626617c1958
+            {
+                selector: 
+                // eslint-disable-next-line @stylistic/quotes -- prettier と競合している
+                "CallExpression[callee.property.name='at']:not([arguments.0.type='Literal'],[arguments.0.type='UnaryExpression'][arguments.0.argument.type='Literal'])",
+                message: 'at method accepts only a literal argument',
+            },
+        ],
+        // foo["bar"] 👉 foo.bar
+        'dot-notation': 'error',
+        // {foo: foo} 👉 {foo}
+        'object-shorthand': ['error', 'always'],
+        // Array 系メソッドで return を強制
+        'array-callback-return': ['error'],
+        // ループ内では await を禁止
+        'no-await-in-loop': 'error',
+        // 操作が値に影響しない式を禁止
+        'no-constant-binary-expression': 'error',
+        // コンストラクター内で return を禁止
+        'no-constructor-return': 'error',
+        // 関数の返り値としての Promise executor を禁止
+        'no-promise-executor-return': 'error',
+        // 自身との比較 (e.g. foo === foo) を禁止
+        'no-self-compare': 'error',
+        // 非テンプレート文字列で ${foo} を禁止
+        // "Hello, ${name}" 👉 `Hello, ${name}`
+        'no-template-curly-in-string': 'error',
+        // 更新されないループ条件を禁止
+        'no-unmodified-loop-condition': 'error',
+        // 到達できないループを禁止
+        'no-unreachable-loop': 'error',
+        // 未使用の private メンバーを禁止
+        'no-unused-private-class-members': 'error',
+        // スレッドセーフで安全に更新されないコードを禁止
+        'require-atomic-updates': 'error',
+        // ペアになっていない setter を禁止
+        'accessor-pairs': 'error',
+        // キャメルケースに強制しない
+        camelcase: 'off',
+        // switch 文で default を強制しない
+        'default-case': 'off',
+        // continue 文を許可
+        'no-continue': 'off',
+        // _ で始まるメンバー名を許可
+        'no-underscore-dangle': 'off',
+        // 自身より後に宣言されたメンバーの使用を許可
+        'no-use-before-define': 'off',
+        // console.* の使用を許可
+        'no-console': 'off',
+        // 深い三項演算子を許可
+        'no-nested-ternary': 'off',
+        // i++ インクリメントを許可
+        'no-plusplus': 'off',
+        // return の省略などを許可
+        'consistent-return': 'off',
+        // void Promise を許可
+        'no-void': 'off',
+        // 1 <= x < 10 を許可
+        yoda: [
+            'error',
+            'never',
+            {
+                exceptRange: true,
+            },
+        ],
+        // UTF-8 BOM を禁止
+        'unicode-bom': ['error', 'never'],
+    },
+}, {
+    name: '@stylistic/eslint-plugin',
+    files: ['**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}'],
+    extends: [
+        stylisticPlugin.configs.customize({
+            indent: 2,
+            quotes: 'single',
+            semi: false,
+            jsx: true,
+            arrowParens: true,
+            blockSpacing: true,
+            quoteProps: 'as-needed',
+            commaDangle: 'always-multiline',
+            braceStyle: '1tbs',
+        }),
+    ],
+    rules: {
+        // 最終行に改行を挿入
+        '@stylistic/eol-last': ['error', 'always'],
+        // 行末のスペースを禁止
+        '@stylistic/no-trailing-spaces': ['error'],
+        // 型名の前後のスペースを揃える
+        // e.g. const foo: string = 'bar'
+        '@stylistic/type-annotation-spacing': 'error',
+        // func () 👉 func()
+        '@stylistic/function-call-spacing': ['error', 'never'],
+        // 空行を挟む
+        '@stylistic/padding-line-between-statements': [
+            'warn',
+            // return 前に空行
+            { blankLine: 'always', prev: '*', next: 'return' },
+            // ディレクティブ後に空行
+            { blankLine: 'always', prev: 'directive', next: '*' },
+            { blankLine: 'any', prev: 'directive', next: 'directive' },
+        ],
+    },
+}, {
+    name: '@eslint-community/eslint-plugin-eslint-comments',
+    extends: [eslintCommentsConfig.recommended],
+}, {
+    name: 'eslint-plugin-import-x',
+    files: ['**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}'],
+    extends: [
+        // @ts-expect-error -- languageOptions の型定義が不一致
+        importX.flatConfigs.recommended,
+    ],
+    settings: {
+        'import-x/resolver': {
+            node: {
+                extensions: ['.js', '.cjs', '.mjs', '.jsx', '.ts', '.cts', '.mts', '.tsx', '.json'],
+            },
+            typescript: {
+                alwaysTryTypes: true,
+            },
+        },
+    },
+    rules: {
+        'import-x/no-import-module-exports': 'off',
+        'import-x/no-extraneous-dependencies': 'off',
+        // 循環 import を禁止
+        'import-x/no-cycle': 'error',
+        // default export を優先しない
+        'import-x/prefer-default-export': 'off',
+        // default export を禁止
+        'import-x/no-default-export': 'error',
+        // import 順を並び替える
+        'import-x/order': [
+            'warn',
+            {
+                // 組み込み → 外部依存 → 内部依存 → object → type の順にする
+                groups: [
+                    'builtin',
+                    'external',
+                    ['parent', 'sibling', 'index'],
+                    'object',
+                    'type',
+                    'unknown',
+                ],
+                // カテゴリー間に改行を入れる
+                'newlines-between': 'always',
+                // 大文字小文字区別なしで ABC 順にする
+                alphabetize: {
+                    order: 'asc',
+                    caseInsensitive: true,
+                },
+                pathGroups: [
+                    // **.css は最後に配置する
+                    {
+                        pattern: '**.css',
+                        group: 'type',
+                        position: 'after',
+                    },
+                ],
+                // **.css が import 順最後ではないときに警告
+                warnOnUnassignedImports: true,
+            },
+        ],
+    },
+}, {
+    name: 'eslint-plugin-unused-imports',
+    files: ['**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}'],
+    plugins: {
+        'unused-imports': unusedImportsPlugin,
+    },
+    rules: {
+        // 不要 import 文を禁止
+        'unused-imports/no-unused-imports': 'error',
+        // 不要な変数を禁止
+        'no-unused-vars': 'off',
+        '@typescript-eslint/no-unused-vars': 'off',
+        'unused-imports/no-unused-vars': [
+            'warn',
+            // '_' で始まる変数を許可
+            {
+                vars: 'all',
+                varsIgnorePattern: '^_',
+                args: 'after-used',
+                argsIgnorePattern: '^_',
+            },
+        ],
+    },
+}, {
+    name: 'eslint-plugin-promise',
+    files: ['**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}'],
+    extends: [promisePlugin.configs['flat/recommended']],
+}, {
+    name: 'eslint-plugin-xss',
+    files: ['**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}'],
+    // TODO: eslint-plugin-xss が Flat Configs に対応したら移行する
+    // https://github.com/Rantanen/eslint-plugin-xss/issues/15
+    // extends: ['plugin:xss/recommended'],
+    extends: [],
+});

package/src/base/package.json.js

@@ -0,0 +1,16 @@
+import { defineConfig } from 'eslint/config';
+import packageJsonPlugin from 'eslint-plugin-package-json';
+export const packageJson = defineConfig({
+    name: 'eslint-plugin-package-json',
+    files: ['**/package.json'],
+    extends: [packageJsonPlugin.configs.recommended],
+    rules: {
+        'package-json/require-description': 'off',
+        'package-json/order-properties': [
+            'error',
+            {
+                order: 'sort-package-json',
+            },
+        ],
+    },
+});

package/src/base/typescript.js

@@ -0,0 +1,231 @@
+import safeTypeScriptPlugin from '@susisu/eslint-plugin-safe-typescript';
+import { defineConfig } from 'eslint/config';
+import { importX } from 'eslint-plugin-import-x';
+import tsdocPlugin from 'eslint-plugin-tsdoc';
+import tseslint from 'typescript-eslint';
+export const typeScript = defineConfig({
+    files: ['**/*.cts'],
+    languageOptions: {
+        sourceType: 'commonjs',
+    },
+}, {
+    files: ['**/*.{ts,mts,tsx}'],
+    languageOptions: {
+        sourceType: 'module',
+    },
+}, {
+    name: 'typescript-eslint',
+    files: ['**/*.{ts,cts,mts,tsx}'],
+    extends: [
+        tseslint.configs.recommendedTypeChecked,
+        tseslint.configs.stylisticTypeChecked,
+    ],
+    languageOptions: {
+        ecmaVersion: 'latest',
+        parser: tseslint.parser,
+        parserOptions: {
+            projectService: true,
+            // tsconfigRootDir は利用側で定義する必要がある
+            // tsconfigRootDir: import.meta.dirname,
+        },
+    },
+    rules: {
+        /**
+         * Automatically fixable は error にする
+         */
+        // interface 👉 type
+        '@typescript-eslint/consistent-type-definitions': ['error', 'type'],
+        // export type を優先
+        '@typescript-eslint/consistent-type-exports': [
+            'error',
+            {
+                fixMixedExportsWithInlineTypeSpecifier: true,
+            },
+        ],
+        // import type を優先
+        '@typescript-eslint/consistent-type-imports': 'error',
+        // クラスのアクセス修飾子を強制
+        '@typescript-eslint/explicit-member-accessibility': 'error',
+        // export されているメンバーや public メンバーは型を明示させる
+        '@typescript-eslint/explicit-module-boundary-types': 'warn',
+        '@typescript-eslint/member-ordering': 'warn',
+        '@typescript-eslint/method-signature-style': ['warn', 'method'],
+        // 命名規則を強制
+        '@typescript-eslint/naming-convention': [
+            'warn',
+            // デフォルトは camelCase
+            {
+                selector: ['default'],
+                format: ['strictCamelCase'],
+            },
+            // 型名 / 列挙型のメンバーは PascalCase
+            {
+                selector: ['typeLike', 'enumMember'],
+                format: ['StrictPascalCase'],
+            },
+            // 変数名は camelCase
+            {
+                selector: ['variableLike'],
+                format: ['strictCamelCase', 'StrictPascalCase'],
+                leadingUnderscore: 'allow',
+            },
+            // インポート名は camelCase / PascalCase
+            {
+                selector: ['import'],
+                format: ['camelCase', 'PascalCase'],
+            },
+            // export された定数は UPPER_CASE を許容
+            {
+                selector: ['variable'],
+                modifiers: ['const', 'global', 'exported'],
+                format: ['strictCamelCase', 'StrictPascalCase', 'UPPER_CASE'],
+            },
+            // プロパティーに snake_case / UPPER_CASE を許容
+            {
+                selector: ['property'],
+                format: [
+                    'strictCamelCase',
+                    'snake_case',
+                    'UPPER_CASE',
+                    'StrictPascalCase',
+                ],
+            },
+            // Boolean は特定のプレフィックスを強制
+            {
+                selector: ['variable'],
+                types: ['boolean'],
+                format: ['StrictPascalCase'],
+                prefix: [
+                    'is',
+                    'are',
+                    'was',
+                    'were',
+                    'should',
+                    'has',
+                    'can',
+                    'did',
+                    'will',
+                    'contains',
+                    'enable',
+                    'disable',
+                    'show',
+                    'hide',
+                ],
+            },
+            // プライベートメンバーは _ で始める
+            {
+                selector: ['memberLike'],
+                modifiers: ['private'],
+                format: ['strictCamelCase'],
+                leadingUnderscore: 'require',
+            },
+            // deconstruct で宣言された変数は許容
+            {
+                selector: ['variableLike'],
+                modifiers: ['destructured'],
+                format: null,
+            },
+            // オブジェクトのキーなど '' 付きの宣言は許容
+            {
+                selector: ['memberLike', 'property'],
+                modifiers: ['requiresQuotes'],
+                format: null,
+            },
+        ],
+        // void を式の値として禁止
+        '@typescript-eslint/no-confusing-void-expression': 'error',
+        // 重複した型定義を禁止
+        // boolean | false 👉 boolean
+        '@typescript-eslint/no-redundant-type-constituents': 'warn',
+        // require() を禁止
+        '@typescript-eslint/no-require-imports': 'warn',
+        '@typescript-eslint/no-unnecessary-qualifier': 'error',
+        '@typescript-eslint/no-useless-empty-export': 'error',
+        // パラメーターでのプロパティ宣言を強制
+        '@typescript-eslint/parameter-properties': [
+            'warn',
+            {
+                allow: [
+                    'readonly',
+                    'private',
+                    'protected',
+                    'public',
+                    'private readonly',
+                    'protected readonly',
+                    'public readonly',
+                ],
+                prefer: 'parameter-property',
+            },
+        ],
+        '@typescript-eslint/prefer-enum-initializers': 'warn',
+        '@typescript-eslint/prefer-readonly': 'error',
+        '@typescript-eslint/prefer-regexp-exec': 'error',
+        // Promise<T> を返す関数では async のマークを強制
+        '@typescript-eslint/promise-function-async': 'error',
+        '@typescript-eslint/switch-exhaustiveness-check': 'error',
+        '@typescript-eslint/unbound-method': 'off',
+        // 過激なルールを無効化
+        '@typescript-eslint/no-unsafe-assignment': 'off',
+        '@typescript-eslint/no-unsafe-call': 'off',
+        '@typescript-eslint/no-unsafe-member-access': 'off',
+        '@typescript-eslint/no-unsafe-return': 'off',
+        '@typescript-eslint/no-unsafe-argument': 'off',
+        '@typescript-eslint/no-unsafe-enum-comparison': 'off',
+        '@typescript-eslint/restrict-template-expressions': 'off',
+        '@typescript-eslint/strict-boolean-expressions': 'off',
+        // enum のメンバーでビット演算を許可する
+        '@typescript-eslint/prefer-literal-enum-member': [
+            'error',
+            {
+                allowBitwiseExpressions: true,
+            },
+        ],
+        // '1' + 2 を禁止
+        '@typescript-eslint/restrict-plus-operands': 'error',
+        // 数値型の配列の sort() を禁止
+        '@typescript-eslint/require-array-sort-compare': [
+            'error',
+            {
+                ignoreStringArrays: true,
+            },
+        ],
+        // Deprecated されたコードの使用を禁止
+        '@typescript-eslint/no-deprecated': 'error',
+        // 関数の返り値としての void 以外を禁止
+        '@typescript-eslint/no-invalid-void-type': 'error',
+    },
+}, {
+    name: 'eslint-plugin-import-x',
+    files: ['**/*.{ts,cts,mts,tsx}'],
+    extends: [
+        // @ts-expect-error -- languageOptions の型定義が不一致
+        importX.flatConfigs.typescript,
+    ],
+    rules: {
+        // import に拡張子を推奨
+        'import-x/extensions': [
+            'warn',
+            'always',
+            {
+                ignorePackages: true,
+            },
+        ],
+    },
+}, {
+    name: '@susisu/eslint-plugin-safe-typescript',
+    files: ['**/*.{ts,cts,mts,tsx}'],
+    plugins: {
+        '@susisu/safe-typescript': safeTypeScriptPlugin,
+    },
+    rules: safeTypeScriptPlugin.configs.recommended.rules,
+}, {
+    name: 'eslint-plugin-tsdoc',
+    files: ['**/*.{ts,cts,mts,tsx}'],
+    plugins: {
+        tsdoc: tsdocPlugin,
+    },
+    rules: {
+        // TSDoc
+        'tsdoc/syntax': 'warn',
+    },
+});

package/src/base/yaml.js

@@ -0,0 +1,22 @@
+import { defineConfig } from 'eslint/config';
+import ymlPlugin from 'eslint-plugin-yml';
+export const yaml = defineConfig({
+    name: 'eslint-plugin-yml',
+    files: ['**/*.{yml,yaml}'],
+    extends: [
+        ymlPlugin.configs['flat/standard'],
+    ],
+    rules: {
+        'yml/quotes': ['error', { prefer: 'double' }],
+    },
+}, {
+    name: 'eslint-plugin-yml (GitHub Workflow)',
+    files: ['.github/workflows/*.{yml,yaml}'],
+    rules: {
+        // ダブルクォートが使えない場合があるのでシングルに統一
+        // https://github.com/actions/runner/issues/866
+        'yml/quotes': ['error', { prefer: 'single' }],
+        // workflow_dispatch: のような空のマップを許可する
+        'yml/no-empty-mapping-value': 'off',
+    },
+});

package/src/environments/cloudflareWorkers.js

@@ -0,0 +1,9 @@
+import { defineConfig } from 'eslint/config';
+export const cloudflareWorkers = defineConfig({
+    files: ['**/src/worker.{js,ts}', '**/functions/**/*.{js,ts}'],
+    rules: {
+        // default export を許可
+        'import-x/no-default-export': 'off',
+        'import-x/no-anonymous-default-export': 'off',
+    },
+});

package/src/environments/node.js

@@ -0,0 +1,50 @@
+import { defineConfig } from 'eslint/config';
+import nPlugin from 'eslint-plugin-n';
+export const node = defineConfig({
+    name: 'eslint-plugin-n',
+    files: [
+        '**/bin/**/*.{js,cjs,mjs,ts,cts,mts}',
+        '**/*.config.{js,cjs,mjs,ts,cts,mts}',
+        '**/codegen.{js,cjs,mjs,ts,cts,mts}',
+    ],
+    extends: [nPlugin.configs['flat/recommended']],
+    rules: {
+        // default export を許可
+        'import-x/no-default-export': 'off',
+        'import-x/no-anonymous-default-export': 'off',
+        // import で devDependencies を許可
+        'n/no-unpublished-import': 'off',
+        'import-x/no-extraneous-dependencies': [
+            'error',
+            {
+                devDependencies: true,
+            },
+        ],
+        // 非同期メソッドを優先
+        'n/prefer-promises/dns': 'error',
+        'n/prefer-promises/fs': 'error',
+        // 構文のバージョンチェックを無効化
+        'n/no-unsupported-features/es-syntax': 'off',
+        // 不正確な import チェックを無効化
+        'n/no-missing-import': 'off',
+        'n/no-extraneous-import': 'off',
+    },
+}, {
+    // CommonJS
+    name: 'eslint-plugin-n',
+    files: [
+        '**/bin/**/*.{cjs,cts}',
+        '**/*.config.{cjs,cts}',
+        '**/codegen.{cjs,cts}',
+    ],
+    extends: [nPlugin.configs['flat/recommended-script']],
+}, {
+    // ESM
+    name: 'eslint-plugin-n',
+    files: [
+        '**/bin/**/*.{mjs,mts}',
+        '**/*.config.{mjs,mts}',
+        '**/codegen.{mjs,mts}',
+    ],
+    extends: [nPlugin.configs['flat/recommended-module']],
+});

package/src/environments/userscript.js

@@ -0,0 +1,27 @@
+import { defineConfig } from 'eslint/config';
+import userScriptsPlugin from 'eslint-plugin-userscripts';
+export const userScript = defineConfig({
+    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',
+        'userscripts/compat-grant': [
+            'error',
+            {
+                requireAllCompatible: true,
+            },
+        ],
+        'userscripts/compat-headers': [
+            'error',
+            {
+                requireAllCompatible: true,
+            },
+        ],
+    },
+});

package/src/frameworks/jest.js

@@ -0,0 +1,10 @@
+import { defineConfig } from 'eslint/config';
+import jestPlugin from 'eslint-plugin-jest';
+export const jest = defineConfig({
+    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,20 @@
+import nextPlugin from '@next/eslint-plugin-next';
+import { defineConfig } from 'eslint/config';
+export const nextJs = defineConfig({
+    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}',
+    ],
+    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 @@
+import { defineConfig } from 'eslint/config';
+// @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';
+export const react = defineConfig([
+    {
+        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.flat['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,15 @@
+import { defineConfig } from 'eslint/config';
+// @ts-expect-error -- 型定義がない
+import relayPlugin from 'eslint-plugin-relay';
+export const relay = defineConfig({
+    name: 'eslint-plugin-relay',
+    files: ['**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}'],
+    extends: [
+        relayPlugin.configs['ts-recommended'],
+    ],
+    plugins: { relay: relayPlugin },
+    rules: {
+        // 未使用の GraphQL フィールドを禁止
+        'relay/unused-fields': 'error',
+    },
+});

package/src/frameworks/storybook.js

@@ -0,0 +1,6 @@
+import { defineConfig } from 'eslint/config';
+import storybookPlugin from 'eslint-plugin-storybook';
+export const storybook = defineConfig(
+// eslint-plugin-storybook
+// @ts-expect-error -- 型定義が不一致
+storybookPlugin.configs['flat/recommended']);

package/src/frameworks/vite.js

@@ -0,0 +1,7 @@
+import { defineConfig } from 'eslint/config';
+import reactRefreshPlugin from 'eslint-plugin-react-refresh';
+export const vite = defineConfig({
+    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 { defineConfig } from 'eslint/config';
+export const vitest = defineConfig({
+    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

@@ -0,0 +1,62 @@
+import { defineConfig } from 'eslint/config';
+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 defineConfig(
+    // ベース
+    [
+        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,
+    ], 
+    // @ts-expect-error -- 型定義が不完全
+    ...overrides);
+}