@zaplier/sdk 1.3.3 → 1.3.5

package/dist/index.esm.js

@@ -19006,6 +19006,7 @@ var n;
 !function(t2) {
   t2[t2.NotStarted = 0] = "NotStarted", t2[t2.Running = 1] = "Running", t2[t2.Stopped = 2] = "Stopped";
 }(n || (n = {}));
+const { takeFullSnapshot } = record;
 
 /**
  * Session Replay Engine
@@ -19016,6 +19017,7 @@ class SessionReplayEngine {
         this.events = [];
         this.isActive = false;
         this.hasFullSnapshot = false;
+        this.startTime = 0;
         this.sessionId = sessionId;
         this.config = {
             enabled: true,
@@ -19060,7 +19062,41 @@ class SessionReplayEngine {
             });
             this.isActive = true;
             this.hasFullSnapshot = false;
+            this.startTime = Date.now();
             this.startBatchTimer();
+            // WORKAROUND: Force FullSnapshot creation to fix rrweb 2.0.0-alpha bug
+            // where FullSnapshot is sometimes not created as the first event
+            setTimeout(() => {
+                if (!this.hasFullSnapshot) {
+                    console.warn("[Zaplier] ⚠️ FullSnapshot not created automatically, forcing manual capture...");
+                    try {
+                        takeFullSnapshot(true); // Force a new FullSnapshot
+                    }
+                    catch (error) {
+                        console.error("[Zaplier] Failed to force FullSnapshot:", error);
+                    }
+                }
+            }, 500); // Give rrweb a chance to create natural FullSnapshot first
+            // 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),
+                    });
+                    // Try one more forced snapshot as last resort
+                    try {
+                        console.warn("[Zaplier] Last resort: forcing FullSnapshot...");
+                        takeFullSnapshot(true);
+                    }
+                    catch (error) {
+                        console.error("[Zaplier] Failed to create emergency FullSnapshot:", error);
+                    }
+                }
+                else {
+                    console.log("[Zaplier] ✅ FullSnapshot confirmed captured");
+                }
+            }, 5000);
             console.log("[Zaplier] Session replay started with rrweb");
             return true;
         }
@@ -19085,6 +19121,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 +19133,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 +19189,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 +19217,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");
         }
@@ -19257,7 +19335,7 @@ const DEFAULT_CONFIG = {
  */
 class ZaplierSDK {
     constructor(userConfig) {
-        this.version = "1.3.0";
+        this.version = "1.3.5";
         this.isInitialized = false;
         this.eventQueue = [];
         /**