eslint-config-typed 1.0.0

package/src/rules/eslint-jsx-a11y-rules.mts

@@ -0,0 +1,178 @@
+import { type EslintJsxA11yRules } from '../types/index.mjs';
+
+/** @link https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/src/index.js */
+export const eslintJsxA11yRules: EslintJsxA11yRules = {
+  'jsx-a11y/alt-text': 'error',
+  'jsx-a11y/anchor-ambiguous-text': 'error',
+  'jsx-a11y/anchor-has-content': 'error',
+  'jsx-a11y/anchor-is-valid': 'error',
+  'jsx-a11y/aria-activedescendant-has-tabindex': 'error',
+  'jsx-a11y/aria-props': 'error',
+  'jsx-a11y/aria-proptypes': 'error',
+  'jsx-a11y/aria-role': 'error',
+  'jsx-a11y/aria-unsupported-elements': 'error',
+  'jsx-a11y/autocomplete-valid': 'error',
+  'jsx-a11y/click-events-have-key-events': 'error',
+
+  'jsx-a11y/control-has-associated-label': 'off',
+
+  'jsx-a11y/heading-has-content': 'error',
+  'jsx-a11y/html-has-lang': 'error',
+  'jsx-a11y/iframe-has-title': 'error',
+  'jsx-a11y/img-redundant-alt': 'error',
+
+  'jsx-a11y/interactive-supports-focus': [
+    'error',
+    /* recommended */
+    // {
+    //   tabbable: [
+    //     'button',
+    //     'checkbox',
+    //     'link',
+    //     'searchbox',
+    //     'spinbutton',
+    //     'switch',
+    //     'textbox',
+    //   ],
+    // },
+    /* strict */
+    {
+      tabbable: [
+        'button',
+        'checkbox',
+        'link',
+        'progressbar',
+        'searchbox',
+        'slider',
+        'spinbutton',
+        'switch',
+        'textbox',
+      ],
+    },
+  ],
+
+  'jsx-a11y/label-has-associated-control': 'error',
+  'jsx-a11y/lang': 'error',
+  'jsx-a11y/media-has-caption': 'error',
+  'jsx-a11y/mouse-events-have-key-events': 'error',
+  'jsx-a11y/no-access-key': 'error',
+  'jsx-a11y/no-aria-hidden-on-focusable': 'error',
+  'jsx-a11y/no-autofocus': 'error',
+  'jsx-a11y/no-distracting-elements': 'error',
+
+  /* recommended */
+  // 'jsx-a11y/no-interactive-element-to-noninteractive-role': [
+  //   'error',
+  //   {
+  //     tr: ['none', 'presentation'],
+  //     canvas: ['img'],
+  //   },
+  // ],
+  /* strict */
+  'jsx-a11y/no-interactive-element-to-noninteractive-role': 'error',
+
+  /* recommended */
+  // 'jsx-a11y/no-noninteractive-element-interactions': [
+  //   'error',
+  //   {
+  //     handlers: [
+  //       'onClick',
+  //       'onError',
+  //       'onLoad',
+  //       'onMouseDown',
+  //       'onMouseUp',
+  //       'onKeyPress',
+  //       'onKeyDown',
+  //       'onKeyUp',
+  //     ],
+  //     alert: ['onKeyUp', 'onKeyDown', 'onKeyPress'],
+  //     body: ['onError', 'onLoad'],
+  //     dialog: ['onKeyUp', 'onKeyDown', 'onKeyPress'],
+  //     iframe: ['onError', 'onLoad'],
+  //     img: ['onError', 'onLoad'],
+  //   },
+  // ],
+  /* strict */
+  'jsx-a11y/no-noninteractive-element-interactions': [
+    'error',
+    {
+      body: ['onError', 'onLoad'],
+      iframe: ['onError', 'onLoad'],
+      img: ['onError', 'onLoad'],
+    },
+  ],
+
+  /* recommended */
+  // 'jsx-a11y/no-noninteractive-element-to-interactive-role': [
+  //   'error',
+  //   {
+  //     ul: [
+  //       'listbox',
+  //       'menu',
+  //       'menubar',
+  //       'radiogroup',
+  //       'tablist',
+  //       'tree',
+  //       'treegrid',
+  //     ],
+  //     ol: [
+  //       'listbox',
+  //       'menu',
+  //       'menubar',
+  //       'radiogroup',
+  //       'tablist',
+  //       'tree',
+  //       'treegrid',
+  //     ],
+  //     li: ['menuitem', 'option', 'row', 'tab', 'treeitem'],
+  //     table: ['grid'],
+  //     td: ['gridcell'],
+  //     fieldset: ['radiogroup', 'presentation'],
+  //   },
+  // ],
+  /* strict */
+  'jsx-a11y/no-noninteractive-element-to-interactive-role': 'error',
+
+  /* recommended */
+  // 'jsx-a11y/no-noninteractive-tabindex': [
+  //   'error',
+  //   {
+  //     tags: [],
+  //     roles: ['tabpanel'],
+  //     allowExpressionValues: true,
+  //   },
+  // ],
+  /* strict */
+  'jsx-a11y/no-noninteractive-tabindex': 'error',
+
+  'jsx-a11y/no-redundant-roles': 'error',
+
+  /* recommended */
+  // 'jsx-a11y/no-static-element-interactions': [
+  //   'error',
+  //   {
+  //     allowExpressionValues: true,
+  //     handlers: [
+  //       'onClick',
+  //       'onMouseDown',
+  //       'onMouseUp',
+  //       'onKeyPress',
+  //       'onKeyDown',
+  //       'onKeyUp',
+  //     ],
+  //   },
+  // ],
+  /* strict */
+  'jsx-a11y/no-static-element-interactions': 'error',
+
+  'jsx-a11y/prefer-tag-over-role': 'error',
+  'jsx-a11y/role-has-required-aria-props': 'error',
+  'jsx-a11y/role-supports-aria-props': 'error',
+  'jsx-a11y/scope': 'error',
+  'jsx-a11y/tabindex-no-positive': 'error',
+
+  // deprecated
+  'jsx-a11y/accessible-emoji': 0,
+  'jsx-a11y/label-has-for': 0,
+  'jsx-a11y/no-onchange': 0,
+} as const;

