userlens-session-recorder 1.1.0 → 1.2.1

package/dist/index.cjs.js

@@ -20650,94 +20650,133 @@ const uploadSessionEvents = async (userId, sessionUuid, events, chunkTimestamp)
     return "ok";
 };
 
-var _SessionRecorder_instances, _SessionRecorder_trackEventsThrottled, _SessionRecorder_initRecorder, _SessionRecorder_isUserInteraction, _SessionRecorder_handleEvent, _SessionRecorder_resetSession, _SessionRecorder_createSession, _SessionRecorder_handleVisibilityChange, _SessionRecorder_initFocusListener, _SessionRecorder_throttle, _SessionRecorder_trackEvents, _SessionRecorder_clearEvents, _SessionRecorder_removeLocalSessionData;
+var _SessionRecorder_instances, _SessionRecorder_trackEventsThrottled, _SessionRecorder_log, _SessionRecorder_initRecorder, _SessionRecorder_isUserInteraction, _SessionRecorder_handleEvent, _SessionRecorder_resetSession, _SessionRecorder_createSession, _SessionRecorder_handleVisibilityChange, _SessionRecorder_initFocusListener, _SessionRecorder_throttle, _SessionRecorder_trackEvents, _SessionRecorder_clearEvents, _SessionRecorder_removeLocalSessionData;
 class SessionRecorder {
     constructor(config) {
-        var _a, _b;
+        var _a, _b, _c;
         _SessionRecorder_instances.add(this);
         this.sessionEvents = [];
         this.rrwebStop = null;
+        this.debug = false;
         _SessionRecorder_trackEventsThrottled.set(this, void 0);
         _SessionRecorder_handleVisibilityChange.set(this, () => {
-            if (document.visibilityState === "visible") {
-                if (!this.rrwebStop)
-                    return;
-                const now = Date.now();
-                const lastActive = Number(localStorage.getItem("userlensSessionLastActive"));
-                if (lastActive && now - lastActive > this.TIMEOUT) {
-                    __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_resetSession).call(this);
+            try {
+                if (document.visibilityState === "visible") {
+                    if (!this.rrwebStop)
+                        return;
+                    const now = Date.now();
+                    const lastActive = Number(localStorage.getItem("userlensSessionLastActive"));
+                    if (lastActive && now - lastActive > this.TIMEOUT) {
+                        __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_resetSession).call(this);
+                    }
+                    takeFullSnapshot(true);
                 }
-                takeFullSnapshot(true);
+            }
+            catch (err) {
+                __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_log).call(this, "Visibility change handling failed", err);
             }
         });
-        if (typeof window === "undefined") {
-            return;
-        }
-        if (config.mode === "manual") {
-            // Manual mode
-            this.mode = "manual";
-            if (!config.onEvents || typeof config.onEvents !== "function") {
-                console.error("Userlens SDK Error: onEvents callback is required in manual mode");
+        try {
+            // Check for browser environment
+            if (typeof window === "undefined")
                 return;
-            }
-            this.onEvents = config.onEvents;
-        }
-        else {
-            // Auto mode (default)
-            this.mode = "auto";
-            if (!((_a = config.WRITE_CODE) === null || _a === void 0 ? void 0 : _a.trim())) {
-                console.error("Userlens SDK Error: WRITE_CODE is required and must be a string");
+            if (typeof document === "undefined")
                 return;
-            }
-            if (!((_b = config.userId) === null || _b === void 0 ? void 0 : _b.trim())) {
-                console.error("Userlens SDK Error: userId is required to identify session user.");
+            if (typeof localStorage === "undefined")
+                return;
+            // Check for required APIs
+            if (typeof CompressionStream === "undefined")
+                return;
+            if (typeof MutationObserver === "undefined")
+                return;
+            if (typeof TextEncoder === "undefined")
                 return;
+            if (typeof fetch === "undefined")
+                return;
+            if (typeof Blob === "undefined")
+                return;
+            if (typeof crypto === "undefined" || !crypto.getRandomValues)
+                return;
+            // Check localStorage actually works (can be blocked even if defined)
+            const testKey = "__userlens_test__";
+            localStorage.setItem(testKey, "1");
+            localStorage.removeItem(testKey);
+            // Set debug mode early so it's available for error logging
+            this.debug = (_a = config.debug) !== null && _a !== void 0 ? _a : false;
+            if (config.mode === "manual") {
+                this.mode = "manual";
+                if (!config.onEvents || typeof config.onEvents !== "function") {
+                    return;
+                }
+                this.onEvents = config.onEvents;
             }
-            saveWriteCode(config.WRITE_CODE);
-            this.userId = config.userId;
-        }
-        const { recordingOptions = {} } = config;
-        const { TIMEOUT = 30 * 60 * 1000, BUFFER_SIZE = 10, maskingOptions = ["passwords"], } = recordingOptions;
-        this.TIMEOUT = TIMEOUT;
-        this.BUFFER_SIZE = BUFFER_SIZE;
-        this.maskingOptions = maskingOptions;
-        this.sessionEvents = [];
-        __classPrivateFieldSet(this, _SessionRecorder_trackEventsThrottled, __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_throttle).call(this, () => {
-            __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_trackEvents).call(this);
-        }, 5000), "f");
-        __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_initRecorder).call(this);
+            else {
+                this.mode = "auto";
+                if (!((_b = config.WRITE_CODE) === null || _b === void 0 ? void 0 : _b.trim()) || !((_c = config.userId) === null || _c === void 0 ? void 0 : _c.trim())) {
+                    return;
+                }
+                saveWriteCode(config.WRITE_CODE);
+                this.userId = config.userId;
+            }
+            const { recordingOptions = {} } = config;
+            const { TIMEOUT = 30 * 60 * 1000, BUFFER_SIZE = 10, maskingOptions = ["passwords"], } = recordingOptions;
+            this.TIMEOUT = TIMEOUT;
+            this.BUFFER_SIZE = BUFFER_SIZE;
+            this.maskingOptions = maskingOptions;
+            this.sessionEvents = [];
+            __classPrivateFieldSet(this, _SessionRecorder_trackEventsThrottled, __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_throttle).call(this, () => {
+                __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_trackEvents).call(this);
+            }, 5000), "f");
+            __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_initRecorder).call(this);
+        }
+        catch (err) {
+            __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_log).call(this, "Initialization failed", err);
+            return;
+        }
     }
     getSessionId() {
         return this.sessionUuid;
     }
     stop() {
-        if (!this.rrwebStop) {
-            return;
+        try {
+            if (!this.rrwebStop) {
+                return;
+            }
+            this.rrwebStop();
+            this.rrwebStop = null;
+            __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_clearEvents).call(this);
+            __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_removeLocalSessionData).call(this);
+            window.removeEventListener("visibilitychange", __classPrivateFieldGet(this, _SessionRecorder_handleVisibilityChange, "f"));
+        }
+        catch (err) {
+            __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_log).call(this, "Stop failed", err);
         }
