@slashnephy/eslint-config 2.3.204 → 3.0.2

package/src/index.ts

@@ -1,135 +1,70 @@
-import { resolve } from 'path'
+import tseslint from 'typescript-eslint'
 
-// https://github.com/microsoft/rushstack/tree/main/eslint/eslint-patch
-import '@rushstack/eslint-patch/modern-module-resolution.js'
-import { readGitignoreFiles } from 'eslint-gitignore'
+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'
 
-import type { Linter } from 'eslint'
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type -- 将来のために予約してある
+type Options = {}
 
-module.exports = {
-  root: true,
-  extends: ['eslint:recommended'],
-  ignorePatterns: [
-    '**/node_modules/**',
-    '**/.yarn/**',
-    '**/dist/**',
-    ...readGitignoreFiles(),
-  ],
-  overrides: [
-    /*
-     * 言語固有ルール
-     */
-    // JavaScript / TypeScript
-    {
-      files: '**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-      extends: resolve(__dirname, 'base/javascript.js'),
-      processor: '@graphql-eslint/graphql',
-    },
-    // TypeScript
-    {
-      files: '**/*.{ts,mts,cts,tsx}',
-      extends: [resolve(__dirname, 'base/typescript.js')],
-    },
-    // GraphQL
-    {
-      files: '**/*.{graphql,graphqls,gql}',
-      extends: [resolve(__dirname, 'base/graphql.js')],
-    },
-    // YAML
-    {
-      files: '**/*.{yml,yaml}',
-      extends: resolve(__dirname, 'base/yaml.js'),
-    },
+export function config(_options?: Options, ...overrides: tseslint.ConfigWithExtends[]): tseslint.ConfigArray {
+  return tseslint.config(
+    // ベース
+    [
+      common,
+      // JavaScript
+      javaScript,
+      // TypeScript
+      typeScript,
+      // GraphQL
+      graphql,
+      // YAML
+      yaml,
+      // package.json
+      packageJson,
+    ],
 
-    /*
-     * フレームワーク固有ルール
-     */
-    // React
-    {
-      files: '**/*.{jsx,tsx}',
-      extends: resolve(__dirname, 'framework/react.js'),
-    },
-    // Relay
-    {
-      files: '**/*.{js,jsx,ts,tsx}',
-      extends: resolve(__dirname, 'framework/relay.js'),
-    },
-    // Vite
-    {
-      files: '**/src/**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-      extends: resolve(__dirname, 'framework/vite.js'),
-    },
-    // Next.js
-    {
-      files: [
-        // Pages Router
-        '**/pages/**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-        // App Router
-        '**/app/**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-      ],
-      extends: resolve(__dirname, 'framework/next.js.js'),
-    },
-    // Emotion
-    {
-      files: '**/*.{jsx,tsx}',
-      extends: resolve(__dirname, 'framework/emotion.js'),
-    },
-    // jest / vitest
-    {
-      files: [
-        '**/*.test.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-        '**/test/**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-      ],
-      extends: [
-        resolve(__dirname, 'framework/jest.js'),
-        resolve(__dirname, 'framework/vitest.js'),
-      ],
-    },
+    // フレームワーク
+    [
+      // React
+      react,
+      // Next.js
+      nextJs,
+      // Vite
+      vite,
+      // Relay
+      relay,
+      // Storybook
+      storybook,
+      // Jest
+      jest,
+      // Vitest
+      vitest,
+    ],
 
-    /*
-     * 個別のプリセットルール
-     */
-    // React向け a11y
-    {
-      files: '**/*.{jsx,tsx}',
-      extends: resolve(__dirname, 'presets/a11y.js'),
-    },
-    // Node.js
-    {
-      files: '**/bin/**/*.{js,mjs,cjs,ts,mts,cts}',
-      extends: resolve(__dirname, 'presets/node.js'),
-    },
-    // Cloudflare Worker
-    {
-      files: ['**/src/worker.{js,ts}', '**/functions/**/*.{js,ts}'],
-      extends: 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: [
-        resolve(__dirname, 'presets/allow-default-export.js'),
-        resolve(__dirname, 'presets/build-configuration.js'),
-        resolve(__dirname, 'presets/node.js'),
-      ],
-    },
-    // package.json
-    {
-      files: '**/package.json',
-      extends: resolve(__dirname, 'presets/package.json.js'),
-    },
-    // UserScript
-    {
-      files: '**/*.user.js',
-      extends: resolve(__dirname, 'presets/userscript.js'),
-    },
-    // コーディングスタイル
-    {
-      files: '**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-      extends: resolve(__dirname, 'presets/style.js'),
-    },
-  ],
-} satisfies Linter.Config
+    // 環境
+    [
+      // Node.js
+      node,
+      // Cloudflare Worker
+      cloudflareWorkers,
+      // UserScript
+      userScript,
+    ],
+
+    ...overrides,
+  )
+}

package/src/framework/emotion.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-module.exports = {
-    plugins: ['@emotion', 'css-reorder'],
-    rules: {
-        '@emotion/pkg-renaming': 'error',
-        '@emotion/styled-import': 'error',
-        '@emotion/syntax-preference': 'error',
-        'css-reorder/property-reorder': 'error',
-        'react/no-unknown-property': [
-            'error',
-            {
-                ignore: ['css'],
-            },
-        ],
-    },
-};

package/src/framework/emotion.ts

@@ -1,20 +0,0 @@
-import type { Linter } from 'eslint'
-
-/**
- * Emotion 関連の eslint プリセット
- */
-module.exports = {
-  plugins: ['@emotion', 'css-reorder'],
-  rules: {
-    '@emotion/pkg-renaming': 'error',
-    '@emotion/styled-import': 'error',
-    '@emotion/syntax-preference': 'error',
-    'css-reorder/property-reorder': 'error',
-    'react/no-unknown-property': [
-      'error',
-      {
-        ignore: ['css'],
-      },
-    ],
-  },
-} satisfies Linter.Config

package/src/framework/jest.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-module.exports = {
-    plugins: ['jest'],
-    extends: [
-        'plugin:jest/recommended',
-        'plugin:jest/style',
-        'plugin:jest-formatting/recommended',
-    ],
-    env: {
-        'jest/globals': true,
-    },
-    rules: {},
-};

package/src/framework/jest.ts

@@ -1,17 +0,0 @@
-import type { Linter } from 'eslint'
-
-/**
- * jest 関連の eslint プリセット
- */
-module.exports = {
-  plugins: ['jest'],
-  extends: [
-    'plugin:jest/recommended',
-    'plugin:jest/style',
-    'plugin:jest-formatting/recommended',
-  ],
-  env: {
-    'jest/globals': true,
-  },
-  rules: {},
-} satisfies Linter.Config

package/src/framework/next.js.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const eslint_config_next_1 = __importDefault(require("eslint-config-next"));
-module.exports = {
-    extends: ['plugin:@next/next/recommended'],
-    rules: {
-        ...eslint_config_next_1.default.rules,
-        'import/no-default-export': 'off',
-        'react-refresh/only-export-components': 'off',
-    },
-};

package/src/framework/next.js.ts

@@ -1,13 +0,0 @@
-import next from 'eslint-config-next'
-
-import type { Linter } from 'eslint'
-
-// https://github.com/vercel/next.js/blob/canary/packages/eslint-config-next/index.js
-module.exports = {
-  extends: ['plugin:@next/next/recommended'],
-  rules: {
-    ...next.rules,
-    'import/no-default-export': 'off',
-    'react-refresh/only-export-components': 'off',
-  },
-} satisfies Linter.Config

package/src/framework/react.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-module.exports = {
-    extends: ['plugin:react/recommended', 'plugin:react/jsx-runtime'],
-    plugins: ['react-hooks'],
-    parserOptions: {
-        ecmaFeatures: {
-            jsx: true,
-        },
-        jsxPragma: 'React',
-        lib: ['dom'],
-    },
-    env: {
-        browser: true,
-        node: true,
-    },
-    settings: {
-        react: {
-            version: 'detect',
-        },
-    },
-    rules: {
-        'react/jsx-boolean-value': 'error',
-        'react/jsx-curly-brace-presence': 'error',
-        'react/self-closing-comp': [
-            'error',
-            {
-                component: true,
-                html: true,
-            },
-        ],
-        'react/jsx-pascal-case': 'error',
-        'react-hooks/rules-of-hooks': 'error',
-        'react-hooks/exhaustive-deps': [
-            'warn',
-            {
-                additionalHooks: '(useRecoilCallback|useRecoilTransaction_UNSTABLE)',
-            },
-        ],
-        'react/jsx-handler-names': 'error',
-        'react/hook-use-state': 'error',
-        'react/jsx-fragments': 'error',
-        'react/prefer-stateless-function': 'error',
-        'react/jsx-sort-props': [
-            'error',
-            {
-                callbacksLast: true,
-                shorthandFirst: true,
-                multiline: 'last',
-                reservedFirst: true,
-            },
-        ],
-        'react/jsx-filename-extension': [
-            'error',
-            {
-                extensions: ['.jsx', '.tsx'],
-            },
-        ],
-        'react/jsx-props-no-spreading': 'off',
-        'react/jsx-no-useless-fragment': 'off',
-        'react/require-default-props': 'off',
-        'react/jsx-no-bind': 'warn',
-        'react/function-component-definition': [
-            'error',
-            {
-                namedComponents: 'function-declaration',
-                unnamedComponents: 'arrow-function',
-            },
-        ],
-    },
-    overrides: [
-        {
-            files: '**/*.jsx',
-            rules: {
-                'react/prop-types': 'error',
-            },
-        },
-    ],
-};

package/src/framework/react.ts

@@ -1,98 +0,0 @@
-import type { Linter } from 'eslint'
-
-/**
- * React 関連の eslint プリセット
- */
-module.exports = {
-  extends: ['plugin:react/recommended', 'plugin:react/jsx-runtime'],
-  plugins: ['react-hooks'],
-  parserOptions: {
-    ecmaFeatures: {
-      jsx: true,
-    },
-    jsxPragma: 'React',
-    lib: ['dom'],
-  },
-  env: {
-    browser: true,
-    node: true,
-  },
-  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',
-    // https://recoiljs.org/docs/introduction/installation/#eslint
-    'react-hooks/rules-of-hooks': 'error',
-    'react-hooks/exhaustive-deps': [
-      'warn',
-      {
-        additionalHooks: '(useRecoilCallback|useRecoilTransaction_UNSTABLE)',
-      },
-    ],
-    // ハンドラーの名前規則
-    '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',
-      },
-    ],
-  },
-  overrides: [
-    {
-      files: '**/*.jsx',
-      rules: {
-        'react/prop-types': 'error',
-      },
-    },
-  ],
-} satisfies Linter.Config

