eslint-config-matsuri 0.0.0

package/.eslintrc.js

@@ -0,0 +1 @@
+module.exports = require("./index");

package/.github/workflows/test.yml

@@ -0,0 +1,37 @@
+name: Test
+
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+    branches: ["main"]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [16]
+
+    steps:
+      - uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v2.2.2
+        with:
+          version: 7
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Cache node_modules
+        id: node_modules_cache_id
+        uses: actions/cache@v2
+        with:
+          key: node-${{ matrix.node }}-deps-${{ hashFiles(format('{0}{1}', github.workspace, '/yarn.lock')) }}
+          path: |
+            node_modules
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+        env:
+          CI: true
+      - run: pnpm run test

package/README.md

@@ -0,0 +1 @@
+# eslint-config-matsuri

package/index.js

@@ -0,0 +1,64 @@
+/** @type {import('eslint').Linter.BaseConfig} */
+const config = {
+  reportUnusedDisableDirectives: true,
+  env: {
+    commonjs: true,
+    es2021: true,
+    node: true,
+  },
+  parserOptions: {
+    ecmaVersion: 12,
+  },
+  extends: ["eslint:recommended"],
+  rules: {
+    "no-console": ["error", { allow: ["error"] }],
+  },
+  overrides: [
+    {
+      files: ["**/*.ts", "**/*.tsx"],
+      env: {
+        browser: true,
+        es2021: true,
+      },
+      plugins: ["css-reorder", "import", "jsx-a11y"],
+      extends: [
+        "plugin:react/recommended",
+        "plugin:react-hooks/recommended",
+        "plugin:import/recommended",
+        "plugin:import/typescript",
+        "plugin:react/jsx-runtime",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:jsx-a11y/recommended",
+        "prettier",
+      ],
+      settings: {
+        react: {
+          version: "detect",
+        },
+      },
+      rules: {
+        "import/no-deprecated": "error",
+
+        "css-reorder/property-reorder": "error",
+
+        "@typescript-eslint/explicit-module-boundary-types": "off",
+        "@typescript-eslint/no-unused-vars": [
+          "error",
+          { vars: "all", argsIgnorePattern: "^_" },
+        ],
+
+        "react/self-closing-comp": [
+          "error",
+          {
+            component: true,
+            html: true,
+          },
+        ],
+
+        "jsx-a11y/click-events-have-key-events": "off",
+      },
+    },
+  ],
+};
+
+module.exports = config;

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "eslint-config-matsuri",
+  "version": "0.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "eslint . --max-warnings 0"
+  },
+  "keywords": [],
+  "author": "hrdtbs",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "peerDependencies": {
+    "eslint": ">= 8"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.14",
+    "eslint": "8.18.0",
+    "react": "^18.2.0",
+    "typescript": "^4.7.4"
+  },
+  "dependencies": {
+    "@typescript-eslint/eslint-plugin": "5.30.0",
+    "@typescript-eslint/parser": "5.30.0",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-import-resolver-typescript": "^3.2.4",
+    "eslint-plugin-css-reorder": "0.5.1",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.6.0",
+    "eslint-plugin-react": "7.30.1",
+    "eslint-plugin-react-hooks": "4.6.0"
+  }
+}

package/tests/console.ts

@@ -0,0 +1,4 @@
+// eslint-disable-next-line no-console
+console.log("log");
+
+console.error("error");

package/tests/jsx-a11y-alt-text.tsx

@@ -0,0 +1,4 @@
+// eslint-disable-next-line jsx-a11y/alt-text
+export const Incorrect = () => <img src="hoge.png" />;
+
+export const Correct = () => <img src="hoge.png" alt="hoge" />;

package/tests/jsx-a11y-interactive-supports-focus.tsx

@@ -0,0 +1,19 @@
+export const Incorrect = () => (
+  // eslint-disable-next-line jsx-a11y/interactive-supports-focus
+  <div
+    onClick={(event) => {
+      window.alert(event.currentTarget);
+    }}
+    role="button"
+  />
+);
+
+export const Correct = () => (
+  <div
+    onClick={(event) => {
+      window.alert(event.currentTarget);
+    }}
+    role="button"
+    tabIndex={0}
+  />
+);

package/tests/mocks/deprecated-function.ts

@@ -0,0 +1,6 @@
+/**
+ * @deprecated This is a deprecated function.
+ */
+export const deprecated = () => {
+  return "deprecated";
+};

package/tests/no-deprecated.ts

@@ -0,0 +1,5 @@
+// eslint-disable-next-line import/no-deprecated
+import { deprecated } from "./mocks/deprecated-function";
+
+// eslint-disable-next-line import/no-deprecated
+deprecated();

package/tests/no-unused-vars.ts

@@ -0,0 +1,31 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React, { useState } from "react";
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export const MyComponent = ({ hoge }) => {
+  return "Hello, World";
+};
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export const MyComponent2 = ({ hoge, ...props }) => {
+  return props;
+};
+
+export const MyComponent3 = ({ hoge: _hoge, ...props }) => {
+  return props;
+};
+
+try {
+  1 + 1;
+} catch (error) {
+  1 + 1;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+(function (foo, bar, baz, qux) {
+  return bar;
+})();
+
+(function (foo, bar, baz, qux) {
+  return qux;
+})();

package/tests/react-self-closing-comp.tsx

@@ -0,0 +1,19 @@
+export const ImaginaryChild = () => <div />;
+
+export const IncorrectParentWithImaginaryChild = () => {
+  // eslint-disable-next-line react/self-closing-comp
+  return <ImaginaryChild></ImaginaryChild>;
+};
+
+export const NonImaginaryChild = ({ children }: { children?: string }) => (
+  <div>{children}</div>
+);
+
+export const CorrectParent = () => {
+  return <NonImaginaryChild>Hello</NonImaginaryChild>;
+};
+
+export const IncorrectParentWithNonImaginaryChild = () => {
+  // eslint-disable-next-line react/self-closing-comp
+  return <NonImaginaryChild></NonImaginaryChild>;
+};