@slashnephy/eslint-config 2.1.3 → 2.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slashnephy/eslint-config",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "keywords": [
     "eslint",
     "eslintconfig"
@@ -36,8 +36,10 @@
   },
   "dependencies": {
     "@emotion/eslint-plugin": "11.11.0",
+    "@graphql-eslint/eslint-plugin": "3.20.1",
     "@next/eslint-plugin-next": "14.0.4",
     "@rushstack/eslint-patch": "1.6.1",
+    "@stylistic/eslint-plugin": "1.5.3",
     "@susisu/eslint-plugin-safe-typescript": "0.5.2",
     "@typescript-eslint/eslint-plugin": "6.17.0",
     "@typescript-eslint/parser": "6.17.0",
@@ -48,7 +50,6 @@
     "eslint-gitignore": "0.1.0",
     "eslint-import-resolver-node": "0.3.9",
     "eslint-import-resolver-typescript": "3.6.1",
-    "eslint-plugin-css-import-order": "1.1.0",
     "eslint-plugin-css-reorder": "0.5.1",
     "eslint-plugin-deprecation": "2.0.0",
     "eslint-plugin-editorconfig": "4.0.3",
@@ -74,6 +75,7 @@
     "eslint-plugin-vitest": "0.3.20",
     "eslint-plugin-xss": "0.1.12",
     "eslint-plugin-yml": "1.11.0",
+    "graphql": "16.8.1",
     "typescript": "5.3.3",
     "yaml-eslint-parser": "1.2.2"
   },

package/src/base/graphql.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+module.exports = {
+    plugins: ['@graphql-eslint'],
+    extends: [
+        'plugin:@graphql-eslint/schema-all',
+        'plugin:@graphql-eslint/operations-all',
+        'plugin:@graphql-eslint/relay',
+    ],
+    parser: '@graphql-eslint/eslint-plugin',
+    parserOptions: {
+        schema: '**/schema.graphql',
+    },
+};

package/src/base/graphql.ts

@@ -0,0 +1,14 @@
+import type { Linter } from 'eslint'
+
+module.exports = {
+  plugins: ['@graphql-eslint'],
+  extends: [
+    'plugin:@graphql-eslint/schema-all',
+    'plugin:@graphql-eslint/operations-all',
+    'plugin:@graphql-eslint/relay',
+  ],
+  parser: '@graphql-eslint/eslint-plugin',
+  parserOptions: {
+    schema: '**/schema.graphql',
+  },
+} satisfies Linter.Config

package/src/base/javascript.ts

