[DEV-817] Expose refreshProgress instead of triggering update on ever…

…y addEvent (#13) Co-authored-by: Shay Malchi <[email protected]>
SaolaAI · Aug 8, 2024 · 8cab142 · 8cab142
1 parent 9b10bb0
commit 8cab142
Show file tree

Hide file tree

Showing 19 changed files with 86 additions and 25 deletions.
diff --git a/packages/rrdom-nodejs/CHANGELOG.md b/packages/rrdom-nodejs/CHANGELOG.md
@@ -1,5 +1,13 @@
 # rrdom-nodejs
 
+## 2.0.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @saola.ai/[email protected]
+  - @saola.ai/[email protected]
+
 ## 2.0.3
 
 ### Patch Changes

diff --git a/packages/rrdom-nodejs/package.json b/packages/rrdom-nodejs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@saola.ai/rrdom-nodejs",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "scripts": {
     "dev": "vite build --watch",
     "build": "tsc -noEmit && vite build",
@@ -55,8 +55,8 @@
     "cssom": "^0.5.0",
     "cssstyle": "^2.3.0",
     "nwsapi": "^2.2.0",
-    "@saola.ai/rrdom": "^2.0.3",
-    "@saola.ai/rrweb-snapshot": "^2.0.3"
+    "@saola.ai/rrdom": "^2.0.4",
+    "@saola.ai/rrweb-snapshot": "^2.0.4"
   },
   "browserslist": [
     "supports es6-class"

diff --git a/packages/rrdom/CHANGELOG.md b/packages/rrdom/CHANGELOG.md
@@ -1,5 +1,12 @@
 # rrdom
 
+## 2.0.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @saola.ai/[email protected]
+
 ## 2.0.3
 
 ### Patch Changes

diff --git a/packages/rrdom/package.json b/packages/rrdom/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@saola.ai/rrdom",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "homepage": "https://github.com/rrweb-io/rrweb/tree/main/packages/rrdom#readme",
   "license": "MIT",
   "type": "module",
@@ -41,7 +41,7 @@
     "url": "https://github.com/rrweb-io/rrweb/issues"
   },
   "devDependencies": {
-    "@saola.ai/rrweb-types": "^2.0.3",
+    "@saola.ai/rrweb-types": "^2.0.4",
     "@types/puppeteer": "^5.4.4",
     "@typescript-eslint/eslint-plugin": "^5.23.0",
     "@typescript-eslint/parser": "^5.23.0",
@@ -52,6 +52,6 @@
     "vite-plugin-dts": "^3.8.1"
   },
   "dependencies": {
-    "@saola.ai/rrweb-snapshot": "^2.0.3"
+    "@saola.ai/rrweb-snapshot": "^2.0.4"
   }
 }
diff --git a/packages/rrvideo/CHANGELOG.md b/packages/rrvideo/CHANGELOG.md
@@ -1,5 +1,12 @@
 # rrvideo
 
+## 2.0.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @saola.ai/[email protected]
+
 ## 2.0.3
 
 ### Patch Changes

diff --git a/packages/rrvideo/package.json b/packages/rrvideo/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@saola.ai/rrvideo",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "transform rrweb session into video",
   "main": "build/index.js",
   "bin": {
@@ -27,13 +27,13 @@
     "@types/node": "^18.15.11",
     "jest": "^27.5.1",
     "ts-jest": "^27.1.3",
-    "@saola.ai/rrweb-types": "^2.0.3"
+    "@saola.ai/rrweb-types": "^2.0.4"
   },
   "dependencies": {
     "@open-tech-world/cli-progress-bar": "^2.0.2",
     "fs-extra": "^11.1.1",
     "minimist": "^1.2.5",
     "playwright": "^1.32.1",
-    "@saola.ai/rrweb-player": "^2.0.3"
+    "@saola.ai/rrweb-player": "^2.0.4"
   }
 }
diff --git a/packages/rrweb-player/CHANGELOG.md b/packages/rrweb-player/CHANGELOG.md
@@ -1,5 +1,11 @@
 # rrweb-player
 
+## 2.0.4
+
+### Patch Changes
+
+- Expose refreshProgress instead of triggering update on every addEvent
+
 ## 2.0.3
 
 ### Patch Changes

