Upgrade to vite 8

.github/workflows/osv-scanner.yaml

@@ -21,18 +21,18 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v7
 
       - name: Run OSV Scanner (human-readable)
         continue-on-error: true
-        uses: google/osv-scanner-action/osv-scanner-action@v2.3.2
+        uses: google/osv-scanner-action/osv-scanner-action@9a498708959aeaef5ef730655706c5a1df1edbc2 # v2.3.8
         with:
           scan-args: |
             --lockfile=pnpm-lock.yaml
 
       - name: Run OSV Scanner (JSON)
         continue-on-error: true
-        uses: google/osv-scanner-action/osv-scanner-action@v2.3.2
+        uses: google/osv-scanner-action/osv-scanner-action@9a498708959aeaef5ef730655706c5a1df1edbc2 # v2.3.8
         with:
           scan-args: |
             --format=json

client/component/package.json

@@ -75,7 +75,7 @@
     "react-toastify": "^11.1.0",
     "three": "0.182.0",
     "typedoc": "^0.28.20",
-    "vite-plugin-dts": "^4.5.4",
+    "unplugin-dts": "^1.0.3",
     "vitest": "^4.1.10"
   }
 }

client/component/src/ConnectedPlot.tsx

@@ -1,7 +1,7 @@
 import afterFrame from 'afterframe';
 import { decode, encode } from '@msgpack/msgpack';
 import { useCallback, useEffect, useRef, useState } from 'react';
-import useWebSocket, { ReadyState } from 'react-use-websocket';
+import useWebSocketModule, { ReadyState } from 'react-use-websocket';
 import { toast } from 'react-toastify';
 
 import type { BatonProps, PlotConfig } from './models';
@@ -40,6 +40,12 @@ import type { LineData, LineParams } from './LinePlot';
 import type { HeatmapData } from './HeatmapPlot';
 import type { ScatterData } from './ScatterPlot';
 
+// workaround for https://github.com/robtaussig/react-use-websocket/issues/280
+const { default: useWebSocket = useWebSocketModule } =
+  useWebSocketModule as unknown as {
+    default: typeof useWebSocketModule;
+  };
+
 type DecodedMessage =
   | MultiLineMessage
   | ImageMessage

client/component/vite.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig } from 'vite';
-import dts from 'vite-plugin-dts';
+import dts from 'unplugin-dts/vite';
 import fs from 'fs';
 import { resolve } from 'path';
 import react from '@vitejs/plugin-react';
@@ -24,9 +24,8 @@ export default defineConfig({
       formats: ['es'],
       fileName: 'index',
     },
-    rollupOptions: {
+    rolldownOptions: {
       external: externals.map((dep) => new RegExp(`^${dep}($|\\/)`, 'u')), // e.g. externalize `react-icons/fi`
-      output: { interop: 'compat' }, // for compatibility with Jest in consumer projects (default changed in Rollup 3/Vite 4: https://rollupjs.org/migration/#changed-defaults)
     },
   },
 });

client/example/vite.config.ts

@@ -12,5 +12,6 @@ export default defineConfig({
   build: {
     outDir: '../../server/example-client/sdist',
     emptyOutDir: true,
+    sourcemap: true,
   },
 });

package.json

@@ -39,7 +39,7 @@
     "globals": "^17.7.0",
     "prettier": "^3.9.5",
     "typescript": "^5.9.3",
-    "vite": "^7.3.6"
+    "vite": "^8.1.3"
   },
   "browserslist": [
     ">0.2%",