working

packages/rrweb/src/replay/index.ts

@@ -134,7 +134,7 @@ export class Replayer {
   private mouseTail: HTMLCanvasElement | null = null;
   private tailPositions: Array<{ x: number; y: number }> = [];
 
-  private emitter: Emitter = mitt();
+  private emitter: Emitter = mitt() as Emitter;
 
   private nextUserInteractionEvent: eventWithTime | null;
 
@@ -331,6 +331,8 @@ export class Replayer {
         this.applySelection(this.lastSelectionData);
         this.lastSelectionData = null;
       }
+
+      this.emitter.emit(ReplayerEvents.FlushEnd);
     });
     this.emitter.on(ReplayerEvents.PlayBack, () => {
       this.firstFullSnapshot = null;
@@ -577,6 +579,7 @@ export class Replayer {
     this.mediaManager.reset();
     this.config.root.removeChild(this.wrapper);
     this.emitter.emit(ReplayerEvents.Destroy);
+    this.emitter.all.clear();
   }
 
   public startLive(baselineTime?: number) {

packages/types/src/index.ts

@@ -651,6 +651,7 @@ export type Emitter = {
   on(type: string, handler: Handler): void;
   emit(type: string, event?: unknown): void;
   off(type: string, handler: Handler): void;
+  all: Map<string | symbol, Handler[]>;
 };
 
 export type Arguments<T> = T extends (...payload: infer U) => unknown
@@ -675,6 +676,7 @@ export enum ReplayerEvents {
   EventCast = 'event-cast',
   CustomEvent = 'custom-event',
   Flush = 'flush',
+  FlushEnd = 'flush-end',
   StateChange = 'state-change',
   PlayBack = 'play-back',
   Destroy = 'destroy',