@@ -84,7 +84,7 @@ module.exports = {
       // https://qiita.com/printf_moriken/items/da03f55cb626617c1958
       {
         selector:
-          // eslint-disable-next-line quotes
+          // 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',
       },

package/src/framework/next.js.js

@@ -9,5 +9,6 @@ module.exports = {
     rules: {
         ...eslint_config_next_1.default.rules,
         'import/no-default-export': 'off',
+        'react-refresh/only-export-components': 'off',
     },
 };

package/src/framework/next.js.ts

@@ -8,5 +8,6 @@ module.exports = {
   rules: {
     ...next.rules,
     'import/no-default-export': 'off',
+    'react-refresh/only-export-components': 'off',
   },
 } satisfies Linter.Config

package/src/framework/react.js

@@ -1,12 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 module.exports = {
-    extends: [
-        'plugin:react/recommended',
-        'plugin:react/jsx-runtime',
-        'plugin:css-import-order/recommended',
-    ],
-    plugins: ['react-hooks', 'css-import-order'],
+    extends: ['plugin:react/recommended', 'plugin:react/jsx-runtime'],
+    plugins: ['react-hooks'],
     parserOptions: {
         ecmaFeatures: {
             jsx: true,

package/src/framework/react.ts

@@ -4,12 +4,8 @@ import type { Linter } from 'eslint'
  * React 関連の eslint プリセット
  */
 module.exports = {
-  extends: [
-    'plugin:react/recommended',
-    'plugin:react/jsx-runtime',
-    'plugin:css-import-order/recommended',
-  ],
-  plugins: ['react-hooks', 'css-import-order'],
+  extends: ['plugin:react/recommended', 'plugin:react/jsx-runtime'],
+  plugins: ['react-hooks'],
   parserOptions: {
     ecmaFeatures: {
       jsx: true,

package/src/index.js

@@ -16,11 +16,16 @@ module.exports = {
         {
             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: '**/*.json',
             extends: (0, path_1.resolve)(__dirname, 'base/json.js'),
@@ -40,7 +45,7 @@ module.exports = {
         {
             files: [
                 '**/pages/**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-                '**/src/app/**/*.{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'),
         },
@@ -76,7 +81,7 @@ module.exports = {
         },
         {
             files: [
-                '**/{webpack,rollup,vite,postcss}.config.{js,mjs,cjs,ts,mts,cts}',
+                '**/{webpack,rollup,vite,postcss,next}.config.{js,mjs,cjs,ts,mts,cts}',
                 '**/codegen.{js,mjs,cjs,ts,mts,cts}',
             ],
             extends: [
@@ -94,7 +99,7 @@ module.exports = {
             extends: (0, path_1.resolve)(__dirname, 'presets/userscript.js'),
         },
         {
-            files: '**/*',
+            files: '**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
             extends: (0, path_1.resolve)(__dirname, 'presets/style.js'),
         },
     ],

package/src/index.ts

@@ -23,12 +23,18 @@ module.exports = {
     {
       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')],
+    },
     // JSON
     {
       files: '**/*.json',
@@ -56,10 +62,10 @@ module.exports = {
     // Next.js
     {
       files: [
-        // <= 12
+        // Pages Router
         '**/pages/**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
-        // >= 13
-        '**/src/app/**/*.{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'),
     },
@@ -106,7 +112,7 @@ module.exports = {
     // ビルドツールの構成ファイル
     {
       files: [
-        '**/{webpack,rollup,vite,postcss}.config.{js,mjs,cjs,ts,mts,cts}',
+        '**/{webpack,rollup,vite,postcss,next}.config.{js,mjs,cjs,ts,mts,cts}',
         '**/codegen.{js,mjs,cjs,ts,mts,cts}',
       ],
       extends: [
@@ -127,7 +133,7 @@ module.exports = {
     },
     // コーディングスタイル
     {
-      files: '**/*',
+      files: '**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}',
       extends: resolve(__dirname, 'presets/style.js'),
     },
   ],

package/src/presets/style.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 module.exports = {
     extends: ['plugin:editorconfig/noconflict', 'prettier'],
-    plugins: ['editorconfig'],
+    plugins: ['@stylistic', 'editorconfig'],
     rules: {
-        quotes: ['error', 'single'],
-        semi: ['error', 'never'],
+        '@stylistic/quotes': ['error', 'single'],
+        '@stylistic/semi': ['error', 'never'],
         'unicode-bom': ['error', 'never'],
-        'eol-last': ['error', 'always'],
-        'no-trailing-spaces': ['error'],
+        '@stylistic/eol-last': ['error', 'always'],
+        '@stylistic/no-trailing-spaces': ['error'],
     },
     overrides: [
         {

package/src/presets/style.ts

@@ -6,7 +6,7 @@ import type { Linter } from 'eslint'
  */
 module.exports = {
   extends: ['plugin:editorconfig/noconflict', 'prettier'],
-  plugins: ['editorconfig'],
+  plugins: ['@stylistic', 'editorconfig'],
   rules: {
     // インデント
     // - 基本インデントを 2 にする
@@ -15,15 +15,15 @@ module.exports = {
     // 詳細なインデントは競合するので無効にして prettier に任せる
 
     // ダブルクォーテーションを禁止
-    quotes: ['error', 'single'],
+    '@stylistic/quotes': ['error', 'single'],
     // セミコロンを禁止
-    semi: ['error', 'never'],
+    '@stylistic/semi': ['error', 'never'],
     // UTF-8 BOM を禁止
     'unicode-bom': ['error', 'never'],
     // 最終行に改行を挿入
-    'eol-last': ['error', 'always'],
+    '@stylistic/eol-last': ['error', 'always'],
     // 行末のスペースを禁止
-    'no-trailing-spaces': ['error'],
+    '@stylistic/no-trailing-spaces': ['error'],
   },
   overrides: [
     // JSON ではダブルクォーテーションを使う