-        this.rrwebStop();
-        this.rrwebStop = null;
-        __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_clearEvents).call(this);
-        __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_removeLocalSessionData).call(this);
-        window.removeEventListener("visibilitychange", __classPrivateFieldGet(this, _SessionRecorder_handleVisibilityChange, "f"));
     }
 }
-_SessionRecorder_trackEventsThrottled = new WeakMap(), _SessionRecorder_handleVisibilityChange = new WeakMap(), _SessionRecorder_instances = new WeakSet(), _SessionRecorder_initRecorder = function _SessionRecorder_initRecorder() {
+_SessionRecorder_trackEventsThrottled = new WeakMap(), _SessionRecorder_handleVisibilityChange = new WeakMap(), _SessionRecorder_instances = new WeakSet(), _SessionRecorder_log = function _SessionRecorder_log(message, error) {
+    if (!this.debug)
+        return;
+    if (error) {
+        console.error(`[Userlens Session] ${message}`, error);
+    }
+    else {
+        console.log(`[Userlens Session] ${message}`);
+    }
+}, _SessionRecorder_initRecorder = function _SessionRecorder_initRecorder() {
     if (this.rrwebStop)
         return;
     __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_createSession).call(this);
-    setTimeout(() => {
-        this.rrwebStop = record({
-            emit: (event, isCheckout) => {
-                __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_handleEvent).call(this, event, isCheckout);
-            },
-            maskAllInputs: this.maskingOptions.includes("all"),
-            maskInputOptions: {
-                password: this.maskingOptions.includes("passwords"),
-            },
-            plugins: [getRecordConsolePlugin()],
-            checkoutEveryNth: 100,
-        });
-    }, 100);
+    this.rrwebStop = record({
+        emit: (event, isCheckout) => {
+            __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_handleEvent).call(this, event, isCheckout);
+        },
+        maskAllInputs: this.maskingOptions.includes("all"),
+        maskInputOptions: {
+            password: this.maskingOptions.includes("passwords"),
+        },
+        plugins: [getRecordConsolePlugin()],
+        checkoutEveryNth: 100,
+    });
     __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_initFocusListener).call(this);
 }, _SessionRecorder_isUserInteraction = function _SessionRecorder_isUserInteraction(event) {
     var _a;
@@ -20748,29 +20787,34 @@ _SessionRecorder_trackEventsThrottled = new WeakMap(), _SessionRecorder_handleVi
     return false;
 }, _SessionRecorder_handleEvent = function _SessionRecorder_handleEvent(event, _isCheckout) {
     var _a;
-    const now = Date.now();
-    const lastActive = Number(localStorage.getItem("userlensSessionLastActive"));
-    // check inactivity timeout
-    if (lastActive && now - lastActive > this.TIMEOUT) {
-        __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_resetSession).call(this);
-        takeFullSnapshot(true);
-    }
-    // only update lastActive on actual user interactions, not DOM mutations
-    if (__classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_isUserInteraction).call(this, event)) {
-        localStorage.setItem("userlensSessionLastActive", now.toString());
+    try {
+        const now = Date.now();
+        const lastActive = Number(localStorage.getItem("userlensSessionLastActive"));
+        // check inactivity timeout
+        if (lastActive && now - lastActive > this.TIMEOUT) {
+            __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_resetSession).call(this);
+            takeFullSnapshot(true);
+        }
+        // only update lastActive on actual user interactions, not DOM mutations
+        if (__classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_isUserInteraction).call(this, event)) {
+            localStorage.setItem("userlensSessionLastActive", now.toString());
+        }
+        this.sessionEvents.push(event);
+        if (this.sessionEvents.length >= this.BUFFER_SIZE) {
+            (_a = __classPrivateFieldGet(this, _SessionRecorder_trackEventsThrottled, "f")) === null || _a === void 0 ? void 0 : _a.call(this);
+        }
     }
