userlens-analytics-sdk 0.1.8 → 0.1.10

package/dist/userlens.cjs.js

@@ -669,7 +669,16 @@ class EventCollector {
       )
         return;
 
-      const referrer = new URL(document.referrer || "");
+      let referrer = "";
+      try {
+        if (document.referrer && /^https?:\/\//.test(document.referrer)) {
+          referrer =
+            new URL(document.referrer).origin +
+            new URL(document.referrer).pathname;
+        }
+      } catch (e) {
+        referrer = "";
+      }
 
       // Convert query params to object
       const queryParams = Object.fromEntries(url.searchParams.entries());
@@ -677,7 +686,7 @@ class EventCollector {
       const pageview = {
         event: url?.origin + url?.pathname || "pageview",
         properties: {
-          referrer: referrer.origin + referrer.pathname,
+          referrer,
           query: queryParams,
         },
       };
@@ -688,7 +697,7 @@ class EventCollector {
         JSON.stringify(this.events)
       );
     } catch (err) {
-      console.error("Userlens EventCollector error: ", err);
+      console.warn("Userlens EventCollector error: tracking page view failed");
     }
   }
 
@@ -21303,11 +21312,11 @@ class SessionRecorder {
   constructor({
     WRITE_CODE,
     userId,
-    TIMEOUT = 10 * 60 * 1000,
+    TIMEOUT = 30 * 60 * 1000,
     BUFFER_SIZE = 50,
     maskingOptions = ["passwords"], // "passwords", "all"
   }) {
-    if (window === undefined) {
+    if (typeof window === "undefined") {
       console.error(
         "Userlens EventCollector error: unavailable outside of browser environment."
       );
@@ -21366,7 +21375,11 @@ class SessionRecorder {
 
   // init rrweb recorder
   #initRecorder() {
-    record({
+    if (this.stopRecording) {
+      this.stopRecording();
+    }
+
+    this.stopRecording = record({
       emit: (event) => {
         this.#handleEvent(event);
       },
@@ -21377,8 +21390,19 @@ class SessionRecorder {
   }
 
   #handleEvent(event) {
+    const lastActive = Number(
+      window.localStorage.getItem("userlensSessionLastActive")
+    );
+
+    if (lastActive) {
+      const now = Date.now();
+
+      if (now - lastActive > this.TIMEOUT) {
+        this.#handleInactivity();
+      }
+    }
+
     this.sessionEvents.push(event);
-    // update last active in storage
     window.localStorage.setItem("userlensSessionLastActive", event.timestamp);
 
     if (this.sessionEvents.length >= this.BUFFER_SIZE) {
@@ -21386,6 +21410,22 @@ class SessionRecorder {
     }
   }
 
+  #handleInactivity() {
+    if (this.sessionEvents.length > 0) {
+      this.#trackEvents();
+    }
+
+    if (this.stopRecording) {
+      this.stopRecording();
+    }
+
+    localStorage.removeItem("userlensSessionUuid");
+    localStorage.removeItem("userlensSessionLastActive");
+
+    this.#createSession();
+    this.#initRecorder();
+  }
+
   #initUnloadListener() {
     window.addEventListener("beforeunload", () => {
       // save events on session.userlens.io service
@@ -21401,7 +21441,6 @@ class SessionRecorder {
 
     this.#clearEvents();
 
-    // add try/retry ?
     await fetch(`https://sessions.userlens.io/session/${this.sessionUuid}`, {
       method: "POST",
       headers: {

package/dist/userlens.esm.js

@@ -665,7 +665,16 @@ class EventCollector {
       )
         return;
 
-      const referrer = new URL(document.referrer || "");
+      let referrer = "";
+      try {
+        if (document.referrer && /^https?:\/\//.test(document.referrer)) {
+          referrer =
+            new URL(document.referrer).origin +
+            new URL(document.referrer).pathname;
+        }
+      } catch (e) {
+        referrer = "";
+      }
 
       // Convert query params to object
       const queryParams = Object.fromEntries(url.searchParams.entries());
@@ -673,7 +682,7 @@ class EventCollector {
       const pageview = {
         event: url?.origin + url?.pathname || "pageview",
         properties: {
-          referrer: referrer.origin + referrer.pathname,
+          referrer,
           query: queryParams,
         },
       };
@@ -684,7 +693,7 @@ class EventCollector {
         JSON.stringify(this.events)
       );
     } catch (err) {
-      console.error("Userlens EventCollector error: ", err);
+      console.warn("Userlens EventCollector error: tracking page view failed");
     }
   }
 
@@ -21299,11 +21308,11 @@ class SessionRecorder {
   constructor({
     WRITE_CODE,
     userId,
-    TIMEOUT = 10 * 60 * 1000,
+    TIMEOUT = 30 * 60 * 1000,
     BUFFER_SIZE = 50,
     maskingOptions = ["passwords"], // "passwords", "all"
   }) {
-    if (window === undefined) {
+    if (typeof window === "undefined") {
       console.error(
         "Userlens EventCollector error: unavailable outside of browser environment."
       );
@@ -21362,7 +21371,11 @@ class SessionRecorder {
 
   // init rrweb recorder
   #initRecorder() {
-    record({
+    if (this.stopRecording) {
+      this.stopRecording();
+    }
+
+    this.stopRecording = record({
       emit: (event) => {
         this.#handleEvent(event);
       },
@@ -21373,8 +21386,19 @@ class SessionRecorder {
   }
 
   #handleEvent(event) {
+    const lastActive = Number(
+      window.localStorage.getItem("userlensSessionLastActive")
+    );
+
+    if (lastActive) {
+      const now = Date.now();
+
+      if (now - lastActive > this.TIMEOUT) {
+        this.#handleInactivity();
+      }
+    }
+
     this.sessionEvents.push(event);
-    // update last active in storage
     window.localStorage.setItem("userlensSessionLastActive", event.timestamp);
 
     if (this.sessionEvents.length >= this.BUFFER_SIZE) {
@@ -21382,6 +21406,22 @@ class SessionRecorder {
     }
   }
 
+  #handleInactivity() {
+    if (this.sessionEvents.length > 0) {
+      this.#trackEvents();
+    }
+
+    if (this.stopRecording) {
+      this.stopRecording();
+    }
+
+    localStorage.removeItem("userlensSessionUuid");
+    localStorage.removeItem("userlensSessionLastActive");
+
+    this.#createSession();
+    this.#initRecorder();
+  }
+
   #initUnloadListener() {
     window.addEventListener("beforeunload", () => {
       // save events on session.userlens.io service
@@ -21397,7 +21437,6 @@ class SessionRecorder {
 
     this.#clearEvents();
 
-    // add try/retry ?
     await fetch(`https://sessions.userlens.io/session/${this.sessionUuid}`, {
       method: "POST",
       headers: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "userlens-analytics-sdk",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "main": "dist/userlens.cjs.js",
   "module": "dist/userlens.esm.js",
   "scripts": {

package/src/EventCollector/index.js

@@ -52,7 +52,16 @@ export default class EventCollector {
       )
         return;
 
-      const referrer = new URL(document.referrer || "");
+      let referrer = "";
+      try {
+        if (document.referrer && /^https?:\/\//.test(document.referrer)) {
+          referrer =
+            new URL(document.referrer).origin +
+            new URL(document.referrer).pathname;
+        }
+      } catch (e) {
+        referrer = "";
+      }
 
       // Convert query params to object
       const queryParams = Object.fromEntries(url.searchParams.entries());
@@ -60,7 +69,7 @@ export default class EventCollector {
       const pageview = {
         event: url?.origin + url?.pathname || "pageview",
         properties: {
-          referrer: referrer.origin + referrer.pathname,
+          referrer,
           query: queryParams,
         },
       };
@@ -71,7 +80,7 @@ export default class EventCollector {
         JSON.stringify(this.events)
       );
     } catch (err) {
-      console.error("Userlens EventCollector error: ", err);
+      console.warn("Userlens EventCollector error: tracking page view failed");
     }
   }
 

package/src/SessionRecorder/index.js

@@ -5,11 +5,11 @@ export default class SessionRecorder {
   constructor({
     WRITE_CODE,
     userId,
-    TIMEOUT = 10 * 60 * 1000,
+    TIMEOUT = 30 * 60 * 1000,
     BUFFER_SIZE = 50,
     maskingOptions = ["passwords"], // "passwords", "all"
   }) {
-    if (window === undefined) {
+    if (typeof window === "undefined") {
       console.error(
         "Userlens EventCollector error: unavailable outside of browser environment."
       );
@@ -68,7 +68,11 @@ export default class SessionRecorder {
 
   // init rrweb recorder
   #initRecorder() {
-    rrwebRecord({
+    if (this.stopRecording) {
+      this.stopRecording();
+    }
+
+    this.stopRecording = rrwebRecord({
       emit: (event) => {
         this.#handleEvent(event);
       },
@@ -79,8 +83,19 @@ export default class SessionRecorder {
   }
 
   #handleEvent(event) {
+    const lastActive = Number(
+      window.localStorage.getItem("userlensSessionLastActive")
+    );
+
+    if (lastActive) {
+      const now = Date.now();
+
+      if (now - lastActive > this.TIMEOUT) {
+        this.#handleInactivity();
+      }
+    }
+
     this.sessionEvents.push(event);
-    // update last active in storage
     window.localStorage.setItem("userlensSessionLastActive", event.timestamp);
 
     if (this.sessionEvents.length >= this.BUFFER_SIZE) {
@@ -88,6 +103,22 @@ export default class SessionRecorder {
     }
   }
 
+  #handleInactivity() {
+    if (this.sessionEvents.length > 0) {
+      this.#trackEvents();
+    }
+
+    if (this.stopRecording) {
+      this.stopRecording();
+    }
+
+    localStorage.removeItem("userlensSessionUuid");
+    localStorage.removeItem("userlensSessionLastActive");
+
+    this.#createSession();
+    this.#initRecorder();
+  }
+
   #initUnloadListener() {
     window.addEventListener("beforeunload", () => {
       // save events on session.userlens.io service
@@ -103,7 +134,6 @@ export default class SessionRecorder {
 
     this.#clearEvents();
 
-    // add try/retry ?
     await fetch(`https://sessions.userlens.io/session/${this.sessionUuid}`, {
       method: "POST",
       headers: {