Update Vite to version 8 (#1651)

Migrate from Vite 7 to Vite 8, which replaces esbuild + Rollup with
Rolldown + Oxc for bundling, transforms, and minification.

Dependency changes:
- vite 7.3.1 → 8.0.8
- @vitejs/plugin-react 5.1.4 → 6.0.1
- @tailwindcss/vite 4.2.1 → 4.2.2
- babel-plugin-react-compiler 19.1.0-rc.3 → 1.0.0
- vitest / @vitest/coverage-v8 4.0.18 → 4.1.4
- Add @rolldown/plugin-babel 0.2.2
- Remove vite-tsconfig-paths (now built-in)

Config changes:
- Replace vite-tsconfig-paths plugin with resolve.tsconfigPaths: true
- Move React Compiler to separate @rolldown/plugin-babel plugin with
  reactCompilerPreset, since @vitejs/plugin-react v6 removed built-in
  Babel support
- Remove unnecessary /// <reference types="vitest" /> directive

Resolves #1647

Author: kmcginnes

package.json

@@ -45,8 +45,8 @@
     "@eslint/compat": "^2.0.3",
     "@eslint/js": "^10.0.1",
     "@tanstack/eslint-plugin-query": "5.96.2",
-    "@vitest/coverage-v8": "4.0.18",
-    "babel-plugin-react-compiler": "19.1.0-rc.3",
+    "@vitest/coverage-v8": "4.1.4",
+    "babel-plugin-react-compiler": "^1.0.0",
     "eslint": "^10.0.3",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-perfectionist": "^5.6.0",
@@ -59,7 +59,7 @@
     "prettier-plugin-tailwindcss": "^0.7.2",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.57.0",
-    "vitest": "4.0.18"
+    "vitest": "4.1.4"
   },
   "lint-staged": {
     "!(**/*.{js,ts,tsx})": "prettier --ignore-unknown --write",

packages/graph-explorer-proxy-server/package.json

@@ -38,10 +38,10 @@
     "@types/express": "^5.0.6",
     "@types/node": "^24.10.9",
     "@types/supertest": "^7.2.0",
-    "@vitest/coverage-v8": "4.0.18",
+    "@vitest/coverage-v8": "4.1.4",
     "rimraf": "^6.1.3",
     "supertest": "^7.2.2",
     "tsx": "^4.21.0",
-    "vitest": "4.0.18"
+    "vitest": "4.1.4"
   }
 }

packages/graph-explorer/package.json

@@ -21,7 +21,7 @@
     "@monaco-editor/react": "^4.7.0",
     "@react-aria/textfield": "3.18.5",
     "@tanstack/react-query": "^5.90.21",
-    "babel-plugin-react-compiler": "19.1.0-rc.3",
+    "babel-plugin-react-compiler": "^1.0.0",
     "clsx": "^2.1.1",
     "color": "^5.0.3",
     "crypto-js": "^4.2.0",
@@ -76,7 +76,8 @@
     "@react-types/radio": "^3.9.4",
     "@react-types/shared": "^3.33.1",
     "@react-types/switch": "^3.5.17",
-    "@tailwindcss/vite": "^4.2.1",
+    "@rolldown/plugin-babel": "0.2.2",
+    "@tailwindcss/vite": "^4.2.2",
     "@tanstack/react-query-devtools": "^5.91.3",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
@@ -94,8 +95,8 @@
     "@types/react-table": "^7.7.20",
     "@types/react-transition-group": "^4.4.12",
     "@types/wicg-file-system-access": "^2023.10.7",
-    "@vitejs/plugin-react": "^5.1.4",
-    "@vitest/coverage-v8": "4.0.18",
+    "@vitejs/plugin-react": "^6.0.0",
+    "@vitest/coverage-v8": "4.1.4",
     "core-js": "^3.48.0",
     "happy-dom": "^20.8.9",
     "jsdom": "^27.4.0",
@@ -104,9 +105,8 @@
     "tailwindcss": "^4.2.1",
     "tw-animate-css": "^1.4.0",
     "type-fest": "^5.4.4",
-    "vite": "^7.3.1",
-    "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "4.0.18"
+    "vite": "^8.0.8",
+    "vitest": "4.1.4"
   },
   "lint-staged": {
     "*.{ts,tsx}": [

packages/graph-explorer/vite.config.ts

@@ -1,6 +1,5 @@
-/// <reference types="vitest" />
-import react from "@vitejs/plugin-react";
-import tsconfigPaths from "vite-tsconfig-paths";
+import react, { reactCompilerPreset } from "@vitejs/plugin-react";
+import babel from "@rolldown/plugin-babel";
 import tailwindcss from "@tailwindcss/vite";
 import { loadEnv, type PluginOption } from "vite";
 import { coverageConfigDefaults, defineConfig } from "vitest/config";
@@ -56,22 +55,16 @@ export default defineConfig(({ mode }) => {
       __GRAPH_EXP_VERSION__: JSON.stringify(process.env.npm_package_version),
     },
     plugins: [
-      tsconfigPaths(),
       htmlPlugin(),
       tailwindcss(),
-      react({
-        babel: {
-          plugins: [
-            [
-              "babel-plugin-react-compiler",
-              {
-                target: "19", // '17' | '18' | '19'
-              },
-            ],
-          ],
-        },
+      react(),
+      babel({
+        presets: [reactCompilerPreset()],
       }),
     ],
+    resolve: {
+      tsconfigPaths: true,
+    },
     test: {
       environment: "happy-dom",
       globals: true,

packages/shared/package.json

@@ -12,8 +12,8 @@
     "./utils/testing": "./src/utils/testing/index.ts"
   },
   "devDependencies": {
-    "@vitest/coverage-v8": "4.0.18",
+    "@vitest/coverage-v8": "4.1.4",
     "rimraf": "^6.1.3",
-    "vitest": "4.0.18"
+    "vitest": "4.1.4"
   }
 }