@slashnephy/eslint-config 3.0.105 → 3.0.110

package/src/frameworks/react.js

@@ -1,128 +0,0 @@
-// @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

@@ -1,13 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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,60 +0,0 @@
-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);
-}