eslint: update config, add prettier

Author: aastefanov

eslint.config.js

@@ -1,53 +1,28 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import react from 'eslint-plugin-react'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from "@typescript-eslint/eslint-plugin"
-import tsparser from "@typescript-eslint/parser"
+import eslint from "@eslint/js";
+import { defineConfig, globalIgnores } from "eslint/config";
+import tseslint from "typescript-eslint";
+import react from "eslint-plugin-react";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import globals from "globals";
+// import prettierConfigRecommended from "eslint-plugin-prettier/recommended";
 
-export default [
+export default defineConfig([
+    // prettierConfigRecommended,
+    reactHooks.configs.flat.recommended,
+    eslint.configs.recommended,
+    tseslint.configs.recommended,
+    globalIgnores(["dist/"]),
+    react.configs.flat.recommended,
+    react.configs.flat["jsx-runtime"],
+    reactRefresh.configs.vite,
+    { languageOptions: { globals: globals.node } },
+    { settings: { react: { version: "detect" } } },
     {
-        ignores: ['dist'],
-        files: ['**/*.{js,jsx,ts,tsx}'],
-        languageOptions: {
-            parser: tsparser,
-            ecmaVersion: 2020,
-            globals: globals.browser,
-            parserOptions: {
-                ecmaVersion: 'latest',
-                ecmaFeatures: {jsx: true},
-                sourceType: 'module',
-            },
-        },
-        settings: {react: {version: 'detect'}},
-        plugins: {
-            react,
-            'react-hooks': reactHooks,
-            'react-refresh': reactRefresh,
-            '@typescript-eslint': tseslint,
-        },
-        // extends: [
-        //     "eslint:recommended",
-        //     "next/core-web-vitals",
-        //     "plugin:react/recommended",
-        //     "standard-with-typescript",
-        //     "plugin:@typescript-eslint/recommended",
-        // ],
         rules: {
-            ...js.configs.recommended.rules,
-            ...react.configs.recommended.rules,
-            ...react.configs['jsx-runtime'].rules,
-            ...reactHooks.configs.recommended.rules,
-            ...tseslint.configs.recommended.rules,
-            '@typescript-eslint/no-unused-vars': 'error',
-            '@typescript-eslint/no-explicit-any': 'off',
-            'no-unused-vars': 'off',
-            'react/jsx-no-target-blank': 'off',
-            'react-refresh/only-export-components': [
-                'warn',
-                {allowConstantExport: true},
-            ],
+            "@typescript-eslint/no-unused-vars": "error",
+            "@typescript-eslint/no-explicit-any": "off",
+            "no-unused-vars": "off",
         },
     },
-]
+]);

package.json

@@ -16,6 +16,8 @@
     "bootstrap": "^5.3.3",
     "bootswatch": "^5.3.3",
     "date-fns": "^4.1.0",
+    "echarts": "^6.0.0",
+    "echarts-for-react": "^3.0.5",
     "i18next": "^25.7.3",
     "i18next-http-backend": "^3.0.2",
     "js-pkce": "^2.0.0",
@@ -30,26 +32,26 @@
     "react-router-dom": "^7.11.0",
     "sass": "^1.97.0",
     "swr": "^2.3.8",
-    "vite-plugin-compression": "^0.5.1",
-    "echarts": "^6.0.0",
-    "echarts-for-react": "^3.0.5"
+    "vite-plugin-compression": "^0.5.1"
   },
   "devDependencies": {
-    "typescript":">=4.0.0",
     "@eslint/js": "^9.39.2",
     "@tsconfig/vite-react": "^7.0.2",
     "@types/js-yaml": "^4.0.9",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@types/web": "^0.0.303",
-    "@typescript-eslint/eslint-plugin": "^8.50.0",
-    "@typescript-eslint/parser": "^8.50.0",
     "@vitejs/plugin-react": "^5.1.2",
     "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.26",
     "globals": "^16.5.0",
+    "prettier": "^3.8.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.54.0",
     "typescript-plugin-css-modules": "^5.2.0",
     "vite": "^7.3.0"
   }

prettier.config.ts

@@ -0,0 +1,7 @@
+import { type Config } from "prettier";
+
+const config: Config = {
+    tabWidth: 4,
+};
+
+export default config;

src/hooks/useAuthStorage.ts

@@ -25,7 +25,7 @@ function parseTokenResponse(response: FaunaResponse): SpaceAccessToken {
     if ((response as FaunaTokenError).error)
         throw new Error((response as FaunaTokenError).error_description);
 
-    let token = response as FaunaTokenResponse;
+    const token = response as FaunaTokenResponse;
     if (!hasAll(response, ...requiredTokenProps) || token.token_type !== 'Bearer' || token.scope !== scopes
     )
         throw new Error('Incomplete response, missing fields');