@zaplier/sdk 1.7.8 → 1.8.0

package/dist/index.cjs

@@ -21386,7 +21386,7 @@ class ZaplierSDK {
         }
     }
     /**
-     * Initialize SDK
+     * Initialize SDK - Non-blocking approach
      */
     async initialize() {
         try {
@@ -21400,21 +21400,19 @@ class ZaplierSDK {
                 }
                 return;
             }
-            // Collect fingerprint
-            await this.collectFingerprint();
-            // Auto-track page view if enabled
+            // CRITICAL: Initialize basic tracking immediately (non-blocking)
+            this.isInitialized = true;
+            // Auto-track page view if enabled (immediate, before fingerprinting)
             if (this.config.autoTrack) {
                 this.trackPageView();
             }
-            this.isInitialized = true;
-            // Initialize anti-adblock system first
-            this.initializeAntiAdblock();
-            // Then initialize tracking engines (they'll connect to anti-adblock)
-            this.initializeTrackingEngines();
-            // Initialize auto tracker
-            this.initializeAutoTracker();
-            // Process queued events
+            // Process any queued events immediately
             this.processEventQueue();
+            // PERFORMANCE: Defer heavy operations to avoid blocking main thread
+            this.deferHeavyOperations();
+            if (this.config.debug) {
+                console.log("[Zaplier] Core SDK initialized (deferring heavy operations)");
+            }
             if (this.config.debug) {
                 console.log("[Zaplier] SDK initialized successfully", {
                     visitorId: this.visitorId,
@@ -21426,6 +21424,55 @@ class ZaplierSDK {
             console.error("[Zaplier] Initialization failed:", error);
         }
     }
+    /**
+     * Defer heavy operations to avoid blocking main thread
+     */
+    deferHeavyOperations() {
+        // Use requestIdleCallback for optimal performance, fallback to setTimeout
+        const scheduleWork = (callback, timeout = 5000) => {
+            if (typeof requestIdleCallback !== 'undefined') {
+                requestIdleCallback(callback, { timeout });
+            }
+            else {
+                setTimeout(callback, 100); // Small delay fallback
+            }
+        };
+        // Schedule fingerprinting when browser is idle
+        scheduleWork(async () => {
+            try {
+                await this.collectFingerprint();
+                if (this.config.debug) {
+                    console.log("[Zaplier] Fingerprint collected (deferred)");
+                }
+            }
+            catch (error) {
+                if (this.config.debug) {
+                    console.error("[Zaplier] Deferred fingerprinting failed:", error);
+                }
+            }
+        }, 3000);
+        // Schedule anti-adblock initialization
+        scheduleWork(() => {
+            this.initializeAntiAdblock();
+            if (this.config.debug) {
+                console.log("[Zaplier] Anti-adblock initialized (deferred)");
+            }
+        }, 1000);
+        // Schedule tracking engines initialization
+        scheduleWork(() => {
+            this.initializeTrackingEngines();
+            if (this.config.debug) {
+                console.log("[Zaplier] Tracking engines initialized (deferred)");
+            }
+        }, 2000);
+        // Schedule auto tracker initialization  
+        scheduleWork(() => {
+            this.initializeAutoTracker();
+            if (this.config.debug) {
+                console.log("[Zaplier] Auto tracker initialized (deferred)");
+            }
+        }, 1500);
+    }
     /**
      * Initialize tracking engines (Session Replay & Heatmap)
      */
@@ -21947,6 +21994,23 @@ class ZaplierSDK {
             if (this.config.debug) {
                 console.log("[Zaplier] Replay batch result:", result);
             }
+            // CRITICAL: Synchronize session ID if backend returned a normalized one
+            // This ensures all tracking components use the same session ID
+            if (result.sessionId && result.sessionId !== this.sessionId) {
+                const oldSessionId = this.sessionId;
+                this.sessionId = result.sessionId;
+                if (this.config.debug) {
+                    console.log("[Zaplier] Session ID synchronized from replay response:", {
+                        oldSessionId,
+                        newSessionId: this.sessionId,
+                        originalSessionId: result.originalSessionId
+                    });
+                }
+                // Update all tracking engines with the normalized session ID
+                if (oldSessionId !== this.sessionId && this.sessionId) {
+                    this.updateTrackingEnginesSessionId(this.sessionId);
+                }
+            }
             return result;
         }
         catch (error) {