chore(web): migrate eslint to v9

web/.gitignore

@@ -15,6 +15,7 @@ dist-ssr
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
+!.vscode/settings.json
 .idea
 .DS_Store
 *.suo

web/.prettierrc

@@ -0,0 +1,12 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "bracketSameLine": true,
+  "arrowParens": "avoid",
+  "proseWrap": "preserve"
+}

web/.vscode/extensions.json

@@ -0,0 +1,6 @@
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode"
+  ]
+}

web/.vscode/settings.json

@@ -0,0 +1,21 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "editor.formatOnSave": true,
+  "eslint.enable": true,
+  "eslint.useFlatConfig": true,
+  "prettier.enable": true,
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}

web/eslint.config.js

@@ -0,0 +1,65 @@
+import config from "eslint-config-reearth";
+import playwright from "eslint-plugin-playwright";
+import storybook from "eslint-plugin-storybook";
+import globals from "globals";
+
+/** @type { import("eslint").Linter.FlatConfig[] } */
+
+export default [
+  ...config,
+  {
+    rules: {
+      "import/order": [
+        "warn",
+        {
+          pathGroups: [
+            {
+              pattern: "@reearth-cms/**",
+              group: "external",
+              position: "after",
+            },
+          ],
+          pathGroupsExcludedImportTypes: ["builtin"],
+          "newlines-between": "always",
+          alphabetize: {
+            order: "asc",
+            caseInsensitive: true,
+          },
+        },
+      ],
+      "node/no-extraneous-import": "warn",
+      "@typescript-eslint/no-unused-vars": "warn",
+      "@typescript-eslint/no-invalid-void-type": "warn",
+      "@typescript-eslint/no-explicit-any": "warn",
+      "@typescript-eslint/consistent-type-definitions": "warn",
+      "@typescript-eslint/array-type": "warn",
+      "@typescript-eslint/consistent-indexed-object-style": "warn",
+    },
+  },
+  {
+    files: ["*.stories.@(ts|tsx|js|jsx|mjs|cjs)"],
+    plugins: {
+      storybook: storybook,
+    },
+  },
+  {
+    ...playwright.configs["flat/recommended"],
+    files: ["e2e/**/*"],
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+      },
+    },
+  },
+  {
+    ignores: [
+      "dist/*",
+      "coverage/*",
+      "node_modules/*",
+      "storybook-static/*",
+      "!.storybook/",
+      ".storybook/public/*",
+      "src/gql/graphql-client-api.tsx",
+    ],
+  },
+];

web/i18next-parser.config.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   locales: ["en", "ja"],
   output: "src/i18n/translations/$LOCALE.yml",
   input: ["src/**/*.{ts,tsx}"],

web/package.json

@@ -2,6 +2,7 @@
   "name": "reearth-cms",
   "version": "0.0.0",
   "license": "Apache-2.0",
+  "type": "module",
   "private": true,
   "main": "./dist/reearth-cms.es.js",
   "browser": "./dist/reearth-cms.umd.js",
@@ -19,7 +20,8 @@
     "coverage": "vitest run --coverage",
     "e2e": "playwright test",
     "lint": "eslint .",
-    "format": "eslint . --fix",
+    "fix": "eslint --fix .",
+    "format": "prettier --write .",
     "type": "tsc",
     "gql": "graphql-codegen --config codegen.yml",
     "i18n": "i18next",
@@ -60,16 +62,18 @@
     "@types/react-router-dom": "5.3.3",
     "@vitejs/plugin-react": "4.3.0",
     "@vitest/coverage-v8": "1.6.0",
-    "eslint": "8.57.0",
-    "eslint-config-reearth": "0.3.0",
+    "eslint": "9.3.0",
+    "eslint-config-reearth": "0.3.4",
+    "eslint-plugin-playwright": "1.6.2",
     "eslint-plugin-storybook": "0.8.0",
+    "globals": "15.3.0",
     "i18next-parser": "8.13.0",
     "jest": "29.7.0",
     "jsdom": "24.0.0",
     "less": "4.2.0",
     "msw": "2.2.14",
     "npm-run-all": "4.1.5",
-    "prettier": "3.2.5",
+    "prettier": "3.3.0",
     "prop-types": "15.8.1",
     "read-env": "2.0.0",
     "storybook": "8.0.8",