@monoscopetech/browser 0.5.9 → 0.6.1

package/dist/replay.js

@@ -1,8 +1,8 @@
 import { getRecordConsolePlugin } from "@rrweb/rrweb-plugin-console-record";
 import * as rrweb from "rrweb";
 const MAX_EVENT_BATCH = 50;
-const SAVE_INTERVAL = 10000;
-const MAX_RETRY_EVENTS = 1000;
+const SAVE_INTERVAL = 2000;
+const MAX_RETRY_EVENTS = 5000;
 export class MonoscopeReplay {
     constructor(config, sessionId) {
         this.events = [];
@@ -91,7 +91,9 @@ export class MonoscopeReplay {
                 this.save();
             }, SAVE_INTERVAL);
             this.isConfigured = true;
-            console.log("MonoscopeReplay configured successfully");
+            if (this.config.debug) {
+                console.log("MonoscopeReplay configured successfully");
+            }
         }
         catch (error) {
             console.error("Failed to configure MonoscopeReplay:", error);
@@ -106,7 +108,9 @@ export class MonoscopeReplay {
             return;
         }
         if (this.events.length > MAX_RETRY_EVENTS) {
-            console.warn(`Event queue exceeded ${MAX_RETRY_EVENTS}, dropping middle events (preserving snapshots)`);
+            if (this.config.debug) {
+                console.warn(`Event queue exceeded ${MAX_RETRY_EVENTS}, dropping middle events (preserving snapshots)`);
+            }
             // Find full snapshot events (type 2) - these are critical for replay
             const fullSnapshots = this.events.filter((e) => e.type === 2);
             const otherEvents = this.events.filter((e) => e.type !== 2);
@@ -141,19 +145,23 @@ export class MonoscopeReplay {
                 }
             }
             else {
-                // Regular fetch with keepalive
+                // Use keepalive so the request survives page navigation,
+                // but only when payload fits under the 64KB keepalive limit
+                const body = JSON.stringify(payload);
                 const response = await fetch(baseUrl, {
                     method: "POST",
                     headers: {
                         "Content-Type": "application/json",
                     },
-                    body: JSON.stringify(payload),
-                    keepalive: true,
+                    body,
+                    keepalive: body.length < 63000,
                 });
                 if (!response.ok) {
                     throw new Error(`Failed to save replay events: ${response.status} ${response.statusText}`);
                 }
-                console.log(`Successfully saved ${eventsToSend.length} replay events`);
+                if (this.config.debug) {
+                    console.log(`Successfully saved ${eventsToSend.length} replay events`);
+                }
             }
         }
         catch (error) {
@@ -186,7 +194,9 @@ export class MonoscopeReplay {
         window.removeEventListener("pagehide", this.handleUnload);
         document.removeEventListener("visibilitychange", this.handleVisibilityChange);
         this.isConfigured = false;
-        console.log("MonoscopeReplay stopped");
+        if (this.config.debug) {
+            console.log("MonoscopeReplay stopped");
+        }
     }
     getEventCount() {
         return this.events.length;

package/dist/types.d.ts

@@ -9,6 +9,7 @@ export type MonoscopeConfig = {
     replayEventsBaseUrl?: string;
     enableNetworkEvents?: boolean;
     user?: MonoscopeUser;
+    debug?: boolean;
 };
 export type MonoscopeUser = {
     email?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monoscopetech/browser",
-  "version": "0.5.9",
+  "version": "0.6.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",