@slashnephy/eslint-config 2.3.204 → 3.0.1

package/README.md

@@ -9,12 +9,26 @@
 $ yarn add @slashnephy/eslint-config
 ```
 
-## Usage
+## Usage (for Flat Configs)
 
-`.eslintrc.json`
+`eslint.config.js` or `eslint.config.mjs`
+
+```javascript
+import { defineConfig } from 'eslint/config'
+import config from '@slashnephy/eslint-config'
+
+export default defineConfig([
+  ...config,
+  {
+    languageOptions: {
+      parserOptions: {
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+  },
+  {
+    // your custom config
+  },
+])
 
-```json
-{
-  "extends": ["@slashnephy/eslint-config"]
-}
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slashnephy/eslint-config",
-  "version": "2.3.204",
+  "version": "3.0.1",
   "keywords": [
     "eslint",
     "eslintconfig"
@@ -11,7 +11,7 @@
   },
   "license": "MIT",
   "author": "SlashNephy <spica@starry.blue> (https://spica.starry.blue/)",
-  "type": "commonjs",
+  "type": "module",
   "main": "./src/index.js",
   "files": [
     "./package.json",
@@ -21,48 +21,29 @@
   ],
   "scripts": {
     "build": "tsc",
-    "bump-version": "ts-node bin/bump-version.ts",
+    "bump-version": "tsx bin/bump-version.ts",
     "clean": "rm -rf src/**/*.js",
-    "format": "concurrently -m 1 -n format: 'yarn:format:*'",
-    "format:eslint": "yarn build && yarn lint:eslint --fix",
-    "format:prettier": "yarn lint:prettier --write",
-    "lint": "concurrently -n lint: 'yarn:lint:*'",
-    "lint:eslint": "yarn build && eslint .",
-    "lint:prettier": "prettier --check .",
+    "format": "eslint --fix",
+    "lint": "eslint",
     "publish": "yarn build && yarn npm publish"
   },
-  "eslintConfig": {
-    "extends": "./src"
-  },
   "dependencies": {
-    "@emotion/eslint-plugin": "11.12.0",
-    "@graphql-eslint/eslint-plugin": "3.20.1",
-    "@next/eslint-plugin-next": "14.2.25",
-    "@rushstack/eslint-patch": "1.11.0",
+    "@eslint-community/eslint-plugin-eslint-comments": "4.4.1",
+    "@eslint/js": "9.23.0",
+    "@graphql-eslint/eslint-plugin": "4.3.0",
+    "@next/eslint-plugin-next": "15.2.3",
     "@stylistic/eslint-plugin": "4.2.0",
-    "@susisu/eslint-plugin-safe-typescript": "0.9.0",
-    "@typescript-eslint/eslint-plugin": "8.27.0",
-    "@typescript-eslint/parser": "8.27.0",
+    "@susisu/eslint-plugin-safe-typescript": "0.9.3",
+    "@typescript-eslint/utils": "8.27.0",
     "@vitest/eslint-plugin": "1.1.38",
-    "eslint-config-airbnb": "19.0.4",
-    "eslint-config-next": "14.2.25",
-    "eslint-config-prettier": "10.1.1",
-    "eslint-config-standard": "17.1.0",
-    "eslint-gitignore": "0.1.0",
+    "eslint-config-flat-gitignore": "2.1.0",
     "eslint-import-resolver-node": "0.3.9",
     "eslint-import-resolver-typescript": "4.2.2",
-    "eslint-plugin-css-reorder": "0.5.1",
-    "eslint-plugin-deprecation": "3.0.0",
-    "eslint-plugin-editorconfig": "4.0.3",
-    "eslint-plugin-eslint-comments": "3.2.0",
-    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-import-x": "4.9.1",
     "eslint-plugin-jest": "28.11.0",
-    "eslint-plugin-jest-formatting": "3.1.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-n": "17.16.2",
-    "eslint-plugin-no-void-return-type": "1.0.2",
-    "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-package-json": "0.2.0",
+    "eslint-plugin-package-json": "0.29.0",
     "eslint-plugin-promise": "7.2.1",
     "eslint-plugin-react": "7.37.4",
     "eslint-plugin-react-hooks": "5.2.0",
@@ -74,21 +55,24 @@
     "eslint-plugin-userscripts": "0.5.6",
     "eslint-plugin-xss": "0.1.12",
     "eslint-plugin-yml": "1.17.0",
+    "globals": "16.0.0",
     "graphql": "16.10.0",
+    "jsonc-eslint-parser": "2.4.0",
     "typescript": "5.8.2",
+    "typescript-eslint": "8.27.0",
     "yaml-eslint-parser": "1.3.0"
   },
   "devDependencies": {
-    "@slashnephy/prettier-config": "1.0.73",
-    "@types/eslint": "8.56.12",
-    "@types/node": "22.13.10",
+    "@eslint/config-inspector": "1.0.2",
+    "@types/eslint": "9.6.1",
+    "@types/node": "22.13.11",
     "concurrently": "9.1.2",
-    "eslint": "8.57.1",
-    "prettier": "3.5.3",
-    "ts-node": "10.9.2"
+    "eslint": "9.23.0",
+    "jiti": "2.4.2",
+    "tsx": "4.19.3"
   },
   "peerDependencies": {
-    "eslint": "^8"
+    "eslint": "^9"
   },
   "packageManager": "yarn@4.7.0",
   "publishConfig": {

package/src/base/common.js

@@ -0,0 +1,37 @@
+import stylisticPlugin from '@stylistic/eslint-plugin';
+import { globalIgnores } from 'eslint/config';
+import gitignore from 'eslint-config-flat-gitignore';
+import { config } from 'typescript-eslint';
+export const common = config(globalIgnores([
+    '**/.git/**',
+    '**/node_modules/**',
+    '**/.yarn/**',
+    '**/dist/**',
+    '**/.idea/**',
+]), gitignore({ name: 'eslint-config-flat-gitignore', strict: false }), {
+    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: 'consistent-as-needed',
+            commaDangle: 'always-multiline',
+        }),
+    ],
+    rules: {
+        // UTF-8 BOM を禁止
+        'unicode-bom': ['error', 'never'],
+        // 最終行に改行を挿入
+        '@stylistic/eol-last': ['error', 'always'],
+        // 行末のスペースを禁止
+        '@stylistic/no-trailing-spaces': ['error'],
+        // 型名の前後のスペースを揃える
+        // e.g. const foo: string = 'bar'
+        '@stylistic/type-annotation-spacing': 'error',
+    },
+});

package/src/base/common.ts

@@ -0,0 +1,42 @@
+import stylisticPlugin from '@stylistic/eslint-plugin'
+import { globalIgnores } from 'eslint/config'
+import gitignore from 'eslint-config-flat-gitignore'
+import { config } from 'typescript-eslint'
+
+export const common = config(
+  globalIgnores([
+    '**/.git/**',
+    '**/node_modules/**',
+    '**/.yarn/**',
+    '**/dist/**',
+    '**/.idea/**',
+  ]),
+  gitignore({ name: 'eslint-config-flat-gitignore', strict: false }),
+  {
+    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: 'consistent-as-needed',
+        commaDangle: 'always-multiline',
+      }),
+    ],
+    rules: {
+      // UTF-8 BOM を禁止
+      'unicode-bom': ['error', 'never'],
+      // 最終行に改行を挿入
+      '@stylistic/eol-last': ['error', 'always'],
+      // 行末のスペースを禁止
+      '@stylistic/no-trailing-spaces': ['error'],
+      // 型名の前後のスペースを揃える
+      // e.g. const foo: string = 'bar'
+      '@stylistic/type-annotation-spacing': 'error',
+    },
+  },
+)

package/src/base/graphql.js

@@ -1,9 +1,42 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-module.exports = {
-    plugins: ['@graphql-eslint'],
-    parser: '@graphql-eslint/eslint-plugin',
-    parserOptions: {
-        schema: '**/schema.graphql',
+import graphqlPlugin from '@graphql-eslint/eslint-plugin';
+import { config } from 'typescript-eslint';
+export const graphql = config(
+// GraphQL を解釈できるようにする
+{
+    name: '@graphql-eslint/eslint-plugin (parser)',
+    files: ['**/*.{graphql,graphqls,gql}'],
+    languageOptions: {
+        parser: graphqlPlugin.parser,
     },
-};
+    plugins: {
+        '@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/graphql.ts

@@ -1,15 +1,48 @@
-import type { Linter } from 'eslint'
-
-module.exports = {
-  plugins: ['@graphql-eslint'],
-  // XXX: 上手く動いていないので一時的に無効化
-  // extends: [
-  //   'plugin:@graphql-eslint/schema-recommended',
-  //   'plugin:@graphql-eslint/operations-all',
-  //   'plugin:@graphql-eslint/relay',
-  // ],
-  parser: '@graphql-eslint/eslint-plugin',
-  parserOptions: {
-    schema: '**/schema.graphql',
-  },
-} satisfies Linter.Config
+import graphqlPlugin from '@graphql-eslint/eslint-plugin'
+import { config } from 'typescript-eslint'
+
+export const graphql = config(
+  // GraphQL を解釈できるようにする
+  {
+    name: '@graphql-eslint/eslint-plugin (parser)',
+    files: ['**/*.{graphql,graphqls,gql}'],
+    languageOptions: {
+      parser: graphqlPlugin.parser,
+    },
+    plugins: {
+      '@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

@@ -1,123 +1,197 @@
-"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_standard_1 = __importDefault(require("eslint-config-standard"));
-module.exports = {
-    extends: [
-        'plugin:eslint-comments/recommended',
-        'plugin:node/recommended',
-        'plugin:import/recommended',
-        'plugin:xss/recommended',
-    ],
-    plugins: ['import', 'promise', 'n', 'unused-imports'],
-    env: {
-        node: true,
-        es2022: true,
+import eslint from '@eslint/js';
+// @ts-expect-error 型定義ファイルがない
+import eslintCommentsConfig from '@eslint-community/eslint-plugin-eslint-comments/configs';
+import importXPlugin from 'eslint-plugin-import-x';
+// @ts-expect-error 型定義ファイルがない
+import promisePlugin from 'eslint-plugin-promise';
+import unusedImportsPlugin from 'eslint-plugin-unused-imports';
+import tseslint, { config } from 'typescript-eslint';
+export const javaScript = config({
+    files: ['**/*.cjs'],
+    languageOptions: {
+        sourceType: 'commonjs',
     },
-    parserOptions: {
-        ecmaVersion: 'latest',
+}, {
+    files: ['**/*.{js,mjs,jsx}'],
+    languageOptions: {
+        sourceType: 'module',
     },
-    globals: {
-        document: 'readonly',
-        navigator: 'readonly',
-        window: 'readonly',
+}, {
+    name: '@eslint/js',
+    files: ['**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}'],
+    extends: [eslint.configs.recommended],
+    languageOptions: {
+        ecmaVersion: 'latest',
+        parser: tseslint.parser,
     },
     rules: {
-        ...eslint_config_standard_1.default.rules,
-        'eslint-comments/no-unused-disable': 'error',
-        'import/no-default-export': 'error',
+        // アロー関数を優先
         'prefer-arrow-callback': 'error',
+        // 関数宣言は function xxx() {} にする
         'func-style': ['error', 'declaration', { allowArrowFunctions: true }],
-        curly: 'error',
+        // 中括弧の省略を禁止
+        'curly': 'error',
+        // テンプレート文字列を優先
         'prefer-template': 'error',
-        eqeqeq: 'error',
-        strict: ['error', 'global'],
-        'import/order': [
-            'warn',
-            {
-                groups: [
-                    'builtin',
-                    'external',
-                    ['parent', 'sibling', 'index'],
-                    'object',
-                    'type',
-                    'unknown',
-                ],
-                'newlines-between': 'always',
-                alphabetize: {
-                    order: 'asc',
-                    caseInsensitive: true,
-                },
-                pathGroups: [
-                    {
-                        pattern: '**.css',
-                        group: 'type',
-                        position: 'after',
-                    },
-                ],
-                warnOnUnassignedImports: true,
-            },
-        ],
-        'unused-imports/no-unused-imports': 'error',
+        // == 比較 👉 === 比較
+        'eqeqeq': 'error',
+        // *.js で 'use strict'; を強制
+        'strict': ['error', 'global'],
+        // 特定の構文を禁止
         'no-restricted-syntax': [
             'error',
+            // 数値リテラル以外での Array#at() の使用を禁止
+            // https://qiita.com/printf_moriken/items/da03f55cb626617c1958
             {
-                selector: "CallExpression[callee.property.name='at']:not([arguments.0.type='Literal'],[arguments.0.type='UnaryExpression'][arguments.0.argument.type='Literal'])",
+                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',
             },
         ],
-        'node/prefer-promises/dns': 'error',
-        'node/prefer-promises/fs': 'error',
-        'node/no-unsupported-features/es-syntax': 'off',
-        'node/no-missing-import': 'off',
-        'node/no-extraneous-import': 'off',
-        'node/no-unpublished-import': 'off',
-        'import/no-import-module-exports': 'off',
-        'import/no-extraneous-dependencies': 'off',
+        // 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',
+        // func () 👉 func()
         'func-call-spacing': ['error', 'never'],
+        // ペアになっていない setter を禁止
         'accessor-pairs': 'error',
-        camelcase: 'off',
+        // キャメルケースに強制しない
+        'camelcase': 'off',
+        // switch 文で default を強制しない
         'default-case': 'off',
-        'import/prefer-default-export': 'off',
-        'import/no-cycle': 'error',
+        // 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',
+        // 空行を挟む
         'padding-line-between-statements': [
             'warn',
+            // return 前に空行
             { blankLine: 'always', prev: '*', next: 'return' },
+            // ディレクティブ後に空行
             { blankLine: 'always', prev: 'directive', next: '*' },
             { blankLine: 'any', prev: 'directive', next: 'directive' },
         ],
+        // void Promise を許可
         'no-void': 'off',
-        yoda: [
+        // 1 <= x < 10 を許可
+        'yoda': [
             'error',
             'never',
             {
                 exceptRange: true,
             },
         ],
+    },
+}, {
+    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: [importXPlugin.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: '^_',
@@ -126,4 +200,15 @@ module.exports = {
             },
         ],
     },
-};
+}, {
+    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: [],
+});