package/src/framework/relay.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-module.exports = {
-    extends: ['plugin:relay/recommended'],
-    plugins: ['relay'],
-    rules: {
-        'relay/unused-fields': 'error',
-    },
-};

package/src/framework/relay.ts

@@ -1,10 +0,0 @@
-import type { Linter } from 'eslint'
-
-module.exports = {
-  extends: ['plugin:relay/recommended'],
-  plugins: ['relay'],
-  rules: {
-    // 未使用の GraphQL フィールドを禁止
-    'relay/unused-fields': 'error',
-  },
-} satisfies Linter.Config

package/src/framework/vite.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-module.exports = {
-    plugins: ['react-refresh'],
-    rules: {
-        'react-refresh/only-export-components': 'warn',
-    },
-};

package/src/framework/vite.ts

@@ -1,8 +0,0 @@
-import type { Linter } from 'eslint'
-
-module.exports = {
-  plugins: ['react-refresh'],
-  rules: {
-    'react-refresh/only-export-components': 'warn',
-  },
-} satisfies Linter.Config

package/src/framework/vitest.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-module.exports = {
-    plugins: ['vitest'],
-    rules: {},
-};

package/src/framework/vitest.ts

@@ -1,9 +0,0 @@
-import type { Linter } from 'eslint'
-
-/**
- * vitest 関連の eslint プリセット
- */
-module.exports = {
-  plugins: ['vitest'],
-  rules: {},
-} satisfies Linter.Config

