@zaplier/sdk 1.3.3 → 1.3.4

package/dist/sdk.js

@@ -19022,6 +19022,7 @@
             this.events = [];
             this.isActive = false;
             this.hasFullSnapshot = false;
+            this.startTime = 0;
             this.sessionId = sessionId;
             this.config = {
                 enabled: true,
@@ -19066,7 +19067,22 @@
                 });
                 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;
             }
@@ -19091,6 +19107,10 @@
                 clearInterval(this.batchTimer);
                 this.batchTimer = undefined;
             }
+            if (this.snapshotTimeout) {
+                clearTimeout(this.snapshotTimeout);
+                this.snapshotTimeout = undefined;
+            }
             // Send final batch
             this.sendBatch();
         }
@@ -19099,13 +19119,47 @@
          */
         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
@@ -19121,7 +19175,7 @@
             // 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
@@ -19149,15 +19203,19 @@
             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");
             }