@zaplier/sdk 1.2.7 → 1.3.0

package/dist/index.d.ts

@@ -769,6 +769,14 @@ declare class ZaplierSDK implements ZaplierSDK$1 {
      * Send event to backend
      */
     private sendEvent;
+    /**
+     * Send session replay batch to backend
+     */
+    sendReplayBatch(replayData: {
+        sessionId: string;
+        events: any[];
+        metadata: any;
+    }): Promise<any>;
     /**
      * Make HTTP request to backend using anti-adblock system
      */

package/dist/index.esm.js

@@ -7281,37 +7281,28 @@ class SessionReplayEngine {
         this.sendToBackend(payload);
     }
     /**
-     * Set anti-adblock manager for WebRTC transport
+     * Set SDK instance for transport
      */
-    setAntiAdblockManager(manager) {
-        this.antiAdblockManager = manager;
+    setSDKInstance(sdk) {
+        this.sdkInstance = sdk;
     }
     /**
-     * Send data via WebRTC (anti-adblock) or fallback to standard fetch
+     * Send replay batch via SDK's transport system
      */
     async sendToBackend(payload) {
         try {
-            // Try WebRTC first if anti-adblock manager is available
-            if (this.antiAdblockManager) {
-                console.log("[Zaplier] Trying WebRTC transport...");
-                const result = await this.antiAdblockManager.send(payload, "/replays/record");
-                if (result.success) {
-                    console.log("[Zaplier] Session replay sent via WebRTC");
-                    return; // Success via WebRTC
-                }
-                console.log("[Zaplier] WebRTC failed, falling back to fetch");
+            if (!this.sdkInstance) {
+                console.error("[Zaplier] No SDK instance available for replay transport");
+                return;
             }
-            // Get API endpoint from global config
-            const apiEndpoint = window.zaplier_config?.apiEndpoint || "http://localhost:3001";
-            const token = window.zaplier_config?.token || "ws_demo_token";
-            const url = `${apiEndpoint}/replays/record?token=${token}`;
-            console.log(`[Zaplier] Sending replay batch to ${url}`);
+            console.log(`[Zaplier] Sending replay batch via SDK transport`);
             console.log(`[Zaplier] Payload:`, {
                 sessionId: payload.sessionId,
                 eventCount: payload.events.length,
                 hasMetadata: !!payload.metadata,
             });
-            const requestBody = {
+            // Use SDK's sendReplayBatch method
+            const result = await this.sdkInstance.sendReplayBatch({
                 sessionId: payload.sessionId,
                 events: payload.events,
                 metadata: {
@@ -7321,23 +7312,12 @@ class SessionReplayEngine {
                     hasConversion: false,
                     ...payload.metadata,
                 },
-            };
-            // Fallback to standard fetch
-            const response = await fetch(url, {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify(requestBody),
             });
-            const responseText = await response.text();
-            if (!response.ok) {
-                console.error("[Zaplier] Session replay batch failed:", {
-                    status: response.status,
-                    statusText: response.statusText,
-                    response: responseText,
-                });
+            if (result && result.success) {
+                console.log("[Zaplier] Session replay batch sent successfully");
             }
             else {
-                console.log("[Zaplier] Session replay batch sent successfully:", responseText);
+                console.error("[Zaplier] Session replay batch failed:", result);
             }
         }
         catch (error) {
@@ -7389,7 +7369,7 @@ const DEFAULT_CONFIG = {
  */
 class ZaplierSDK {
     constructor(userConfig) {
-        this.version = "3.0.0";
+        this.version = "1.3.0";
         this.isInitialized = false;
         this.eventQueue = [];
         /**
@@ -7467,7 +7447,7 @@ class ZaplierSDK {
                     });
                     // Connect to anti-adblock manager
                     if (this.antiAdblockManager) {
-                        this.replayEngine.setAntiAdblockManager(this.antiAdblockManager);
+                        this.replayEngine.setSDKInstance(this);
                     }
                     const started = this.replayEngine.start();
                     if (this.config.debug) {
@@ -7478,10 +7458,35 @@ class ZaplierSDK {
                     }
                 }
                 else if (this.replayEngine) {
-                    // If engine already exists, try to start it (might have failed due to sampling before)
-                    const started = this.replayEngine.start();
-                    if (this.config.debug) {
-                        console.log("[Zaplier] Replay engine already exists, attempting start", { started });
+                    // If engine already exists but isn't recording, recreate it with 100% sample rate
+                    if (!this.replayEngine.isRecording()) {
+                        // Stop and recreate with 100% sample rate
+                        this.replayEngine.stop();
+                        this.replayEngine = undefined;
+                        // Recreate with 100% sample rate
+                        if (!this.sessionId) {
+                            this.sessionId = this.generateSessionId();
+                        }
+                        const sessionId = this.sessionId;
+                        this.replayEngine = new SessionReplayEngine(sessionId, {
+                            sampleRate: 1.0, // Force 100% when explicitly enabled
+                            maskSensitiveFields: this.config.replayMaskInputs,
+                            compressionEnabled: true,
+                        });
+                        // Connect to anti-adblock manager
+                        if (this.antiAdblockManager) {
+                            this.replayEngine.setSDKInstance(this);
+                        }
+                        const started = this.replayEngine.start();
+                        if (this.config.debug) {
+                            console.log("[Zaplier] Replay engine recreated with 100% sample rate", { started, isRecording: this.replayEngine.isRecording() });
+                        }
+                    }
+                    else {
+                        // Already recording, just log
+                        if (this.config.debug) {
+                            console.log("[Zaplier] Replay already recording");
+                        }
                     }
                 }
                 if (this.config.debug && !this.replayEngine) {
@@ -7512,7 +7517,7 @@ class ZaplierSDK {
                     });
                     // Connect to anti-adblock manager
                     if (this.antiAdblockManager) {
-                        this.replayEngine.setAntiAdblockManager(this.antiAdblockManager);
+                        this.replayEngine.setSDKInstance(this);
                     }
                     return this.replayEngine.start();
                 }
@@ -7616,10 +7621,8 @@ class ZaplierSDK {
                     maskSensitiveFields: this.config.replayMaskInputs,
                     compressionEnabled: true,
                 });
-                // Connect to anti-adblock manager for WebRTC transport
-                if (this.antiAdblockManager) {
-                    this.replayEngine.setAntiAdblockManager(this.antiAdblockManager);
-                }
+                // Connect SDK instance for transport
+                this.replayEngine.setSDKInstance(this);
                 const started = this.replayEngine.start();
                 if (this.config.debug) {
                     console.log("[Zaplier] Session Replay started", {
@@ -7905,6 +7908,46 @@ class ZaplierSDK {
             }
         }
     }
+    /**
+     * Send session replay batch to backend
+     */
+    async sendReplayBatch(replayData) {
+        if (!this.isInitialized) {
+            console.error("[Zaplier] SDK not initialized for replay batch sending");
+            return { success: false, error: "SDK not initialized" };
+        }
+        try {
+            const payload = {
+                sessionId: replayData.sessionId,
+                userId: this.backendVisitorId,
+                events: replayData.events,
+                metadata: {
+                    ...replayData.metadata,
+                    visitorId: this.backendVisitorId,
+                    fingerprintHash: this.fingerprint?.hash,
+                },
+            };
+            if (this.config.debug) {
+                console.log("[Zaplier] Sending replay batch:", {
+                    sessionId: payload.sessionId,
+                    eventCount: payload.events.length,
+                    hasMetadata: !!payload.metadata,
+                });
+            }
+            // Use anti-adblock transport or standard HTTP
+            const result = await this.makeRequest(`/replays/record?token=${encodeURIComponent(this.config.token)}`, payload, "POST");
+            if (this.config.debug) {
+                console.log("[Zaplier] Replay batch result:", result);
+            }
+            return result;
+        }
+        catch (error) {
+            if (this.config.debug) {
+                console.error("[Zaplier] Replay batch sending failed:", error);
+            }
+            return { success: false, error: error instanceof Error ? error.message : "Unknown error" };
+        }
+    }
     /**
      * Make HTTP request to backend using anti-adblock system
      */