[DEV-965] Update progress custom events and inactive period on trigger (

#12)
SaolaAI · Jul 28, 2024 · 9b10bb0 · 9b10bb0
1 parent bfb462a
commit 9b10bb0
Show file tree

Hide file tree

Showing 18 changed files with 88 additions and 27 deletions.
diff --git a/packages/rrdom-nodejs/CHANGELOG.md b/packages/rrdom-nodejs/CHANGELOG.md
@@ -1,5 +1,13 @@
 # rrdom-nodejs
 
+## 2.0.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @saola.ai/[email protected]
+  - @saola.ai/[email protected]
+
 ## 2.0.2
 
 ### 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.2",
+  "version": "2.0.3",
   "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.2",
-    "@saola.ai/rrweb-snapshot": "^2.0.2"
+    "@saola.ai/rrdom": "^2.0.3",
+    "@saola.ai/rrweb-snapshot": "^2.0.3"
   },
   "browserslist": [
     "supports es6-class"

diff --git a/packages/rrdom/CHANGELOG.md b/packages/rrdom/CHANGELOG.md
@@ -1,5 +1,12 @@
 # rrdom
 
+## 2.0.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @saola.ai/[email protected]
+
 ## 2.0.2
 
 ### 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.2",
+  "version": "2.0.3",
   "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.2",
+    "@saola.ai/rrweb-types": "^2.0.3",
     "@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.2"
+    "@saola.ai/rrweb-snapshot": "^2.0.3"
   }
 }
diff --git a/packages/rrvideo/CHANGELOG.md b/packages/rrvideo/CHANGELOG.md
@@ -1,5 +1,12 @@
 # rrvideo
 
+## 2.0.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @saola.ai/[email protected]
+
 ## 2.0.2
 
 ### 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.2",
+  "version": "2.0.3",
   "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.2"
+    "@saola.ai/rrweb-types": "^2.0.3"
   },
   "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.2"
+    "@saola.ai/rrweb-player": "^2.0.3"
   }
 }
diff --git a/packages/rrweb-player/CHANGELOG.md b/packages/rrweb-player/CHANGELOG.md
@@ -1,5 +1,11 @@
 # rrweb-player
 
+## 2.0.3
+
+### Patch Changes
+
+- Trigger progress bar updates (custom events and inactive periods) on async add event
+
 ## 2.0.2
 
 ### 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.2",
+  "version": "2.0.3",
   "devDependencies": {
-    "@saola.ai/rrweb-types": "^2.0.2",
+    "@saola.ai/rrweb-types": "^2.0.3",
     "@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
@@ -45,7 +45,6 @@
     start: number;
     end: number;
   } | null = null;
-
   let meta: playerMetaData;
   $: meta = replayer.getMetaData();
   let percentage: string;
@@ -75,7 +74,7 @@
   }
 
   let customEvents: CustomEvent[];
-  $: customEvents = (() => {
+  const buildCustomEvents = () => {
     const { context } = replayer.service.state;
     const totalEvents = context.events.length;
     const start = context.events[0].timestamp;
@@ -99,15 +98,16 @@
     });
 
     return customEvents;
-  })();
+  };
+  $: customEvents = buildCustomEvents();
 
   let inactivePeriods: {
     name: string;
     background: string;
     position: string;
     width: string;
   }[];
-  $: inactivePeriods = (() => {
+  const buildInactivePeriods = () => {
     try {
       const { context } = replayer.service.state;
       const totalEvents = context.events.length;
@@ -136,7 +136,8 @@
       // For safety concern, if there is any error, the main function won't be affected.
       return [];
     }
-  })();
+  };
+  $: inactivePeriods = buildInactivePeriods();
 
   const loopTimer = () => {
     stopTimer();
@@ -171,6 +172,11 @@
     }
   };
 
+  export const triggerUpdateProgress = () => {
+    customEvents = buildCustomEvents();
+    inactivePeriods = buildInactivePeriods();
+  };
+
   export const toggle = () => {
     switch (playerState) {
       case 'playing':

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

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

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.2",
+  "version": "2.0.3",
   "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.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @saola.ai/[email protected]
+  - @saola.ai/[email protected]
+  - @saola.ai/[email protected]
+
 ## 2.0.2
 
 ### 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.2",
+  "version": "2.0.3",
   "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.2",
+    "@saola.ai/rrweb-types": "^2.0.3",
     "@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.2",
-    "@saola.ai/rrweb-snapshot": "^2.0.2"
+    "@saola.ai/rrdom": "^2.0.3",
+    "@saola.ai/rrweb-snapshot": "^2.0.3"
   }
 }
diff --git a/packages/types/CHANGELOG.md b/packages/types/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @rrweb/types
 
+## 2.0.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @saola.ai/[email protected]
+
 ## 2.0.2
 
 ### 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.2",
+  "version": "2.0.3",
   "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.2",
+    "@saola.ai/rrweb-snapshot": "^2.0.3",
     "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.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @saola.ai/[email protected]
+  - @saola.ai/[email protected]
+
 ## 2.0.2
 
 ### 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.2",
+  "version": "2.0.3",
   "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.2",
+    "@saola.ai/rrweb-types": "^2.0.3",
     "@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.2",
-    "@saola.ai/rrweb-player": "^2.0.2"
+    "@saola.ai/rrweb": "^2.0.3",
+    "@saola.ai/rrweb-player": "^2.0.3"
   }
 }