userlens-analytics-sdk 0.1.9 → 0.1.10

package/dist/userlens.cjs.js

@@ -21312,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."
       );
@@ -21375,7 +21375,11 @@ class SessionRecorder {
 
   // init rrweb recorder
   #initRecorder() {
-    record({
+    if (this.stopRecording) {
+      this.stopRecording();
+    }
+
+    this.stopRecording = record({
       emit: (event) => {
         this.#handleEvent(event);
       },
@@ -21386,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) {
@@ -21395,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
@@ -21410,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

@@ -21308,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."
       );
@@ -21371,7 +21371,11 @@ class SessionRecorder {
 
   // init rrweb recorder
   #initRecorder() {
-    record({
+    if (this.stopRecording) {
+      this.stopRecording();
+    }
+
+    this.stopRecording = record({
       emit: (event) => {
         this.#handleEvent(event);
       },
@@ -21382,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) {
@@ -21391,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
@@ -21406,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.9",
+  "version": "0.1.10",
   "main": "dist/userlens.cjs.js",
   "module": "dist/userlens.esm.js",
   "scripts": {

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: {