From 3d4280b23acff072738dfd521369f93a4ed8dc71 Mon Sep 17 00:00:00 2001
From: Eoghan Murray <eoghan@getthere.ie>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH] Keep track of pause/play state so that player doesn't
 accidentally 'unpause' a user pause action (#189)

---
 src/replay/index.ts | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/replay/index.ts b/src/replay/index.ts
index c5378a43..bf8f5e7b 100644
--- a/src/replay/index.ts
+++ b/src/replay/index.ts
@@ -57,6 +57,8 @@ export class Replayer {
 
   private missingNodeRetryMap: missingNodeMap = {};
 
+  private playing: boolean = false;
+
   constructor(events: eventWithTime[], config?: Partial<playerConfig>) {
     if (events.length < 2) {
       throw new Error('Replayer need at least 2 events.');
@@ -144,11 +146,13 @@ export class Replayer {
     }
     this.timer.addActions(actions);
     this.timer.start();
+    this.playing = true;
     this.emitter.emit(ReplayerEvents.Start);
   }
 
   public pause() {
     this.timer.clear();
+    this.playing = false;
     this.emitter.emit(ReplayerEvents.Pause);
   }
 
@@ -171,6 +175,7 @@ export class Replayer {
     }
     this.timer.addActions(actions);
     this.timer.start();
+    this.playing = true;
     this.emitter.emit(ReplayerEvents.Resume);
   }
 
@@ -324,10 +329,12 @@ export class Replayer {
         .forEach((css: HTMLLinkElement) => {
           if (!css.sheet) {
             if (unloadSheets.size === 0) {
-              this.pause();
+              this.timer.clear();  // artificial pause
               this.emitter.emit(ReplayerEvents.LoadStylesheetStart);
               timer = window.setTimeout(() => {
-                this.resume(this.getCurrentTime());
+                if (this.playing) {
+                  this.resume(this.getCurrentTime());
+                }
                 // mark timer was called
                 timer = -1;
               }, this.config.loadTimeout);
@@ -336,7 +343,9 @@ export class Replayer {
             css.addEventListener('load', () => {
               unloadSheets.delete(css);
               if (unloadSheets.size === 0 && timer !== -1) {
-                this.resume(this.getCurrentTime());
+                if (this.playing) {
+                  this.resume(this.getCurrentTime());
+                }
                 this.emitter.emit(ReplayerEvents.LoadStylesheetEnd);
                 if (timer) {
                   window.clearTimeout(timer);