@tracelog/lib 0.11.3 → 0.11.4

package/dist/public-api.d.mts

@@ -681,7 +681,7 @@ declare class ScrollHandler extends StateManager {
     private minDepthChange;
     private minIntervalMs;
     private maxEventsPerSession;
-    private retryTimeoutId;
+    private containerDiscoveryTimeoutId;
     constructor(eventManager: EventManager);
     startTracking(): void;
     stopTracking(): void;

package/dist/public-api.d.ts

@@ -681,7 +681,7 @@ declare class ScrollHandler extends StateManager {
     private minDepthChange;
     private minIntervalMs;
     private maxEventsPerSession;
-    private retryTimeoutId;
+    private containerDiscoveryTimeoutId;
     constructor(eventManager: EventManager);
     startTracking(): void;
     stopTracking(): void;

package/dist/public-api.js

@@ -13,6 +13,7 @@ var MAX_THROTTLE_CACHE_ENTRIES = 1e3;
 var THROTTLE_ENTRY_TTL_MS = 3e5;
 var THROTTLE_PRUNE_INTERVAL_MS = 3e4;
 var EVENT_EXPIRY_HOURS = 2;
+var PERSISTENCE_THROTTLE_MS = 1e3;
 var MAX_EVENTS_QUEUE_LENGTH = 100;
 var REQUEST_TIMEOUT_MS = 1e4;
 var SIGNIFICANT_SCROLL_DELTA = 10;
@@ -1080,6 +1081,7 @@ var StateManager = class {
 var SenderManager = class extends StateManager {
   storeManager;
   lastPermanentErrorLog = null;
+  recoveryInProgress = false;
   constructor(storeManager) {
     super();
     this.storeManager = storeManager;
@@ -1125,6 +1127,11 @@ var SenderManager = class extends StateManager {
     }
   }
   async recoverPersistedEvents(callbacks) {
+    if (this.recoveryInProgress) {
+      log("debug", "Recovery already in progress, skipping duplicate attempt");
+      return;
+    }
+    this.recoveryInProgress = true;
     try {
       const persistedData = this.getPersistedData();
       if (!persistedData || !this.isDataRecent(persistedData) || persistedData.events.length === 0) {
@@ -1147,6 +1154,8 @@ var SenderManager = class extends StateManager {
         return;
       }
       log("error", "Failed to recover persisted events", { error });
+    } finally {
+      this.recoveryInProgress = false;
     }
   }
   stop() {
@@ -1273,6 +1282,16 @@ var SenderManager = class extends StateManager {
   }
   persistEvents(body) {
     try {
+      const existing = this.getPersistedData();
+      if (existing && existing.timestamp) {
+        const timeSinceExisting = Date.now() - existing.timestamp;
+        if (timeSinceExisting < PERSISTENCE_THROTTLE_MS) {
+          log("debug", "Skipping persistence, another tab recently persisted events", {
+            data: { timeSinceExisting }
+          });
+          return true;
+        }
+      }
       const persistedData = {
         ...body,
         timestamp: Date.now()
@@ -1563,6 +1582,9 @@ var EventManager = class extends StateManager {
         this.removeProcessedEvents(eventIds);
         this.clearSendInterval();
         this.emitEventsQueue(body);
+      } else {
+        this.removeProcessedEvents(eventIds);
+        this.clearSendInterval();
       }
       return success;
     } else {
@@ -1573,7 +1595,11 @@ var EventManager = class extends StateManager {
           this.emitEventsQueue(body);
         },
         onFailure: () => {
-          log("warn", "Async flush failed", {
+          this.removeProcessedEvents(eventIds);
+          if (this.eventsQueue.length === 0) {
+            this.clearSendInterval();
+          }
+          log("warn", "Async flush failed, removed from queue and persisted for recovery on next page load", {
             data: { eventCount: eventsToSend.length }
           });
         }
@@ -1593,7 +1619,11 @@ var EventManager = class extends StateManager {
         this.emitEventsQueue(body);
       },
       onFailure: () => {
-        log("warn", "Events send failed, keeping in queue", {
+        this.removeProcessedEvents(eventIds);
+        if (this.eventsQueue.length === 0) {
+          this.clearSendInterval();
+        }
+        log("warn", "Events send failed, removed from queue and persisted for recovery on next page load", {
           data: { eventCount: eventsToSend.length }
         });
       }
@@ -2559,7 +2589,7 @@ var ScrollHandler = class extends StateManager {
   minDepthChange = MIN_SCROLL_DEPTH_CHANGE;
   minIntervalMs = SCROLL_MIN_EVENT_INTERVAL_MS;
   maxEventsPerSession = MAX_SCROLL_EVENTS_PER_SESSION;
-  retryTimeoutId = null;
+  containerDiscoveryTimeoutId = null;
   constructor(eventManager) {
     super();
     this.eventManager = eventManager;
@@ -2571,9 +2601,9 @@ var ScrollHandler = class extends StateManager {
     this.tryDetectScrollContainers(0);
   }
   stopTracking() {
-    if (this.retryTimeoutId !== null) {
-      clearTimeout(this.retryTimeoutId);
-      this.retryTimeoutId = null;
+    if (this.containerDiscoveryTimeoutId !== null) {
+      clearTimeout(this.containerDiscoveryTimeoutId);
+      this.containerDiscoveryTimeoutId = null;
     }
     for (const container of this.containers) {
       this.clearContainerTimer(container);
@@ -2601,8 +2631,8 @@ var ScrollHandler = class extends StateManager {
       return;
     }
     if (attempt < 5) {
-      this.retryTimeoutId = window.setTimeout(() => {
-        this.retryTimeoutId = null;
+      this.containerDiscoveryTimeoutId = window.setTimeout(() => {
+        this.containerDiscoveryTimeoutId = null;
         this.tryDetectScrollContainers(attempt + 1);
       }, 200);
       return;
@@ -2688,15 +2718,18 @@ var ScrollHandler = class extends StateManager {
       lastDepth: initialDepth,
       lastDirection: "down" /* DOWN */,
       lastEventTime: 0,
+      firstScrollEventTime: null,
       maxDepthReached: initialDepth,
       debounceTimer: null,
       listener: null
-      // Will be assigned after handleScroll is defined
     };
     const handleScroll = () => {
       if (this.get("suppressNextScroll")) {
         return;
       }
+      if (container.firstScrollEventTime === null) {
+        container.firstScrollEventTime = Date.now();
+      }
       this.clearContainerTimer(container);
       container.debounceTimer = window.setTimeout(() => {
         const scrollData = this.calculateScrollData(container);
@@ -2807,8 +2840,15 @@ var ScrollHandler = class extends StateManager {
     const scrollHeight = this.getScrollHeight(element);
     const direction = this.getScrollDirection(scrollTop, lastScrollPos);
     const depth = this.calculateScrollDepth(scrollTop, scrollHeight, viewportHeight);
-    const timeDelta = lastEventTime > 0 ? now - lastEventTime : 0;
-    const velocity = timeDelta > 0 ? Math.round(positionDelta / timeDelta * 1e3) : 0;
+    let timeDelta;
+    if (lastEventTime > 0) {
+      timeDelta = now - lastEventTime;
+    } else if (container.firstScrollEventTime !== null) {
+      timeDelta = now - container.firstScrollEventTime;
+    } else {
+      timeDelta = SCROLL_DEBOUNCE_TIME_MS;
+    }
+    const velocity = Math.round(positionDelta / timeDelta * 1e3);
     if (depth > container.maxDepthReached) {
       container.maxDepthReached = depth;
     }