feat(eslint): migrate to eslint 9 (#2039)

Author: johnrazeur

.changeset/witty-coins-promise.md

@@ -0,0 +1,5 @@
+---
+'@scaleway/eslint-config-react': major
+---
+
+Migrate to eslint9

.eslintignore

@@ -0,0 +1,109 @@
+import babelParser from "@babel/eslint-parser";
+import scw from "@scaleway/eslint-config-react/javascript";
+import scwTypescript from "@scaleway/eslint-config-react/typescript";
+import globals from "globals";
+
+export default [
+  {
+    ignores: [
+      "**/node_modules/",
+      "**/dist/",
+      "**/build/",
+      "**/__typetests__/",
+      "**/packages_deprecated/",
+      "**/coverage/",
+    ],
+  },
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+      },
+    },
+  },
+  ...scw.map((config) => ({ ...config, files: ["**/*.js"] })),
+  {
+    files: ["**/*.js"],
+
+    languageOptions: {
+      parser: babelParser,
+      parserOptions: {
+        configFile: "./babel.config.json",
+      },
+    },
+  },
+  ...scwTypescript.map((config) => ({
+    ...config,
+    files: ["**/*.ts", "**/*.tsx"],
+  })),
+
+  {
+    files: ["**/*.ts", "**/*.tsx"],
+
+    languageOptions: {
+      ecmaVersion: 5,
+      sourceType: "script",
+
+      parserOptions: {
+        project: ["tsconfig.json"],
+      },
+    },
+  },
+  ...scwTypescript.map((config) => ({
+    ...config,
+    files: [
+      "packages/changesets-renovate/**/*.ts{x,}",
+      "packages/validate-icu-locales/**/*.ts{x,}",
+      "**/__tests__/**/*.ts{x,}",
+    ],
+
+    languageOptions: {
+      ecmaVersion: 5,
+      sourceType: "script",
+
+      parserOptions: {
+        project: ["tsconfig.json"],
+      },
+    },
+  })),
+  ...scwTypescript.map((config) => ({
+    ...config,
+    files: [
+      "packages/changesets-renovate/**/*.ts{x,}",
+      "packages/validate-icu-locales/**/*.ts{x,}",
+      "**/__tests__/**/*.ts{x,}",
+    ],
+
+    languageOptions: {
+      ecmaVersion: 5,
+      sourceType: "script",
+
+      parserOptions: {
+        project: ["tsconfig.json"],
+      },
+    },
+
+    rules: {
+      ...config.rules,
+      "no-console": "off",
+      "@typescript-eslint/no-explicit-any": "warn",
+      "@typescript-eslint/no-floating-promises": "warn",
+    },
+  })),
+
+  {
+    files: [
+      "packages/jest-helpers/**/*.ts{x,}",
+      "**/__tests__/**/*.ts{x,}",
+      "**/vitest.setup.ts",
+      "**/*.config.ts",
+      "**/__mocks__/**/*.ts{x,}",
+    ],
+
+    rules: {
+      "import/no-extraneous-dependencies": "off",
+      "react/jsx-key": "off",
+      "import/no-relative-packages": "off",
+    },
+  },
+];

.eslintrc

@@ -22,6 +22,7 @@
     "@changesets/cli": "2.27.5",
     "@commitlint/cli": "19.3.0",
     "@commitlint/config-conventional": "19.2.2",
+    "@eslint/eslintrc": "3.1.0",
     "@scaleway/eslint-config-react": "workspace:*",
     "@scaleway/tsconfig": "workspace:*",
     "@testing-library/jest-dom": "6.4.6",
@@ -36,7 +37,8 @@
     "builtin-modules": "4.0.0",
     "cross-env": "7.0.3",
     "esbuild-plugin-browserslist": "0.12.1",
-    "eslint": "8.57.0",
+    "eslint": "9.4.0",
+    "globals": "15.4.0",
     "happy-dom": "14.12.0",
     "husky": "9.0.11",
     "lint-staged": "15.2.5",
@@ -51,7 +53,7 @@
     "wait-for-expect": "3.0.2"
   },
   "scripts": {
-    "lint": "eslint --ext js,ts,tsx --cache .",
+    "lint": "eslint --cache .",
     "lint:fix": "pnpm run lint --fix",
     "build": "pnpm recursive run build",
     "commit": "npx git-cz -a",

eslint.config.mjs

@@ -1,4 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { vi } from 'vitest'
 
 export const defaultGitValues = {

package.json

@@ -0,0 +1,24 @@
+import { rules } from '@emotion/eslint-plugin'
+import { fixupPluginRules } from '@eslint/compat'
+
+export default [
+  {
+    plugins: {
+      '@emotion': fixupPluginRules({ rules }),
+    },
+
+    rules: {
+      'react/no-unknown-property': [
+        'error',
+        {
+          ignore: ['css'],
+        },
+      ],
+
+      '@emotion/import-from-emotion': 'error',
+      '@emotion/no-vanilla': 'error',
+      '@emotion/styled-import': 'error',
+      '@emotion/syntax-preference': ['error', 'string'],
+    },
+  },
+]

packages/changesets-renovate/__mocks__/simple-git.ts

@@ -0,0 +1,5 @@
+import emotion from "./emotion.mjs";
+import javascript from "./javascript.mjs";
+import typescript from "./typescript.mjs";
+
+export { emotion, javascript, typescript };