@zaplier/sdk 1.3.5 → 1.3.7

package/dist/index.cjs

@@ -19068,19 +19068,20 @@ class SessionReplayEngine {
             this.hasFullSnapshot = false;
             this.startTime = Date.now();
             this.startBatchTimer();
-            // WORKAROUND: Force FullSnapshot creation to fix rrweb 2.0.0-alpha bug
+            // WORKAROUND: Force FullSnapshot creation IMMEDIATELY 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...");
+                    console.log("[Zaplier] Forcing immediate FullSnapshot to ensure correct event order...");
                     try {
-                        takeFullSnapshot(true); // Force a new FullSnapshot
+                        takeFullSnapshot(true); // Force a new FullSnapshot immediately
+                        console.log("[Zaplier] FullSnapshot manually triggered");
                     }
                     catch (error) {
                         console.error("[Zaplier] Failed to force FullSnapshot:", error);
                     }
                 }
-            }, 500); // Give rrweb a chance to create natural FullSnapshot first
+            }, 50); // Very short delay but let natural events come first
             // Set timeout to check if FullSnapshot was captured
             this.snapshotTimeout = window.setTimeout(() => {
                 if (!this.hasFullSnapshot) {
@@ -19232,12 +19233,21 @@ class SessionReplayEngine {
         }
         const batch = [...this.events];
         this.events = [];
+        // IMPORTANT: Ensure FullSnapshot comes first in the batch
+        const fullSnapshotIndex = batch.findIndex((e) => e.type === EventType.FullSnapshot);
+        if (fullSnapshotIndex > 0) {
+            console.log("[Zaplier] Reordering events - moving FullSnapshot to first position");
+            const fullSnapshot = batch.splice(fullSnapshotIndex, 1)[0];
+            if (fullSnapshot) {
+                batch.unshift(fullSnapshot);
+            }
+        }
         // Verify batch has FullSnapshot
         const hasSnapshot = batch.some((e) => e.type === EventType.FullSnapshot);
         if (!hasSnapshot && this.hasFullSnapshot) {
             console.warn("[Zaplier] Batch missing FullSnapshot, but one was captured earlier");
         }
-        console.log(`[Zaplier] Sending batch with ${batch.length} events for session ${this.sessionId}`, { hasSnapshot, firstEventType: batch[0]?.type });
+        console.log(`[Zaplier] Sending batch with ${batch.length} events for session ${this.sessionId}`, { hasSnapshot, firstEventType: batch[0]?.type, eventTypes: batch.slice(0, 5).map(e => e.type) });
         const payload = {
             sessionId: this.sessionId,
             events: batch,
@@ -19339,7 +19349,7 @@ const DEFAULT_CONFIG = {
  */
 class ZaplierSDK {
     constructor(userConfig) {
-        this.version = "1.3.5";
+        this.version = "1.3.7";
         this.isInitialized = false;
         this.eventQueue = [];
         /**