@zaplier/sdk 1.3.3 → 1.3.4

package/dist/index.esm.js

@@ -19016,6 +19016,7 @@ class SessionReplayEngine {
         this.events = [];
         this.isActive = false;
         this.hasFullSnapshot = false;
+        this.startTime = 0;
         this.sessionId = sessionId;
         this.config = {
             enabled: true,
@@ -19060,7 +19061,22 @@ class SessionReplayEngine {
             });
             this.isActive = true;
             this.hasFullSnapshot = false;
+            this.startTime = Date.now();
             this.startBatchTimer();
+            // Set timeout to check if FullSnapshot was captured
+            this.snapshotTimeout = window.setTimeout(() => {
+                if (!this.hasFullSnapshot) {
+                    console.error("[Zaplier] CRITICAL: FullSnapshot not captured after 5 seconds!", {
+                        eventsReceived: this.events.length,
+                        eventTypes: this.events.map((e) => e.type).slice(0, 10),
+                    });
+                    // Don't send batches without FullSnapshot - replay won't work
+                    // The issue is likely with rrweb errors preventing snapshot capture
+                }
+                else {
+                    console.log("[Zaplier] FullSnapshot confirmed captured");
+                }
+            }, 5000);
             console.log("[Zaplier] Session replay started with rrweb");
             return true;
         }
@@ -19085,6 +19101,10 @@ class SessionReplayEngine {
             clearInterval(this.batchTimer);
             this.batchTimer = undefined;
         }
+        if (this.snapshotTimeout) {
+            clearTimeout(this.snapshotTimeout);
+            this.snapshotTimeout = undefined;
+        }
         // Send final batch
         this.sendBatch();
     }
@@ -19093,13 +19113,47 @@ class SessionReplayEngine {
      */
     handleRRWebEvent(event) {
         try {
-            // Check if this is a FullSnapshot (type 2)
-            if (event.type === 2) {
+            // Log ALL events until we get FullSnapshot, then log first 5
+            const shouldLog = !this.hasFullSnapshot || this.events.length < 5;
+            if (shouldLog) {
+                const eventTypeNames = {
+                    [EventType.DomContentLoaded]: "DomContentLoaded",
+                    [EventType.Load]: "Load",
+                    [EventType.FullSnapshot]: "FullSnapshot",
+                    [EventType.IncrementalSnapshot]: "IncrementalSnapshot",
+                    [EventType.Meta]: "Meta",
+                    [EventType.Custom]: "Custom",
+                    [EventType.Plugin]: "Plugin",
+                };
+                console.log(`[Zaplier] Received event type ${event.type} (${eventTypeNames[event.type] || "Unknown"})`, {
+                    timestamp: new Date(event.timestamp).toISOString(),
+                    isFirst: this.events.length === 0,
+                    totalEvents: this.events.length + 1,
+                });
+            }
+            // Check if this is a FullSnapshot
+            if (event.type === EventType.FullSnapshot) {
                 this.hasFullSnapshot = true;
-                console.log("[Zaplier] FullSnapshot captured");
+                console.log("[Zaplier] ✅ FullSnapshot captured! Replay will work correctly.");
+                // Clear timeout since we got the snapshot
+                if (this.snapshotTimeout) {
+                    clearTimeout(this.snapshotTimeout);
+                    this.snapshotTimeout = undefined;
+                }
+            }
+            else if (this.events.length === 0) {
+                // First event is NOT a FullSnapshot - this is a problem!
+                console.error(`[Zaplier] ⚠️ WARNING: First event is type ${event.type}, not FullSnapshot! Replay may not work.`);
             }
             // Add event to buffer
             this.addEvent(event);
+            // If we just got the FullSnapshot and have events, try sending immediately
+            if (event.type === EventType.FullSnapshot && this.events.length > 0) {
+                // Small delay to ensure all initial events are captured
+                setTimeout(() => {
+                    this.sendBatch();
+                }, 100);
+            }
         }
         catch (error) {
             // Silently ignore errors from rrweb to prevent breaking the app
@@ -19115,7 +19169,7 @@ class SessionReplayEngine {
         // Prevent memory overflow
         if (this.events.length > this.config.maxEventBuffer) {
             // Keep FullSnapshot if present
-            const fullSnapshotIndex = this.events.findIndex((e) => e.type === 2);
+            const fullSnapshotIndex = this.events.findIndex((e) => e.type === EventType.FullSnapshot);
             if (fullSnapshotIndex >= 0 &&
                 fullSnapshotIndex < this.events.length - this.config.maxEventBuffer) {
                 // Keep snapshot and recent events
@@ -19143,15 +19197,19 @@ class SessionReplayEngine {
         if (this.events.length === 0) {
             return;
         }
-        // Wait for FullSnapshot before sending first batch
+        // CRITICAL: Never send batches without FullSnapshot - replay won't work!
         if (!this.hasFullSnapshot) {
-            console.log("[Zaplier] Waiting for FullSnapshot before sending batch...");
-            return;
+            const waitTime = Date.now() - this.startTime;
+            // Only log every 2 seconds to avoid spam
+            if (waitTime % 2000 < 100) {
+                console.warn(`[Zaplier] Waiting for FullSnapshot before sending batch... (${Math.floor(waitTime / 1000)}s). Events so far: ${this.events.length}, types:`, this.events.map((e) => e.type).slice(0, 5));
+            }
+            return; // Don't send without FullSnapshot
         }
         const batch = [...this.events];
         this.events = [];
         // Verify batch has FullSnapshot
-        const hasSnapshot = batch.some((e) => e.type === 2);
+        const hasSnapshot = batch.some((e) => e.type === EventType.FullSnapshot);
         if (!hasSnapshot && this.hasFullSnapshot) {
             console.warn("[Zaplier] Batch missing FullSnapshot, but one was captured earlier");
         }