Bump (#38)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@highlight-run/rrweb",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "description": "record and replay the web",
   "scripts": {
     "test": "npm run bundle:browser && cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register test/**/*.test.ts",

src/replay/index.ts

@@ -114,6 +114,8 @@ export class Replayer {
   private elementStateMap!: Map<INode, ElementState>;
 
   private imageMap: Map<eventWithTime, HTMLImageElement> = new Map();
+  /** The first time the player is playing. */
+  private firstPlay = false;
 
   constructor(
     events: Array<eventWithTime | string>,
@@ -238,7 +240,6 @@ export class Replayer {
       }, 0);
     }
     if (firstFullsnapshot) {
-      (firstFullsnapshot as fullSnapshotEvent).isFirstFullSnapshot = true;
       setTimeout(() => {
         this.rebuildFullSnapshot(
           firstFullsnapshot as fullSnapshotEvent & { timestamp: number },
@@ -545,10 +546,13 @@ export class Replayer {
         break;
       case EventType.FullSnapshot:
         castFn = () => {
-          if (!event.isFirstFullSnapshot) {
-            this.rebuildFullSnapshot(event, isSync);
-            this.iframe.contentWindow!.scrollTo(event.data.initialOffset);
+          // Don't build a full snapshot during the first play through since we've already built it when the player was mounted.
+          if (this.firstPlay) {
+            this.firstPlay = false;
+            return;
           }
+          this.rebuildFullSnapshot(event, isSync);
+          this.iframe.contentWindow!.scrollTo(event.data.initialOffset);
           this.handleInactivity(event.timestamp);
         };
         break;

src/types.ts

@@ -43,7 +43,6 @@ export type fullSnapshotEvent = {
       left: number;
     };
   };
-  isFirstFullSnapshot?: boolean;
 };
 
 export type incrementalSnapshotEvent = {