diff --git a/packages/rrweb-player/package.json b/packages/rrweb-player/package.json
@@ -1,8 +1,8 @@
 {
   "name": "@saola.ai/rrweb-player",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "devDependencies": {
-    "@saola.ai/rrweb-types": "^2.0.3",
+    "@saola.ai/rrweb-types": "^2.0.4",
     "@sveltejs/adapter-auto": "^3.0.0",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/package": "^2.0.0",

diff --git a/packages/rrweb-player/src/Controller.svelte b/packages/rrweb-player/src/Controller.svelte
@@ -173,8 +173,10 @@
   };
 
   export const triggerUpdateProgress = () => {
-    customEvents = buildCustomEvents();
-    inactivePeriods = buildInactivePeriods();
+    return Promise.resolve().then(() => {
+      customEvents = buildCustomEvents();
+      inactivePeriods = buildInactivePeriods();
+    });
   };
 
   export const toggle = () => {

diff --git a/packages/rrweb-player/src/Player.svelte b/packages/rrweb-player/src/Player.svelte
@@ -111,8 +111,12 @@
   export const addEvent: RRwebPlayerExpose['addEvent'] = (event: eventWithTime) => {
     replayer.addEvent(event);
     controller.triggerUpdateMeta();
-    controller.triggerUpdateProgress();
+    
   };
+  export const refreshProgress: RRwebPlayerExpose["refreshProgress"] = () => {
+    controller.triggerUpdateProgress();
+  }
+  
   export const getMetaData: RRwebPlayerExpose['getMetaData'] = () => replayer.getMetaData();
   export const getReplayer: RRwebPlayerExpose['getReplayer'] = () => replayer;
 

diff --git a/packages/rrweb-player/src/types.ts b/packages/rrweb-player/src/types.ts
@@ -76,6 +76,7 @@ export type RRwebPlayerExpose = {
   $set: (options: { width: number; height: number }) => void;
   setDims: (width: number, height: number) => void;
   setDimsAndScale: (width: number, height: number) => void;
+  refreshProgress: () => void;
   play: () => void;
   pause: () => void;
   goto: (timeOffset: number, play?: boolean) => void;

diff --git a/packages/rrweb-snapshot/CHANGELOG.md b/packages/rrweb-snapshot/CHANGELOG.md
@@ -1,5 +1,7 @@
 # rrweb-snapshot
 
+## 2.0.4
+
 ## 2.0.3
 
 ## 2.0.2

diff --git a/packages/rrweb-snapshot/package.json b/packages/rrweb-snapshot/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@saola.ai/rrweb-snapshot",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "rrweb's component to take a snapshot of DOM, aka DOM serializer",
   "scripts": {
     "prepare": "npm run prepack",

diff --git a/packages/rrweb/CHANGELOG.md b/packages/rrweb/CHANGELOG.md
@@ -1,5 +1,14 @@
 # rrweb
 
+## 2.0.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @saola.ai/[email protected]
+  - @saola.ai/[email protected]
+  - @saola.ai/[email protected]
+
 ## 2.0.3
 
 ### Patch Changes

diff --git a/packages/rrweb/package.json b/packages/rrweb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@saola.ai/rrweb",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "record and replay the web",
   "scripts": {
     "prepare": "npm run prepack",
@@ -83,12 +83,12 @@
     "vite-plugin-dts": "^3.8.1"
   },
   "dependencies": {
-    "@saola.ai/rrweb-types": "^2.0.3",
+    "@saola.ai/rrweb-types": "^2.0.4",
     "@types/css-font-loading-module": "0.0.7",
     "@xstate/fsm": "^1.4.0",
     "base64-arraybuffer": "^1.0.1",
     "mitt": "^3.0.0",
-    "@saola.ai/rrdom": "^2.0.3",
-    "@saola.ai/rrweb-snapshot": "^2.0.3"
+    "@saola.ai/rrdom": "^2.0.4",
+    "@saola.ai/rrweb-snapshot": "^2.0.4"
   }
 }
diff --git a/packages/types/CHANGELOG.md b/packages/types/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @rrweb/types
 
+## 2.0.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @saola.ai/[email protected]
+
 ## 2.0.3
 
 ### Patch Changes

diff --git a/packages/types/package.json b/packages/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@saola.ai/rrweb-types",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "publishConfig": {
     "access": "public"
   },
@@ -52,7 +52,7 @@
   "dependencies": {
     "@changesets/cli": "^2.27.1",
     "@monorepo-utils/workspaces-to-typescript-project-references": "^2.8.2",
-    "@saola.ai/rrweb-snapshot": "^2.0.3",
+    "@saola.ai/rrweb-snapshot": "^2.0.4",
     "browserslist": "^4.22.1",
     "concurrently": "^7.1.0",
     "cssom": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",

diff --git a/packages/web-extension/CHANGELOG.md b/packages/web-extension/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @rrweb/web-extension
 
+## 2.0.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @saola.ai/[email protected]
+  - @saola.ai/[email protected]
+
 ## 2.0.3
 
 ### Patch Changes

diff --git a/packages/web-extension/package.json b/packages/web-extension/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saola.ai/rrweb-web-extension",
   "private": true,
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "The web extension of rrweb which helps to run rrweb on any website out of box",
   "author": "rrweb-io",
   "license": "MIT",
@@ -18,7 +18,7 @@
     "prepublish": "yarn build"
   },
   "devDependencies": {
-    "@saola.ai/rrweb-types": "^2.0.3",
+    "@saola.ai/rrweb-types": "^2.0.4",
     "@types/react-dom": "^18.0.6",
     "@types/webextension-polyfill": "^0.9.1",
     "@vitejs/plugin-react": "^4.2.1",
@@ -42,7 +42,7 @@
     "react-dom": "^18.2.0",
     "react-icons": "^4.4.0",
     "react-router-dom": "^6.4.1",
-    "@saola.ai/rrweb": "^2.0.3",
-    "@saola.ai/rrweb-player": "^2.0.3"
+    "@saola.ai/rrweb": "^2.0.4",
+    "@saola.ai/rrweb-player": "^2.0.4"
   }
 }