added trivago/prettier-plugin

Author: dominic-lcw

README.md

@@ -41,7 +41,7 @@ Inspired by the capabilities of [duckdb-wasm](https://github.com/duckdb/duckdb-w
 
 # Node.js Environment Setup
 
-Dependencies are managed by `pnpm` and dev/build processes by [Vite](https://vite.dev/).
+Dependencies are managed by `pnpm` and dev/build processes are managed by [Vite](https://vite.dev/).
 
 Follow the [pnpm docs](https://pnpm.io/installation) to install pnpm locally. For Mac, 
 ```bash
@@ -50,15 +50,8 @@ curl -fsSL https://get.pnpm.io/install.sh | sh -
 
 Change the `/app` directory.
 ```bash
-# Trying to use the UI from the Vite port (5173) will lead to auth errors.
 pnpm dev
-
-# Generate production build files will be at airflow/ui/dist
 pnpm build
-
-# Format code in .ts, .tsx, .json, .css, .html files
 pnpm format
-
-# Check JS/TS code in .ts, .tsx, .html files and report any errors/warnings
 pnpm lint
 ```

app/.prettierrc.json

@@ -1,5 +1,12 @@
 {
-  "tabWidth": 2,
+  "$schema": "http://json.schemastore.org/prettierrc",
+  "endOfLine": "lf",
+  "importOrderSeparation": true,
+  "jsxSingleQuote": false,
+  "plugins": ["@trivago/prettier-plugin-sort-imports"],
+  "printWidth": 110,
   "singleQuote": false,
-  "trailingComma": "all"
-}
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "useTabs": false
+}

app/package.json

@@ -15,43 +15,45 @@
     "deploy": "gh-pages -d dist"
   },
   "dependencies": {
-    "@ag-grid-community/core": "^32.3.5",
-    "@ag-grid-community/react": "^32.3.5",
-    "@duckdb/duckdb-wasm": "1.29.1-dev132.0",
-    "@duckdb/duckdb-wasm-shell": "1.29.1-dev132.0",
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^7.0.2",
-    "@mui/material": "^7.0.2",
-    "ag-grid-community": "^33.2.3",
-    "ag-grid-enterprise": "^33.2.3",
-    "ag-grid-react": "^33.2.3",
+    "@ag-grid-community/core": "^32.1.0",
+    "@ag-grid-community/react": "^32.1.0",
+    "@duckdb/duckdb-wasm": "^1.29.0",
+    "@duckdb/duckdb-wasm-shell": "^1.28.1-dev106.0",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@mui/icons-material": "^6.1.0",
+    "@mui/material": "^6.1.0",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
+    "ag-grid-community": "^32.0.2",
+    "ag-grid-enterprise": "^32.0.2",
+    "ag-grid-react": "^32.0.2",
     "file-saver": "^2.0.5",
-    "papaparse": "^5.5.2",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-icons": "^5.5.0",
+    "papaparse": "^5.4.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-icons": "^5.3.0",
     "react-tabs": "^6.1.0",
-    "typescript": "~5.8.3",
+    "typescript": "5.5",
     "xlsx": "^0.18.5"
   },
   "devDependencies": {
-    "@eslint/js": "^9.24.0",
-    "@types/react": "^19.1.1",
-    "@types/react-dom": "^19.1.2",
-    "@typescript-eslint/eslint-plugin": "^8.29.1",
-    "@typescript-eslint/parser": "^8.29.1",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.24.0",
-    "eslint-config-prettier": "^10.1.2",
-    "eslint-plugin-airbnb": "0.0.1-security",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "gh-pages": "^6.3.0",
-    "globals": "^16.0.0",
-    "prettier": "^3.5.3",
-    "typescript-eslint": "^8.29.1",
-    "vite": "^6.2.6",
-    "vite-plugin-wasm": "^3.4.1"
+    "@eslint/js": "^9.13.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.11.0",
+    "@typescript-eslint/parser": "^8.11.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "eslint": "^8.57.1",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-airbnb": "^0.0.1-security",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "gh-pages": "^6.1.1",
+    "globals": "^15.11.0",
+    "prettier": "^3.3.3",
+    "typescript-eslint": "^8.11.0",
+    "vite": "^5.3.4",
+    "vite-plugin-wasm": "^3.3.0"
   }
 }