package/src/rules/eslint-playwright-rules.mts

@@ -0,0 +1,63 @@
+import { type EslintPlaywrightRules } from '../types/index.mjs';
+
+export const eslintPlaywrightRules: EslintPlaywrightRules = {
+  /* vitest と共通のルール（設定値をなるべく合わせる） */
+  'playwright/expect-expect': 'error',
+  'playwright/max-expects': 'off',
+  'playwright/max-nested-describe': 'error',
+  'playwright/no-commented-out-tests': 'off',
+  'playwright/no-conditional-expect': 'error',
+  'playwright/no-conditional-in-test': 'off',
+  'playwright/no-duplicate-hooks': 'error',
+  'playwright/no-hooks': 'error',
+  'playwright/no-restricted-matchers': [
+    'error',
+    {
+      toBeTruthy: 'Use `.toBe(true)` instead.',
+      toBeFalsy: 'Use `.toBe(false)` instead.',
+    },
+  ],
+  'playwright/no-standalone-expect': 'error',
+  'playwright/prefer-comparison-matcher': 'error',
+  'playwright/prefer-equality-matcher': 'error',
+  'playwright/prefer-hooks-in-order': 'error',
+  'playwright/prefer-hooks-on-top': 'error',
+  'playwright/prefer-strict-equal': 'error',
+  'playwright/prefer-to-be': 'error',
+  'playwright/prefer-to-contain': 'error',
+  'playwright/prefer-to-have-length': 'error',
+  'playwright/require-hook': 'off',
+  'playwright/require-to-throw-message': 'error',
+  'playwright/require-top-level-describe': 'off',
+  'playwright/valid-describe-callback': 'error',
+  'playwright/valid-expect': 'error',
+  'playwright/valid-title': 'off',
+
+  /* eslint-plugin-playwright 独自ルール */
+
+  'playwright/missing-playwright-await': 'error',
+  'playwright/no-element-handle': 'error',
+  'playwright/no-eval': 'error',
+  'playwright/no-focused-test': 'error',
+  'playwright/no-force-option': 'error',
+  'playwright/no-get-by-title': 'error',
+  'playwright/no-nested-step': 'error',
+  'playwright/no-networkidle': 'error',
+  'playwright/no-nth-methods': 'off',
+  'playwright/no-page-pause': 'error',
+  'playwright/no-raw-locators': 'error',
+  'playwright/no-skipped-test': 'error',
+  'playwright/no-slowed-test': 'error',
+  'playwright/no-unsafe-references': 'error',
+  'playwright/no-useless-await': 'error',
+  'playwright/no-useless-not': 'error',
+  'playwright/no-wait-for-selector': 'error',
+  'playwright/no-wait-for-timeout': 'error',
+  'playwright/prefer-locator': 'error',
+  'playwright/prefer-lowercase-title': 'error',
+  'playwright/prefer-native-locators': 'error',
+  'playwright/prefer-to-have-count': 'error',
+  'playwright/prefer-web-first-assertions': 'error',
+  'playwright/require-soft-assertions': 'error',
+  'playwright/valid-expect-in-promise': 'error',
+} as const;