-    this.sessionEvents.push(event);
-    if (this.sessionEvents.length >= this.BUFFER_SIZE) {
-        (_a = __classPrivateFieldGet(this, _SessionRecorder_trackEventsThrottled, "f")) === null || _a === void 0 ? void 0 : _a.call(this);
+    catch (err) {
+        __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_log).call(this, "Event handling failed", err);
     }
 }, _SessionRecorder_resetSession = function _SessionRecorder_resetSession() {
     __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_removeLocalSessionData).call(this);
     __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_clearEvents).call(this);
     __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_createSession).call(this);
 }, _SessionRecorder_createSession = function _SessionRecorder_createSession() {
+    const now = Date.now();
     const lastActive = Number(localStorage.getItem("userlensSessionLastActive"));
     const storedUuid = localStorage.getItem("userlensSessionUuid");
-    const now = Date.now();
     const isExpired = !lastActive || now - lastActive > this.TIMEOUT;
     if (!storedUuid || isExpired) {
         this.sessionUuid = generateUuid();
@@ -20792,35 +20836,28 @@ _SessionRecorder_trackEventsThrottled = new WeakMap(), _SessionRecorder_handleVi
         }
     };
 }, _SessionRecorder_trackEvents = async function _SessionRecorder_trackEvents() {
-    if (this.sessionEvents.length === 0) {
-        return;
-    }
-    const chunkTimestamp = this.sessionEvents[this.sessionEvents.length - 1].timestamp;
-    const events = [...this.sessionEvents];
-    __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_clearEvents).call(this);
-    if (this.mode === "manual") {
-        // Manual mode - push events to callback
-        if (this.onEvents) {
-            try {
+    try {
+        if (this.sessionEvents.length === 0) {
+            return;
+        }
+        const chunkTimestamp = this.sessionEvents[this.sessionEvents.length - 1].timestamp;
+        const events = [...this.sessionEvents];
+        __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_clearEvents).call(this);
+        if (this.mode === "manual") {
+            if (this.onEvents) {
                 this.onEvents({
                     sessionId: this.sessionUuid,
                     events,
                     chunkTimestamp,
                 });
             }
-            catch (_) {
-                // Don't stop on callback errors in manual mode
-            }
         }
-    }
-    else {
-        // Auto mode - upload to Userlens backend
-        try {
+        else {
             await uploadSessionEvents(this.userId, this.sessionUuid, events, chunkTimestamp);
         }
-        catch (_) {
-            this.stop();
-        }
+    }
+    catch (err) {
+        __classPrivateFieldGet(this, _SessionRecorder_instances, "m", _SessionRecorder_log).call(this, "Event tracking failed", err);
     }
 }, _SessionRecorder_clearEvents = function _SessionRecorder_clearEvents() {
     this.sessionEvents = [];