chore(build): Bump vite 5→6, vitest 1→2, vite-plugin-dts 3→4

.github/workflows/ci-cd.yml

@@ -21,14 +21,15 @@ jobs:
           # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
 
-      - name: Setup Node.js lts/*
-        uses: actions/setup-node@v3
+      - name: Setup Node.js 20
+        uses: actions/setup-node@v4
         with:
-          node-version: lts/*
+          node-version: 20
           cache: 'yarn'
 
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile
+        run: yarn install --frozen-lockfile --network-timeout 300000
+        timeout-minutes: 10
 
       - name: Build Project
         run: NODE_OPTIONS='--max-old-space-size=4096' yarn build:all
@@ -58,14 +59,15 @@ jobs:
       - name: Checkout Repo
         uses: actions/checkout@v3
 
-      - name: Setup Node.js lts/*
-        uses: actions/setup-node@v3
+      - name: Setup Node.js 20
+        uses: actions/setup-node@v4
         with:
-          node-version: lts/*
+          node-version: 20
           cache: 'yarn'
 
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile
+        run: yarn install --frozen-lockfile --network-timeout 300000
+        timeout-minutes: 10
 
       - name: Build Project
         run: NODE_OPTIONS='--max-old-space-size=4096' yarn build:all

.gitignore

@@ -39,3 +39,6 @@ dist-ts3.8
 # for vite
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+
+# rrvideo temp output
+__rrvideo__temp__

packages/all/package.json

@@ -51,9 +51,9 @@
   "devDependencies": {
     "puppeteer": "^20.9.0",
     "typescript": "^4.7.3",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1",
-    "vitest": "^1.4.0"
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^2.1.9"
   },
   "dependencies": {
     "@sentry-internal/rrweb": "2.41.0",

packages/packer/package.json

@@ -73,9 +73,9 @@
   ],
   "devDependencies": {
     "typescript": "^4.7.3",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1",
-    "vitest": "^1.4.0"
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^2.1.9"
   },
   "dependencies": {
     "@sentry-internal/rrweb-types": "2.41.0",

packages/packer/test/packer.test.ts

@@ -30,7 +30,7 @@ describe('unpack', () => {
   it('stop on unknown data format', () => {
     const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
 
-    expect(() => unpack('[""]')).toThrow('');
+    expect(() => unpack('[""]')).toThrow();
 
     expect(consoleSpy).toHaveBeenCalled();
     vi.resetAllMocks();

packages/plugins/rrweb-plugin-canvas-webrtc-record/package.json

@@ -45,8 +45,8 @@
   "devDependencies": {
     "@sentry-internal/rrweb": "2.41.0",
     "typescript": "^4.7.3",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1"
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {
     "@sentry-internal/rrweb": "^2.0.0-alpha.14"

packages/plugins/rrweb-plugin-canvas-webrtc-replay/package.json

@@ -45,8 +45,8 @@
   "devDependencies": {
     "@sentry-internal/rrweb": "2.41.0",
     "typescript": "^4.7.3",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1"
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {
     "@sentry-internal/rrweb": "^2.0.0-alpha.14"

packages/plugins/rrweb-plugin-console-record/package.json

@@ -48,9 +48,9 @@
     "@sentry-internal/rrweb": "2.41.0",
     "puppeteer": "^20.9.0",
     "typescript": "^4.7.3",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1",
-    "vitest": "^1.4.0"
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^2.1.9"
   },
   "peerDependencies": {
     "@sentry-internal/rrweb": "^2.0.0-alpha.14"

packages/plugins/rrweb-plugin-console-record/test/index.test.ts

@@ -19,9 +19,25 @@ export async function launchPuppeteer(
   });
 }
 
+/**
+ * Filter out console events originating from Vite's injected client script.
+ * Vite 6 logs messages like "[vite] connected" or "[vite] failed to connect"
+ * that pollute our snapshots.
+ */
+function filterViteClientEvents(snapshots: eventWithTime[]): eventWithTime[] {
+  return snapshots.filter((event) => {
+    if (event.type !== 6) return true;
+    const trace = (event.data as any)?.payload?.trace;
+    if (!Array.isArray(trace)) return true;
+    return !trace.some((t: string) => t.includes('@vite/client'));
+  });
+}
+
 export function assertSnapshot(snapshots: eventWithTime[]) {
   expect(snapshots).toBeDefined();
-  expect(stringifySnapshots(snapshots)).toMatchSnapshot();
+  expect(
+    stringifySnapshots(filterViteClientEvents(snapshots)),
+  ).toMatchSnapshot();
 }
 
 describe('rrweb-plugin-console-record', () => {
@@ -35,8 +51,6 @@ describe('rrweb-plugin-console-record', () => {
     server = await createServer({
       preview: { port: 3000 },
       mode: 'test',
-      // hmr calls `console.debug('[vite] connected')` and messes up our snapshots
-      // so we disable it
       server: { hmr: false },
     });
     await server.listen();

packages/plugins/rrweb-plugin-console-replay/package.json

@@ -46,8 +46,8 @@
     "@rrweb/rrweb-plugin-console-record": "2.41.0",
     "@sentry-internal/rrweb": "2.41.0",
     "typescript": "^4.7.3",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1"
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {
     "@sentry-internal/rrweb": "^2.0.0-alpha.14"

packages/plugins/rrweb-plugin-sequential-id-record/package.json

@@ -45,8 +45,8 @@
   "devDependencies": {
     "@sentry-internal/rrweb": "2.41.0",
     "typescript": "^4.7.3",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1"
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {
     "@sentry-internal/rrweb": "^2.0.0-alpha.14"

packages/plugins/rrweb-plugin-sequential-id-replay/package.json

@@ -46,8 +46,8 @@
     "@rrweb/rrweb-plugin-sequential-id-record": "2.41.0",
     "@sentry-internal/rrweb": "2.41.0",
     "typescript": "^4.7.3",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1"
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {
     "@sentry-internal/rrweb": "^2.0.0-alpha.14"

packages/record/package.json

@@ -50,9 +50,9 @@
   "devDependencies": {
     "puppeteer": "^20.9.0",
     "typescript": "^4.7.3",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1",
-    "vitest": "^1.4.0"
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^2.1.9"
   },
   "dependencies": {
     "@sentry-internal/rrweb": "2.41.0",

packages/replay/package.json

@@ -51,9 +51,9 @@
   "devDependencies": {
     "puppeteer": "^20.9.0",
     "typescript": "^4.7.3",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1",
-    "vitest": "^1.4.0"
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^2.1.9"
   },
   "dependencies": {
     "@sentry-internal/rrweb": "2.41.0",

packages/rrdom-nodejs/package.json

@@ -47,9 +47,9 @@
     "eslint": "^8.15.0",
     "puppeteer": "^9.1.1",
     "typescript": "^4.7.3",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1",
-    "vitest": "^1.4.0"
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^2.1.9"
   },
   "dependencies": {
     "@sentry-internal/rrdom": "2.41.0",

packages/rrdom/package.json

@@ -49,8 +49,8 @@
     "eslint": "^8.15.0",
     "puppeteer": "^17.1.3",
     "typescript": "^4.9.0",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1"
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4"
   },
   "dependencies": {
     "@sentry-internal/rrweb-snapshot": "2.41.0"

packages/rrvideo/package.json

@@ -1,39 +1,43 @@
 {
   "name": "rrvideo",
   "version": "2.41.0",
-  "description": "transform rrweb session into video",
+  "description": "A tool for generating a video from a rrweb session",
   "main": "build/index.js",
-  "bin": {
-    "rrvideo": "build/cli.js"
-  },
+  "types": "build/index.d.ts",
   "files": [
     "build",
     "package.json"
   ],
-  "types": "build/index.d.ts",
   "scripts": {
     "install": "playwright install",
     "build": "tsc",
-    "test": "jest",
-    "check-types": "tsc -noEmit",
+    "watch": "tsc -w",
+    "dev": "ts-node src/cli.ts",
+    "test": "jest --forceExit",
+    "check-types": "tsc --noEmit",
     "prepack": "yarn build"
   },
-  "author": "yanzhen@smartx.com",
+  "bin": {
+    "rrvideo": "./build/cli.js"
+  },
   "license": "MIT",
-  "devDependencies": {
+  "dependencies": {
+    "@open-tech-world/cli-progress-bar": "^2.0.2",
+    "@sentry-internal/rrweb-player": "2.41.0",
     "@sentry-internal/rrweb-types": "2.41.0",
-    "@types/fs-extra": "11.0.1",
+    "fs-extra": "^10.0.1",
+    "minimist": "^1.2.6",
+    "playwright": "^1.56.1"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^9.0.13",
     "@types/jest": "^27.4.1",
     "@types/minimist": "^1.2.1",
     "@types/node": "^18.15.11",
     "jest": "^27.5.1",
     "ts-jest": "^27.1.3"
   },
-  "dependencies": {
-    "@open-tech-world/cli-progress-bar": "^2.0.2",
-    "@sentry-internal/rrweb-player": "2.41.0",
-    "fs-extra": "^11.1.1",
-    "minimist": "^1.2.5",
-    "playwright": "^1.56.1"
+  "engines": {
+    "node": ">=12"
   }
 }

packages/rrvideo/tsconfig.json

@@ -16,7 +16,7 @@
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true
   },
-  "exclude": ["build", "node_modules", "test"],
+  "exclude": ["build", "node_modules", "test", "vitest.config.ts"],
   "references": [
     {
       "path": "../rrweb-player"

packages/rrweb-snapshot/package.json

@@ -67,8 +67,8 @@
     "ts-node": "^7.0.1",
     "tslib": "^1.9.3",
     "typescript": "^4.7.3",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1",
-    "vitest": "^1.4.0"
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^2.1.9"
   }
 }

packages/rrweb-worker/package.json

@@ -35,10 +35,10 @@
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@types/css-font-loading-module": "0.0.7",
     "rollup": "^4.28.1",
-    "rollup-plugin-terser": "^7.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
     "rollup-plugin-typescript2": "^0.36.0",
-    "vite": "^5.2.8",
-    "vitest": "^1.4.0"
+    "vite": "^6.4.1",
+    "vitest": "^2.1.9"
   },
   "engines": {
     "node": ">=12"

packages/rrweb-worker/rollup.config.mjs

@@ -2,7 +2,7 @@ import commonjs from '@rollup/plugin-commonjs';
 import resolve from '@rollup/plugin-node-resolve';
 import typescript from 'rollup-plugin-typescript2';
 import { defineConfig } from 'rollup';
-import { terser } from 'rollup-plugin-terser';
+import terser from '@rollup/plugin-terser';
 
 const workerStrBaseConfig = {
   input: ['./src/_image-bitmap-data-url-worker.ts'],

packages/rrweb/package.json

@@ -85,8 +85,8 @@
     "ts-node": "^10.9.1",
     "tslib": "^2.3.1",
     "typescript": "^4.7.3",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1"
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4"
   },
   "dependencies": {
     "@sentry-internal/rrdom": "2.41.0",