package/src/rules/eslint-plugin-rules.mts

@@ -0,0 +1,35 @@
+import { type EslintPluginRules } from '../types/index.mjs';
+
+export const eslintPluginRules: EslintPluginRules = {
+  'eslint-plugin/consistent-output': 'error',
+  'eslint-plugin/fixer-return': 'error',
+  'eslint-plugin/meta-property-ordering': 'error',
+  'eslint-plugin/no-deprecated-context-methods': 'error',
+  'eslint-plugin/no-deprecated-report-api': 'error',
+  'eslint-plugin/no-identical-tests': 'error',
+  'eslint-plugin/no-missing-message-ids': 'error',
+  'eslint-plugin/no-missing-placeholders': 'error',
+  'eslint-plugin/no-only-tests': 'error',
+  'eslint-plugin/no-property-in-node': 'error',
+  'eslint-plugin/no-unused-message-ids': 'error',
+  'eslint-plugin/no-unused-placeholders': 'error',
+  'eslint-plugin/no-useless-token-range': 'error',
+  'eslint-plugin/prefer-message-ids': 'error',
+  'eslint-plugin/prefer-object-rule': 'error',
+  'eslint-plugin/prefer-output-null': 'error',
+  'eslint-plugin/prefer-placeholders': 'error',
+  'eslint-plugin/prefer-replace-text': 'error',
+  'eslint-plugin/report-message-format': 'error',
+  'eslint-plugin/require-meta-docs-description': 'error',
+  'eslint-plugin/require-meta-docs-recommended': 'error',
+  'eslint-plugin/require-meta-docs-url': 'error',
+  'eslint-plugin/require-meta-fixable': 'error',
+  'eslint-plugin/require-meta-has-suggestions': 'error',
+  'eslint-plugin/require-meta-schema-description': 'error',
+  'eslint-plugin/require-meta-schema': 'error',
+  'eslint-plugin/require-meta-type': 'error',
+  'eslint-plugin/test-case-property-ordering': 'error',
+  'eslint-plugin/test-case-shorthand-strings': 'error',
+  'eslint-plugin/no-meta-schema-default': 'error',
+  'eslint-plugin/require-meta-default-options': 'error',
+} as const;

package/src/rules/eslint-prefer-arrow-functions-rules.mts

@@ -0,0 +1,16 @@
+import { type EslintPreferArrowFunctionRules } from '../types/index.mjs';
+
+export const eslintPreferArrowFunctionRules: EslintPreferArrowFunctionRules = {
+  'prefer-arrow-functions/prefer-arrow-functions': [
+    'error',
+    {
+      allowedNames: [],
+      allowObjectProperties: false,
+      allowNamedFunctions: false,
+      classPropertiesAllowed: false,
+      disallowPrototype: true,
+      returnStyle: 'implicit',
+      singleReturnOnly: false,
+    },
+  ],
+} as const;

package/src/rules/eslint-promise-rules.mts

@@ -0,0 +1,26 @@
+import { type EslintPromiseRules } from '../types/index.mjs';
+
+export const eslintPromiseRules: EslintPromiseRules = {
+  'promise/catch-or-return': ['error', { allowFinally: true }],
+  'promise/no-return-wrap': 'error',
+  'promise/param-names': 'error',
+  'promise/always-return': 'off',
+  'promise/no-native': 'off',
+  'promise/no-nesting': 'error',
+  'promise/no-promise-in-callback': 'error',
+
+  // promise.then(...).catch(...) と書かれているときに、
+  // then の中で呼び出した callback でエラーを throw していた場合に catch でそれも拾ってしまうという問題を指摘しているが、
+  // then の中に callback を書かないべきであるとする根拠としては妥当でないと思われるため使用しない。
+  'promise/no-callback-in-promise': 'off',
+
+  'promise/avoid-new': 'off',
+  'promise/no-new-statics': 'error',
+  'promise/no-return-in-finally': 'error',
+  'promise/valid-params': 'error',
+  'promise/prefer-await-to-then': 'off',
+  'promise/prefer-await-to-callbacks': 'off',
+  'promise/no-multiple-resolved': 'error',
+  'promise/spec-only': 'error',
+  'promise/prefer-catch': 'error',
+} as const;