package/src/presets/a11y.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_a11y_1 = __importDefault(require("eslint-config-airbnb/rules/react-a11y"));
-module.exports = {
-    extends: ['plugin:jsx-a11y/recommended'],
-    plugins: ['jsx-a11y'],
-    parserOptions: {
-        ecmaFeatures: {
-            jsx: true,
-        },
-    },
-    rules: {
-        ...react_a11y_1.default.rules,
-        'jsx-a11y/alt-text': [
-            'warn',
-            {
-                elements: ['img', 'object', 'area', 'input[type="image"]'],
-                img: ['Image'],
-                object: [],
-                area: [],
-                'input[type="image"]': [],
-            },
-        ],
-    },
-};

package/src/presets/a11y.ts

@@ -1,27 +0,0 @@
-// @ts-expect-error Linter.Config
-import airbnb from 'eslint-config-airbnb/rules/react-a11y'
-
-import type { Linter } from 'eslint'
-
-module.exports = {
-  extends: ['plugin:jsx-a11y/recommended'],
-  plugins: ['jsx-a11y'],
-  parserOptions: {
-    ecmaFeatures: {
-      jsx: true,
-    },
-  },
-  rules: {
-    ...airbnb.rules,
-    'jsx-a11y/alt-text': [
-      'warn',
-      {
-        elements: ['img', 'object', 'area', 'input[type="image"]'],
-        img: ['Image'],
-        object: [],
-        area: [],
-        'input[type="image"]': [],
-      },
-    ],
-  },
-} satisfies Linter.Config

package/src/presets/allow-default-export.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-module.exports = {
-    rules: {
-        'import/no-default-export': 'off',
-        'import/no-anonymous-default-export': 'off',
-    },
-};

package/src/presets/allow-default-export.ts

@@ -1,9 +0,0 @@
-import type { Linter } from 'eslint'
-
-module.exports = {
-  rules: {
-    'import/no-default-export': 'off',
-    // anonymous な export default を許可
-    'import/no-anonymous-default-export': 'off',
-  },
-} satisfies Linter.Config

package/src/presets/build-configuration.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-module.exports = {
-    rules: {
-        'import/no-extraneous-dependencies': [
-            'error',
-            {
-                devDependencies: true,
-            },
-        ],
-    },
-};

package/src/presets/build-configuration.ts

@@ -1,13 +0,0 @@
-import type { Linter } from 'eslint'
-
-module.exports = {
-  rules: {
-    // import で devDependencies を許可
-    'import/no-extraneous-dependencies': [
-      'error',
-      {
-        devDependencies: true,
-      },
-    ],
-  },
-} satisfies Linter.Config

package/src/presets/node.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-module.exports = {
-    parserOptions: {
-        project: './tsconfig.node.json',
-    },
-};

package/src/presets/node.ts

@@ -1,8 +0,0 @@
-import type { Linter } from 'eslint'
-
-module.exports = {
-  parserOptions: {
-    // Node.js 用の tsconfig.json を参照
-    project: './tsconfig.node.json',
-  },
-} satisfies Linter.Config