@zaplier/sdk 1.2.3 → 1.2.5

package/dist/index.esm.js

@@ -6117,16 +6117,16 @@ function getAvailableComponents() {
  */
 class FetchTransport {
     constructor() {
-        this.name = 'fetch';
-        this.available = typeof fetch !== 'undefined';
+        this.name = "fetch";
+        this.available = typeof fetch !== "undefined";
     }
     async send(data, endpoint) {
         const start = Date.now();
         try {
             const response = await fetch(endpoint, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify(data)
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(data),
             });
             if (!response.ok) {
                 throw new Error(`HTTP ${response.status}`);
@@ -6134,56 +6134,7 @@ class FetchTransport {
             return {
                 success: true,
                 method: this.name,
-                latency: Date.now() - start
-            };
-        }
-        catch (error) {
-            return {
-                success: false,
-                method: this.name,
                 latency: Date.now() - start,
-                error: error instanceof Error ? error.message : String(error)
-            };
-        }
-    }
-}
-/**
- * Resource Spoofing Transport (GET requests disguised as assets)
- */
-class ResourceSpoofTransport {
-    constructor(baseUrl) {
-        this.name = 'resource';
-        this.available = typeof fetch !== 'undefined';
-        this.baseUrl = baseUrl;
-    }
-    async send(data, endpoint) {
-        const start = Date.now();
-        try {
-            // Compress and encode data
-            const encoded = this.encodeData(data);
-            // Try different resource types
-            const resourceTypes = [
-                { path: '/assets/styles.css', type: 'text/css' },
-                { path: '/images/pixel.gif', type: 'image/gif' },
-                { path: '/fonts/roboto.woff2', type: 'font/woff2' },
-                { path: '/js/analytics.js', type: 'application/javascript' }
-            ];
-            const randomType = resourceTypes[Math.floor(Math.random() * resourceTypes.length)];
-            const url = `${this.baseUrl}${randomType.path}?d=${encoded}&t=${Date.now()}`;
-            const response = await fetch(url, {
-                method: 'GET',
-                headers: {
-                    'Accept': randomType.type,
-                    'Cache-Control': 'no-cache',
-                    'User-Agent': navigator.userAgent
-                }
-            });
-            // Even if status is not OK, adblockers might have blocked it
-            // But the data might still reach the server
-            return {
-                success: true, // Optimistic success
-                method: this.name,
-                latency: Date.now() - start
             };
         }
         catch (error) {
@@ -6191,31 +6142,18 @@ class ResourceSpoofTransport {
                 success: false,
                 method: this.name,
                 latency: Date.now() - start,
-                error: error instanceof Error ? error.message : String(error)
+                error: error instanceof Error ? error.message : String(error),
             };
         }
     }
-    encodeData(data) {
-        try {
-            const json = JSON.stringify(data);
-            return btoa(encodeURIComponent(json)).replace(/[+/=]/g, (match) => ({
-                '+': '-',
-                '/': '_',
-                '=': ''
-            }[match] || match));
-        }
-        catch (error) {
-            return '';
-        }
-    }
 }
 /**
  * Elysia WebSocket Transport (Native WebSocket for anti-adblock)
  */
 class ElysiaWebSocketTransport {
     constructor(baseUrl, token) {
-        this.name = 'elysia-websocket';
-        this.available = typeof WebSocket !== 'undefined';
+        this.name = "elysia-websocket";
+        this.available = typeof WebSocket !== "undefined";
         this.connected = false;
         this.baseUrl = baseUrl;
         this.token = token;
@@ -6224,29 +6162,29 @@ class ElysiaWebSocketTransport {
         const start = Date.now();
         try {
             if (!this.token) {
-                throw new Error('Missing token for WebSocket connection');
+                throw new Error("Missing token for WebSocket connection");
             }
             await this.connect();
             if (!this.ws || !this.connected) {
-                throw new Error('WebSocket not connected');
+                throw new Error("WebSocket not connected");
             }
             return new Promise((resolve, reject) => {
                 const messageHandler = (event) => {
                     try {
                         const response = JSON.parse(event.data);
-                        this.ws?.removeEventListener('message', messageHandler);
+                        this.ws?.removeEventListener("message", messageHandler);
                         resolve({
                             success: response.success || false,
                             method: this.name,
-                            latency: Date.now() - start
+                            latency: Date.now() - start,
                         });
                     }
                     catch (error) {
-                        this.ws?.removeEventListener('message', messageHandler);
-                        reject(new Error('Failed to parse WebSocket response'));
+                        this.ws?.removeEventListener("message", messageHandler);
+                        reject(new Error("Failed to parse WebSocket response"));
                     }
                 };
-                this.ws?.addEventListener('message', messageHandler);
+                this.ws?.addEventListener("message", messageHandler);
                 // Send the complete tracking data payload (includes fingerprintHash, stableCoreHash, etc.)
                 this.ws?.send(JSON.stringify({
                     // Include all data from the SDK payload
@@ -6254,7 +6192,7 @@ class ElysiaWebSocketTransport {
                     // Override/ensure essential fields for WebSocket transport
                     eventId: data.eventId || crypto.randomUUID(),
                     sessionId: data.sessionId || data.s,
-                    eventType: data.eventType || data.type || 'websocket_event',
+                    eventType: data.eventType || data.type || "websocket_event",
                     eventName: data.eventName || data.name,
                     url: data.url,
                     userAgent: data.userAgent || navigator.userAgent,
@@ -6262,12 +6200,12 @@ class ElysiaWebSocketTransport {
                     // Ensure these critical fields are included for identity resolution
                     fingerprintHash: data.fingerprintHash,
                     stableCoreHash: data.stableCoreHash,
-                    stableCoreVector: data.stableCoreVector
+                    stableCoreVector: data.stableCoreVector,
                 }));
                 // Timeout after 5 seconds
                 setTimeout(() => {
-                    this.ws?.removeEventListener('message', messageHandler);
-                    reject(new Error('WebSocket response timeout'));
+                    this.ws?.removeEventListener("message", messageHandler);
+                    reject(new Error("WebSocket response timeout"));
                 }, 5000);
             });
         }
@@ -6276,7 +6214,7 @@ class ElysiaWebSocketTransport {
                 success: false,
                 method: this.name,
                 latency: Date.now() - start,
-                error: error instanceof Error ? error.message : String(error)
+                error: error instanceof Error ? error.message : String(error),
             };
         }
     }
@@ -6288,7 +6226,7 @@ class ElysiaWebSocketTransport {
             try {
                 // Convert HTTP/HTTPS to WS/WSS
                 const url = new URL(this.baseUrl);
-                const protocol = url.protocol === 'https:' ? 'wss:' : 'ws:';
+                const protocol = url.protocol === "https:" ? "wss:" : "ws:";
                 const wsUrl = `${protocol}//${url.host}/ws/track?token=${encodeURIComponent(this.token)}`;
                 this.ws = new WebSocket(wsUrl);
                 this.ws.onopen = () => {
@@ -6297,7 +6235,7 @@ class ElysiaWebSocketTransport {
                 };
                 this.ws.onerror = () => {
                     this.connected = false;
-                    reject(new Error('WebSocket connection failed'));
+                    reject(new Error("WebSocket connection failed"));
                 };
                 this.ws.onclose = () => {
                     this.connected = false;
@@ -6306,7 +6244,7 @@ class ElysiaWebSocketTransport {
                 setTimeout(() => {
                     if (!this.connected) {
                         this.ws?.close();
-                        reject(new Error('WebSocket connection timeout'));
+                        reject(new Error("WebSocket connection timeout"));
                     }
                 }, 5000);
             }
@@ -6327,14 +6265,18 @@ class ElysiaWebSocketTransport {
  */
 class WebRTCTransport {
     constructor() {
-        this.name = 'webrtc';
-        this.available = typeof globalThis.RTCPeerConnection !== 'undefined';
+        this.name = "webrtc";
+        this.available = typeof globalThis.RTCPeerConnection !== "undefined";
         this.connected = false;
     }
     async send(data, _endpoint) {
         const start = Date.now();
         if (!this.available) {
-            return { success: false, method: this.name, error: 'WebRTC not available' };
+            return {
+                success: false,
+                method: this.name,
+                error: "WebRTC not available",
+            };
         }
         try {
             await this.setupConnection();
@@ -6343,14 +6285,14 @@ class WebRTCTransport {
                 return {
                     success: true,
                     method: this.name,
-                    latency: Date.now() - start
+                    latency: Date.now() - start,
                 };
             }
             else {
                 return {
                     success: false,
                     method: this.name,
-                    error: 'DataChannel not ready'
+                    error: "DataChannel not ready",
                 };
             }
         }
@@ -6358,7 +6300,7 @@ class WebRTCTransport {
             return {
                 success: false,
                 method: this.name,
-                error: error instanceof Error ? error.message : String(error)
+                error: error instanceof Error ? error.message : String(error),
             };
         }
     }
@@ -6368,11 +6310,11 @@ class WebRTCTransport {
         return new Promise((resolve, reject) => {
             try {
                 this.pc = new globalThis.RTCPeerConnection({
-                    iceServers: [{ urls: 'stun:stun.l.google.com:19302' }]
+                    iceServers: [{ urls: "stun:stun.l.google.com:19302" }],
                 });
-                this.dataChannel = this.pc.createDataChannel('tracking', {
+                this.dataChannel = this.pc.createDataChannel("tracking", {
                     ordered: false,
-                    maxRetransmits: 0
+                    maxRetransmits: 0,
                 });
                 this.dataChannel.onopen = () => {
                     this.connected = true;
@@ -6409,43 +6351,46 @@ class AntiAdblockManager {
             totalRequests: 0,
             successfulRequests: 0,
             methodSuccess: new Map(),
-            methodFailures: new Map()
+            methodFailures: new Map(),
         };
         this.baseUrl = baseUrl;
         this.token = token;
         this.config = {
             enabled: true,
-            methods: ['elysia-websocket', 'fetch', 'resource'], // Elysia WebSocket as primary
+            methods: ["elysia-websocket", "fetch"],
             fallbackDelay: 100,
             maxRetries: 2,
             debug: false,
-            ...config
+            ...config,
         };
         this.initializeTransports();
     }
     initializeTransports() {
         const transportMap = {
-            'elysia-websocket': () => new ElysiaWebSocketTransport(this.baseUrl, this.token),
+            "elysia-websocket": () => new ElysiaWebSocketTransport(this.baseUrl, this.token),
             fetch: () => new FetchTransport(),
-            resource: () => new ResourceSpoofTransport(this.baseUrl),
-            webrtc: () => new WebRTCTransport()
+            webrtc: () => new WebRTCTransport(),
         };
         this.transports = this.config.methods
-            .map(method => transportMap[method]?.())
+            .map((method) => transportMap[method]?.())
             .filter((transport) => transport !== undefined && transport.available);
         if (this.config.debug) {
-            console.log('[Zaplier] Anti-adblock initialized with transports:', this.transports.map(t => t.name));
+            console.log("[Zaplier] Anti-adblock initialized with transports:", this.transports.map((t) => t.name));
         }
     }
     /**
      * Send data using the best available transport
      */
-    async send(data, endpoint = '/tracking/event') {
+    async send(data, endpoint = "/tracking/event") {
         this.stats.totalRequests++;
         if (!this.config.enabled || this.transports.length === 0) {
-            return { success: false, method: 'none', error: 'No transports available' };
+            return {
+                success: false,
+                method: "none",
+                error: "No transports available",
+            };
         }
-        let lastError = '';
+        let lastError = "";
         // Try each transport in order (sequential, not parallel)
         for (const transport of this.transports) {
             if (this.config.debug) {
@@ -6464,7 +6409,7 @@ class AntiAdblockManager {
                 }
                 else {
                     this.updateMethodStats(transport.name, false);
-                    lastError = result.error || 'Unknown error';
+                    lastError = result.error || "Unknown error";
                     if (this.config.debug) {
                         console.warn(`[Zaplier] ❌ Transport ${transport.name} failed:`, result.error);
                     }
@@ -6479,13 +6424,13 @@ class AntiAdblockManager {
             }
             // Wait before trying next transport
             if (this.config.fallbackDelay > 0) {
-                await new Promise(resolve => setTimeout(resolve, this.config.fallbackDelay));
+                await new Promise((resolve) => setTimeout(resolve, this.config.fallbackDelay));
             }
         }
         return {
             success: false,
-            method: 'all_failed',
-            error: `All transports failed. Last error: ${lastError}`
+            method: "all_failed",
+            error: `All transports failed. Last error: ${lastError}`,
         };
     }
     updateMethodStats(method, success) {
@@ -6519,7 +6464,7 @@ class AntiAdblockManager {
      * Destroy all transports
      */
     destroy() {
-        this.transports.forEach(transport => {
+        this.transports.forEach((transport) => {
             if (transport.destroy) {
                 transport.destroy();
             }
@@ -6540,7 +6485,7 @@ class AntiAdblockManager {
                 results[transport.name] = {
                     success: false,
                     method: transport.name,
-                    error: error instanceof Error ? error.message : String(error)
+                    error: error instanceof Error ? error.message : String(error),
                 };
             }
         }
@@ -7043,10 +6988,10 @@ class SessionReplayEngine {
         this.sessionId = sessionId;
         this.config = {
             enabled: true,
-            sampleRate: 0.1,
+            sampleRate: 1.0, // 100% for development/testing
             maskSensitiveFields: true,
             maxEventBuffer: 1000,
-            batchInterval: 5000,
+            batchInterval: 2000, // Send every 2 seconds for faster testing
             captureClicks: true,
             captureScrolls: true,
             captureInputs: true,
@@ -7331,19 +7276,35 @@ class SessionReplayEngine {
         try {
             // Try WebRTC first if anti-adblock manager is available
             if (this.antiAdblockManager) {
-                const result = await this.antiAdblockManager.send(payload, '/api/replay/record');
+                const result = await this.antiAdblockManager.send(payload, '/replays/record');
                 if (result.success) {
                     return; // Success via WebRTC
                 }
             }
+            // Get API endpoint from global config
+            const apiEndpoint = window.zaplier_config?.apiEndpoint || 'http://localhost:3001';
+            const token = window.zaplier_config?.token || '';
             // Fallback to standard fetch
-            const response = await fetch('/api/replay/record', {
+            const response = await fetch(`${apiEndpoint}/replays/record?token=${token}`, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify(payload)
+                body: JSON.stringify({
+                    sessionId: payload.sessionId,
+                    events: payload.events,
+                    metadata: {
+                        startUrl: window.location.href,
+                        duration: Date.now() - (performance.timeOrigin || Date.now()),
+                        funnelSteps: [],
+                        hasConversion: false,
+                        ...payload.metadata
+                    }
+                })
             });
             if (!response.ok) {
-                console.warn('[Zaplier] Session replay batch failed to send');
+                console.warn('[Zaplier] Session replay batch failed to send:', response.status);
+            }
+            else {
+                console.log('[Zaplier] Session replay batch sent successfully');
             }
         }
         catch (error) {
@@ -7676,7 +7637,7 @@ class ZaplierSDK {
             this.antiAdblockManager = new AntiAdblockManager(this.config.apiEndpoint, this.config.token, // Pass token to anti-adblock manager
             {
                 enabled: true,
-                methods: ["elysia-websocket", "fetch", "resource"], // Elysia WebSocket as primary
+                methods: ["elysia-websocket", "fetch"],
                 fallbackDelay: 100,
                 maxRetries: 2,
                 debug: this.config.debug,