package/src/rules/eslint-react-hooks-rules.mts

@@ -0,0 +1,6 @@
+import { type EslintReactHooksRules } from '../types/index.mjs';
+
+export const eslintReactHooksRules: EslintReactHooksRules = {
+  'react-hooks/rules-of-hooks': 'error',
+  'react-hooks/exhaustive-deps': 'error',
+} as const;

package/src/rules/eslint-react-perf-rules.mts

@@ -0,0 +1,8 @@
+import { type EslintReactPerfRules } from '../types/index.mjs';
+
+export const eslintReactPerfRules: EslintReactPerfRules = {
+  'react-perf/jsx-no-jsx-as-prop': 'error',
+  'react-perf/jsx-no-new-array-as-prop': 'error',
+  'react-perf/jsx-no-new-function-as-prop': 'error',
+  'react-perf/jsx-no-new-object-as-prop': 'error',
+} as const;

package/src/rules/eslint-react-refresh-rules.mts

@@ -0,0 +1,5 @@
+import { type EslintReactRefreshRules } from '../types/index.mjs';
+
+export const eslintReactRefreshRules: EslintReactRefreshRules = {
+  'react-refresh/only-export-components': 'error',
+} as const;

package/src/rules/eslint-react-rules.mts

@@ -0,0 +1,159 @@
+import { type EslintReactRules } from '../types/index.mjs';
+
+export const eslintReactRules: EslintReactRules = {
+  /**
+   * Disable in favor of prettier
+   *
+   * @link https://github.com/prettier/eslint-config-prettier/blob/main/index.js
+   */
+  'react/jsx-child-element-spacing': 'off',
+  'react/jsx-closing-bracket-location': 'off',
+  'react/jsx-closing-tag-location': 'off',
+  'react/jsx-curly-newline': 'off',
+  'react/jsx-curly-spacing': 'off',
+  'react/jsx-equals-spacing': 'off',
+  'react/jsx-first-prop-new-line': 'off',
+  'react/jsx-indent': 'off',
+  'react/jsx-indent-props': 'off',
+  'react/jsx-max-props-per-line': 'off',
+  'react/jsx-newline': 'off',
+  'react/jsx-one-expression-per-line': 'off',
+  'react/jsx-props-no-multi-spaces': 'off',
+  'react/jsx-tag-spacing': 'off',
+  'react/jsx-wrap-multilines': 'off',
+
+  'react/boolean-prop-naming': 'error',
+  'react/button-has-type': 'error',
+  'react/default-props-match-prop-types': 'error',
+
+  /** Props を展開して使うかどうかを統一する。 */
+  'react/destructuring-assignment': 'error',
+
+  'react/display-name': 'error',
+  'react/forbid-component-props': ['error', { forbid: ['className'] }],
+  'react/forbid-dom-props': 'error',
+  'react/forbid-elements': 'error',
+  'react/forbid-foreign-prop-types': 'error',
+  'react/forbid-prop-types': 'error',
+  'react/function-component-definition': [
+    'error',
+    { unnamedComponents: 'arrow-function', namedComponents: 'arrow-function' },
+  ],
+  'react/hook-use-state': 'off',
+  'react/iframe-missing-sandbox': 'error',
+  'react/jsx-boolean-value': ['error', 'never'],
+  'react/jsx-curly-brace-presence': ['error', 'always'],
+
+  /** ファイル名の統一 */
+  'react/jsx-filename-extension': ['error', { extensions: ['.tsx'] }],
+
+  'react/jsx-fragments': 'error',
+  'react/jsx-handler-names': 'off', // disabled
+  'react/jsx-key': 'error',
+  'react/jsx-max-depth': 'off', // disabled
+
+  /** JSXに直接コールバック関数を書くのを禁止する。 修正方法： React.useCallback を使うようにする。 */
+  'react/jsx-no-bind': 'error',
+
+  'react/jsx-no-comment-textnodes': 'error',
+  'react/jsx-no-constructed-context-values': 'error',
+  'react/jsx-no-duplicate-props': 'error',
+
+  /**
+   * JSXに文字列を直接書くのを避け `<div>{"aaa"}</div>` のように書くことを強制する。 変数に `{}`
+   * を付け忘れるミスに気づきやすくなったり syntax highlighting で読みやすくなるなどのメリットがある。
+   */
+  'react/jsx-no-literals': 'error',
+
+  'react/jsx-no-script-url': 'error',
+  'react/jsx-no-target-blank': 'error',
+  'react/jsx-no-undef': 'error',
+  'react/jsx-no-useless-fragment': ['error', { allowExpressions: true }],
+  'react/jsx-pascal-case': 'error',
+
+  /** `{...props}` 形式でpropsを渡すと props の過不足のチェックが甘くなるため */
+  'react/jsx-props-no-spreading': 'error',
+
+  'react/jsx-sort-props': [
+    'error',
+    { callbacksLast: true, reservedFirst: true },
+  ],
+
+  'react/jsx-uses-react': 'off', // disabled
+
+  /** ファイル名の統一 */
+  'react/jsx-uses-vars': 'error',
+
+  'react/no-access-state-in-setstate': 'error',
+  'react/no-adjacent-inline-elements': 'error',
+  'react/no-array-index-key': 'error',
+  'react/no-arrow-function-lifecycle': 'error',
+  'react/no-children-prop': 'error',
+  'react/no-danger-with-children': 'error',
+  'react/no-danger': 'error',
+  'react/no-deprecated': 'error',
+  'react/no-did-mount-set-state': 'error',
+  'react/no-did-update-set-state': 'error',
+  'react/no-direct-mutation-state': 'error',
+  'react/no-find-dom-node': 'error',
+  'react/no-invalid-html-attribute': 'error',
+  'react/no-is-mounted': 'error',
+  'react/no-multi-comp': [
+    'error',
+    {
+      ignoreStateless: true,
+    },
+  ],
+  'react/no-namespace': 'error',
+  'react/no-redundant-should-component-update': 'error',
+  'react/no-render-return-value': 'error',
+  'react/no-set-state': 'error',
+  'react/no-string-refs': 'error',
+  'react/no-this-in-sfc': 'error',
+  'react/no-typos': 'error',
+  'react/no-unescaped-entities': 'error',
+
+  // @emotion/react の css prop を使用するため
+  'react/no-unknown-property': ['error', { ignore: ['css'] }],
+
+  'react/no-unsafe': 'error',
+  'react/no-object-type-as-default-prop': 'error',
+  'react/no-unstable-nested-components': 'error',
+  'react/no-unused-class-component-methods': 'error',
+  'react/no-unused-prop-types': 'error',
+  'react/no-unused-state': 'error',
+  'react/no-will-update-set-state': 'error',
+  'react/prefer-es6-class': 'error',
+  'react/prefer-exact-props': 'error',
+  'react/prefer-read-only-props': 'error',
+  'react/prefer-stateless-function': 'error',
+
+  /** TypeScript では不要 */
+  'react/prop-types': 'off',
+
+  'react/react-in-jsx-scope': 'off', // disabled
+  'react/require-default-props': 'error',
+  'react/require-optimization': 'error',
+  'react/require-render-return': 'error',
+  'react/self-closing-comp': 'error',
+  'react/sort-comp': 'error',
+  'react/sort-default-props': 'error',
+  'react/sort-prop-types': 'error',
+  'react/state-in-constructor': 'error',
+  'react/static-property-placement': 'error',
+  'react/style-prop-object': 'error',
+  'react/void-dom-elements-no-children': 'error',
+  'react/jsx-no-leaked-render': [
+    'error',
+    {
+      validStrategies: ['ternary'],
+    },
+  ],
+  'react/checked-requires-onchange-or-readonly': 'error',
+  'react/jsx-props-no-spread-multi': 'error',
+  'react/forward-ref-uses-ref': 'error',
+
+  // deprecated
+  'react/jsx-sort-default-props': 0,
+  'react/jsx-space-before-closing': 0,
+} as const;