chore: update eslint and prettier

Author: nakrovati

eslint.config.js

@@ -1,21 +1,18 @@
 import globals from "globals";
-import js from "@eslint/js";
-import ts from "@typescript-eslint/eslint-plugin";
-import tsParser from "@typescript-eslint/parser";
-import react from "eslint-plugin-react";
-import reactRefresh from "eslint-plugin-react-refresh";
-import reactHooks from "eslint-plugin-react-hooks";
-import unicorn from "eslint-plugin-unicorn";
+import eslint from "@eslint/js";
+import tseslint from "typescript-eslint";
+import reactPlugin from "eslint-plugin-react";
+import reactRefreshPlugin from "eslint-plugin-react-refresh";
+import reactHooksPlugin from "eslint-plugin-react-hooks";
+import unicornPlugin from "eslint-plugin-unicorn";
+import eslintConfigPrettier from "eslint-config-prettier";
 
-export default [
-  js.configs.recommended,
+export default tseslint.config(
+  eslint.configs.recommended,
+  ...tseslint.configs.recommended,
+  unicornPlugin.configs["flat/recommended"],
   {
-    ignores: ["**/dist", "**/results", "**/node_modules", "css", "**/csv_export.js"],
-  },
-  {
-    plugins: { unicorn },
     rules: {
-      ...unicorn.configs.recommended.rules,
       // no:
       "unicorn/filename-case": "off",
       "unicorn/no-for-loop": "off",
@@ -43,17 +40,11 @@ export default [
     },
     languageOptions: { globals: { ...globals.node } },
   },
-  {
-    files: ["**/*.{ts,tsx}"],
-    plugins: { "@typescript-eslint": ts },
-    languageOptions: { parser: tsParser },
-    rules: ts.configs["recommended"].rules,
-  },
   /**
    * Webdriver
    */
   {
-    files: ["webdriver-ts/**/*.ts"],
+    files: ["webdriver-ts/**/*.{js,cjs,ts}"],
     languageOptions: {
       parserOptions: { project: ["./webdriver-ts/tsconfig.eslint.json"] },
     },
@@ -68,27 +59,31 @@ export default [
    * Web
    */
   {
-    files: ["webdriver-ts-results/**/*"],
-    rules: {
-      "@typescript-eslint/no-loss-of-precision": "off",
-    },
-  },
-  {
-    files: ["webdriver-ts-results/src/**/*.{js,ts,jsx,tsx}"],
+    files: ["webdriver-ts-results/**/*.{js,cjs,ts,jsx,tsx}"],
     plugins: {
-      react,
-      "react-refresh": reactRefresh,
-      "react-hooks": reactHooks,
+      react: reactPlugin,
+      "react-refresh": reactRefreshPlugin,
+      "react-hooks": reactHooksPlugin,
     },
     rules: {
-      ...react.configs.recommended.rules,
-      ...react.configs["jsx-runtime"].rules,
-      ...reactHooks.configs.recommended.rules,
-
+      ...reactPlugin.configs.flat.recommended.rules,
+      ...reactPlugin.configs.flat["jsx-runtime"].rules,
+      ...reactHooksPlugin.configs.recommended.rules,
       "react/jsx-no-useless-fragment": "warn",
       "react-refresh/only-export-components": "warn",
     },
-    settings: { react: { version: "detect" } },
-    languageOptions: { globals: { ...globals.browser } },
+    settings: {
+      react: {
+        version: "18.2",
+      },
+    },
+    languageOptions: {
+      ...reactPlugin.configs.flat["jsx-runtime"].languageOptions,
+      globals: { ...globals.browser },
+    },
+  },
+  {
+    ignores: ["**/node_modules/", "**/dist/", "**/results/", "css/", "**/csv_export.js"],
   },
-];
+  eslintConfigPrettier
+);