UI ESLint

.gitignore

@@ -127,9 +127,6 @@ ENV/
 .idea/
 *.iml
 
-# Visual Studio Code
-.vscode/
-
 # vim
 *.swp
 

airflow/ui/eslint.config.js

@@ -17,38 +17,29 @@
  * under the License.
  */
 
-import js from "@eslint/js";
-import globals from "globals";
-import reactHooks from "eslint-plugin-react-hooks";
-import reactRefresh from "eslint-plugin-react-refresh";
-import tseslint from "typescript-eslint";
-import pluginPrettier from "eslint-plugin-prettier";
-import pluginReact from "eslint-plugin-react";
+/**
+ * @import { FlatConfig } from "@typescript-eslint/utils/ts-eslint";
+ */
+import { coreRules } from "./rules/core.js";
+import { perfectionistRules } from "./rules/perfectionist.js";
+import { prettierRules } from "./rules/prettier.js";
+import { reactRules } from "./rules/react.js";
+import { stylisticRules } from "./rules/stylistic.js";
+import { typescriptRules } from "./rules/typescript.js";
+import { unicornRules } from "./rules/unicorn.js";
 
-export default tseslint.config(
-  { ignores: ["dist", "openapi-gen"] },
-  {
-    extends: [
-      js.configs.recommended,
-      ...tseslint.configs.recommended,
-      pluginReact.recommended,
-      pluginPrettier.recommended,
-    ],
-    files: ["**/*.{ts,tsx}"],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-    plugins: {
-      "react-hooks": reactHooks,
-      "react-refresh": reactRefresh,
-    },
-    rules: {
-      ...reactHooks.configs.recommended.rules,
-      "react-refresh/only-export-components": [
-        "warn",
-        { allowConstantExport: true },
-      ],
-    },
-  }
-);
+/**
+ * ESLint configuration.
+ * @see [ESLint configuration](https://eslint.org/docs/latest/use/configure/)
+ */
+export default /** @type {const} @satisfies {ReadonlyArray<FlatConfig.Config>} */ ([
+  // Base rules
+  coreRules,
+  typescriptRules,
+  // Da rest
+  perfectionistRules,
+  prettierRules,
+  reactRules,
+  stylisticRules,
+  unicornRules,
+]);

airflow/ui/package.json

@@ -7,7 +7,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
-    "lint": "eslint . && tsc --p tsconfig.app.json",
+    "lint": "eslint --quiet && tsc --p tsconfig.app.json",
     "lint:fix": "eslint --fix && tsc --p tsconfig.app.json",
     "format": "pnpm prettier --write .",
     "preview": "vite preview",
@@ -21,7 +21,7 @@
     "@emotion/styled": "^11.13.0",
     "@tanstack/react-query": "^5.52.1",
     "@tanstack/react-table": "^8.20.1",
-    "axios": "^1.7.4",
+    "axios": "^1.7.7",
     "chakra-react-select": "^4.9.2",
     "framer-motion": "^11.3.29",
     "react": "^18.3.1",
@@ -31,25 +31,30 @@
   },
   "devDependencies": {
     "@7nohe/openapi-react-query-codegen": "^1.6.0",
-    "@eslint/js": "^9.9.0",
+    "@eslint/js": "^9.10.0",
+    "@stylistic/eslint-plugin": "^2.8.0",
     "@tanstack/eslint-plugin-query": "^5.52.0",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
-    "@types/react": "^18.3.3",
+    "@types/node": "^22.5.4",
+    "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react-swc": "^3.7.0",
-    "eslint": "^9.9.0",
+    "eslint": "^9.10.0",
     "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-jsx-a11y": "^6.10.0",
+    "eslint-plugin-perfectionist": "^3.5.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.35.0",
-    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
-    "eslint-plugin-react-refresh": "^0.4.9",
+    "eslint-plugin-react": "^7.35.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.11",
+    "eslint-plugin-unicorn": "^55.0.0",
     "globals": "^15.9.0",
     "happy-dom": "^15.0.0",
     "prettier": "^3.3.3",
-    "typescript": "^5.5.3",
-    "typescript-eslint": "^8.2.0",
-    "vite": "^5.4.1",
+    "typescript": "^5.6.2",
+    "typescript-eslint": "^8.5.0",
+    "vite": "^5.4.4",
     "vitest": "^2.0.5"
   }
 }