@brainfish-ai/web-tracker 0.0.29 → 0.0.31

package/dist/tracker.es.js

@@ -24468,6 +24468,212 @@ class Stasher {
     });
   }
 }
+const USER_ACTIONS = [
+  IncrementalSource.MouseMove,
+  IncrementalSource.MouseInteraction,
+  IncrementalSource.Scroll,
+  IncrementalSource.ViewportResize,
+  IncrementalSource.Input,
+  IncrementalSource.TouchMove,
+  IncrementalSource.MediaInteraction,
+  IncrementalSource.Drag
+];
+class RecordingManager {
+  constructor(agent) {
+    __publicField(this, "agent");
+    __publicField(this, "recorder");
+    __publicField(this, "stasher");
+    this.agent = agent;
+    this.recorder = new Recorder(this.handleEvent.bind(this));
+    this.stasher = new Stasher(this);
+  }
+  start() {
+    this.recorder.start();
+  }
+  handleEvent(event) {
+    const url2 = new URL(window.location.href);
+    const cleanUrl = url2.origin + url2.pathname;
+    if (this.agent.sessionManager.isIdle) {
+      if (this.isInteractiveEvent(event)) {
+        this.agent.handleActivityDuringIdle();
+      } else {
+        return;
+      }
+    }
+    if (this.isClick(event)) {
+      let clickedNode = record.mirror.getNode(event.data.id);
+      if (clickedNode && this.nodeIsInteresting(clickedNode)) {
+        event["conversionData"] = {};
+        event.conversionData.eventType = "click";
+        event.conversionData.textContent = clickedNode.textContent;
+        event.conversionData.htmlElement = clickedNode.nodeName?.toLowerCase();
+        event.conversionData.location = cleanUrl;
+      }
+    }
+    if (this.isCustom(event)) {
+      event["conversionData"] = {};
+      event.conversionData.eventType = "custom";
+      event.conversionData.customEventType = event.data.tag;
+      event.conversionData.location = cleanUrl;
+    }
+    if (this.stasher.isRunning) {
+      this.stasher.handle(event);
+      return;
+    }
+    this.publishEvent(event);
+  }
+  publishEvent(event) {
+    this.agent.sender.handle(event);
+    if (this.agent.timer) {
+      this.agent.timer.restart();
+    }
+  }
+  startRecorderWithStasher() {
+    this.stasher.start();
+    this.recorder = new Recorder(this.handleEvent.bind(this));
+    this.recorder.start();
+  }
+  isClick(event) {
+    return event.type === EventType.IncrementalSnapshot && // incremental snapshot event
+    event.data.source === IncrementalSource.MouseInteraction && // source of incremental snapshot is a mouse action
+    event.data.type === MouseInteractions.Click;
+  }
+  nodeIsInteresting(clickedNode) {
+    return clickedNode.nodeName === "BUTTON" || clickedNode.nodeName === "ANCHOR";
+  }
+  isCustom(event) {
+    return event.type === EventType.Custom;
+  }
+  isInteractiveEvent(event) {
+    return event.type === EventType.IncrementalSnapshot && USER_ACTIONS.includes(event.data?.source);
+  }
+}
+class Timer {
+  constructor(agent, MAX_IDLE_TIME2) {
+    __publicField(this, "agent");
+    __publicField(this, "MAX_IDLE_TIME");
+    __publicField(this, "timeoutId");
+    this.agent = agent;
+    this.MAX_IDLE_TIME = MAX_IDLE_TIME2;
+    this.timeoutId = 0;
+  }
+  restart() {
+    this.stop();
+    this.start();
+  }
+  stop() {
+    clearTimeout(this.timeoutId);
+  }
+  start() {
+    this.timeoutId = window.setTimeout(
+      this.agent.handleTimeout.bind(this.agent),
+      this.MAX_IDLE_TIME
+    );
+  }
+}
+const _SessionManager = class _SessionManager {
+  constructor() {
+    __publicField(this, "sessionId", null);
+    __publicField(this, "lastScreenViewEventTime", 0);
+    __publicField(this, "isIdle", false);
+  }
+  static getInstance() {
+    if (!_SessionManager.instance) {
+      _SessionManager.instance = new _SessionManager();
+    }
+    return _SessionManager.instance;
+  }
+  /**
+   * Determines the current session state based on previous and current session IDs
+   */
+  determineSessionState(newSessionId) {
+    if (!this.sessionId && newSessionId) {
+      return "new";
+    }
+    if (this.sessionId && newSessionId && this.sessionId !== newSessionId) {
+      return "changed";
+    }
+    if (this.sessionId === newSessionId && this.sessionId !== null) {
+      return "active";
+    }
+    return "expired";
+  }
+  /**
+   * Handles session state transitions and triggers appropriate actions
+   */
+  handleSessionTransition(state, callbacks) {
+    switch (state) {
+      case "new":
+      case "changed":
+        this.updateIdleStatus(false);
+        callbacks.takeFullSnapshot?.();
+        break;
+    }
+  }
+  /**
+   * Updates the session state based on a new session ID
+   * @param newSessionId The new session ID from the server
+   * @param callbacks Optional callbacks for session state changes
+   */
+  updateSession(newSessionId, callbacks = {}) {
+    const sessionState = this.determineSessionState(newSessionId);
+    this.handleSessionTransition(sessionState, callbacks);
+    this.sessionId = newSessionId;
+  }
+  updateLastScreenViewEventTime() {
+    this.lastScreenViewEventTime = Date.now();
+  }
+  updateIdleStatus(isIdle) {
+    this.isIdle = isIdle;
+  }
+  getLastScreenViewEventTime() {
+    return this.lastScreenViewEventTime;
+  }
+  getCurrentSessionId() {
+    return this.sessionId;
+  }
+};
+__publicField(_SessionManager, "instance");
+let SessionManager = _SessionManager;
+class UrlMonitor {
+  constructor(callback) {
+    __publicField(this, "currentUrl");
+    __publicField(this, "callback");
+    __publicField(this, "originalPushState");
+    __publicField(this, "originalReplaceState");
+    __publicField(this, "handlePopState", () => {
+      this.checkUrlChange();
+    });
+    this.currentUrl = window.location.href;
+    this.callback = callback;
+    this.originalPushState = history.pushState;
+    this.originalReplaceState = history.replaceState;
+    this.setupListeners();
+  }
+  setupListeners() {
+    window.addEventListener("popstate", this.handlePopState);
+    history.pushState = (...args) => {
+      this.originalPushState.apply(history, args);
+      this.checkUrlChange();
+    };
+    history.replaceState = (...args) => {
+      this.originalReplaceState.apply(history, args);
+      this.checkUrlChange();
+    };
+  }
+  checkUrlChange() {
+    const newUrl = window.location.href;
+    if (newUrl !== this.currentUrl) {
+      this.currentUrl = newUrl;
+      this.callback();
+    }
+  }
+  destroy() {
+    history.pushState = this.originalPushState;
+    history.replaceState = this.originalReplaceState;
+    window.removeEventListener("popstate", this.handlePopState);
+  }
+}
 function lexer(str) {
   var tokens = [];
   var i = 0;
@@ -24807,181 +25013,9 @@ function canDiscover(recordingBlocklist, allowLocalhostRecording) {
   }
   return true;
 }
-const USER_ACTIONS = [
-  IncrementalSource.MouseMove,
-  IncrementalSource.MouseInteraction,
-  IncrementalSource.Scroll,
-  IncrementalSource.ViewportResize,
-  IncrementalSource.Input,
-  IncrementalSource.TouchMove,
-  IncrementalSource.MediaInteraction,
-  IncrementalSource.Drag
-];
-class RecordingManager {
-  constructor(agent) {
-    __publicField(this, "agent");
-    __publicField(this, "recorder");
-    __publicField(this, "stasher");
-    this.agent = agent;
-    this.recorder = new Recorder(this.handleEvent.bind(this));
-    this.stasher = new Stasher(this);
-  }
-  start() {
-    this.recorder.start();
-  }
-  handleEvent(event) {
-    const url2 = new URL(window.location.href);
-    const cleanUrl = url2.origin + url2.pathname;
-    if (!canDiscover(
-      this.agent.recordingBlocklist,
-      this.agent._allowLocalhostRecording
-    )) {
-      return;
-    }
-    if (this.agent.sessionManager.isIdle) {
-      if (this.isInteractiveEvent(event)) {
-        this.agent.handleActivityDuringIdle();
-      } else {
-        return;
-      }
-    }
-    if (this.isClick(event)) {
-      let clickedNode = record.mirror.getNode(event.data.id);
-      if (clickedNode && this.nodeIsInteresting(clickedNode)) {
-        event["conversionData"] = {};
-        event.conversionData.eventType = "click";
-        event.conversionData.textContent = clickedNode.textContent;
-        event.conversionData.htmlElement = clickedNode.nodeName?.toLowerCase();
-        event.conversionData.location = cleanUrl;
-      }
-    }
-    if (this.isCustom(event)) {
-      event["conversionData"] = {};
-      event.conversionData.eventType = "custom";
-      event.conversionData.customEventType = event.data.tag;
-      event.conversionData.location = cleanUrl;
-    }
-    if (this.stasher.isRunning) {
-      this.stasher.handle(event);
-      return;
-    }
-    this.publishEvent(event);
-  }
-  publishEvent(event) {
-    this.agent.sender.handle(event);
-    if (this.agent.timer) {
-      this.agent.timer.restart();
-    }
-  }
-  startRecorderWithStasher() {
-    this.stasher.start();
-    this.recorder = new Recorder(this.handleEvent.bind(this));
-    this.recorder.start();
-  }
-  isClick(event) {
-    return event.type === EventType.IncrementalSnapshot && // incremental snapshot event
-    event.data.source === IncrementalSource.MouseInteraction && // source of incremental snapshot is a mouse action
-    event.data.type === MouseInteractions.Click;
-  }
-  nodeIsInteresting(clickedNode) {
-    return clickedNode.nodeName === "BUTTON" || clickedNode.nodeName === "ANCHOR";
-  }
-  isCustom(event) {
-    return event.type === EventType.Custom;
-  }
-  isInteractiveEvent(event) {
-    return event.type === EventType.IncrementalSnapshot && USER_ACTIONS.includes(event.data?.source);
-  }
-}
-class Timer {
-  constructor(agent, MAX_IDLE_TIME2) {
-    __publicField(this, "agent");
-    __publicField(this, "MAX_IDLE_TIME");
-    __publicField(this, "timeoutId");
-    this.agent = agent;
-    this.MAX_IDLE_TIME = MAX_IDLE_TIME2;
-    this.timeoutId = 0;
-  }
-  restart() {
-    this.stop();
-    this.start();
-  }
-  stop() {
-    clearTimeout(this.timeoutId);
-  }
-  start() {
-    this.timeoutId = window.setTimeout(
-      this.agent.handleTimeout.bind(this.agent),
-      this.MAX_IDLE_TIME
-    );
-  }
-}
-const _SessionManager = class _SessionManager {
-  constructor() {
-    __publicField(this, "sessionId", null);
-    __publicField(this, "lastScreenViewEventTime", 0);
-    __publicField(this, "isIdle", false);
-  }
-  static getInstance() {
-    if (!_SessionManager.instance) {
-      _SessionManager.instance = new _SessionManager();
-    }
-    return _SessionManager.instance;
-  }
-  /**
-   * Determines the current session state based on previous and current session IDs
-   */
-  determineSessionState(newSessionId) {
-    if (!this.sessionId && newSessionId) {
-      return "new";
-    }
-    if (this.sessionId && newSessionId && this.sessionId !== newSessionId) {
-      return "changed";
-    }
-    if (this.sessionId === newSessionId && this.sessionId !== null) {
-      return "active";
-    }
-    return "expired";
-  }
-  /**
-   * Handles session state transitions and triggers appropriate actions
-   */
-  handleSessionTransition(state, callbacks) {
-    switch (state) {
-      case "new":
-      case "changed":
-        this.updateIdleStatus(false);
-        callbacks.takeFullSnapshot?.();
-        break;
-    }
-  }
-  /**
-   * Updates the session state based on a new session ID
-   * @param newSessionId The new session ID from the server
-   * @param callbacks Optional callbacks for session state changes
-   */
-  updateSession(newSessionId, callbacks = {}) {
-    const sessionState = this.determineSessionState(newSessionId);
-    this.handleSessionTransition(sessionState, callbacks);
-    this.sessionId = newSessionId;
-  }
-  updateLastScreenViewEventTime() {
-    this.lastScreenViewEventTime = Date.now();
-  }
-  updateIdleStatus(isIdle) {
-    this.isIdle = isIdle;
-  }
-  getLastScreenViewEventTime() {
-    return this.lastScreenViewEventTime;
-  }
-  getCurrentSessionId() {
-    return this.sessionId;
-  }
-};
-__publicField(_SessionManager, "instance");
-let SessionManager = _SessionManager;
 const MAX_IDLE_TIME = 60 * 1e3;
 const SCREEN_VIEW_EVENT_COOLDOWN = 5 * 1e3;
+const RESUME_RECORDING_DEBOUNCE_MS = 3e3;
 const _Agent = class _Agent {
   constructor() {
     __publicField(this, "recordingManager");
@@ -24993,6 +25027,9 @@ const _Agent = class _Agent {
     __publicField(this, "recordingBlocklist", []);
     __publicField(this, "_allowLocalhostRecording");
     __publicField(this, "sessionCreationPromise", null);
+    __publicField(this, "urlMonitor");
+    __publicField(this, "isRecordingStopped", false);
+    __publicField(this, "resumeRecordingTimer");
     this.recordingManager = new RecordingManager(this);
     this.sender = new Sender(this);
   }
@@ -25012,7 +25049,61 @@ const _Agent = class _Agent {
     this.MAX_IDLE_TIME = MAX_IDLE_TIME;
     this.timer = new Timer(this, this.MAX_IDLE_TIME);
     this.sender.start();
-    this.recordingManager.start();
+    const shouldRecordInitialPage = canDiscover(
+      this.recordingBlocklist,
+      this._allowLocalhostRecording
+    );
+    if (shouldRecordInitialPage) {
+      this.recordingManager.start();
+      this.isRecordingStopped = false;
+    } else {
+      this.isRecordingStopped = true;
+    }
+    this.urlMonitor = new UrlMonitor(() => this.handleUrlChange());
+  }
+  handleUrlChange() {
+    const shouldRecord = canDiscover(
+      this.recordingBlocklist,
+      this._allowLocalhostRecording
+    );
+    if (!shouldRecord) {
+      if (this.resumeRecordingTimer) {
+        clearTimeout(this.resumeRecordingTimer);
+        this.resumeRecordingTimer = void 0;
+      }
+      if (!this.isRecordingStopped) {
+        this.stopRecording();
+      }
+    } else {
+      if (this.isRecordingStopped) {
+        if (this.resumeRecordingTimer) {
+          clearTimeout(this.resumeRecordingTimer);
+        }
+        this.resumeRecordingTimer = window.setTimeout(() => {
+          this.resumeRecording();
+          this.resumeRecordingTimer = void 0;
+        }, RESUME_RECORDING_DEBOUNCE_MS);
+      }
+    }
+  }
+  stopRecording() {
+    record.addCustomEvent("recording_stopped_blocklist", {
+      url: window.location.href,
+      timestamp: Date.now()
+    });
+    if (this.recordingManager.recorder.stop) {
+      this.recordingManager.recorder.stop();
+    }
+    this.sender.send();
+    this.isRecordingStopped = true;
+  }
+  resumeRecording() {
+    this.recordingManager.recorder.start();
+    record.addCustomEvent("recording_resumed_blocklist", {
+      url: window.location.href,
+      timestamp: Date.now()
+    });
+    this.isRecordingStopped = false;
   }
   handleTimeout() {
     if (this.recordingManager.recorder.stop) {
@@ -25056,6 +25147,22 @@ const _Agent = class _Agent {
       console.error("Failed to send screen_view event:", error);
     }
   }
+  stop() {
+    if (this.resumeRecordingTimer) {
+      clearTimeout(this.resumeRecordingTimer);
+      this.resumeRecordingTimer = void 0;
+    }
+    if (this.urlMonitor) {
+      this.urlMonitor.destroy();
+      this.urlMonitor = void 0;
+    }
+    if (!this.isRecordingStopped && this.recordingManager.recorder.stop) {
+      this.recordingManager.recorder.stop();
+    }
+    if (this.timer) {
+      this.timer.stop();
+    }
+  }
 };
 __publicField(_Agent, "_sessionManager", SessionManager.getInstance());
 let Agent = _Agent;
@@ -25078,7 +25185,7 @@ function toCamelCase(str) {
     ($1) => $1.toUpperCase().replace("-", "").replace("_", "")
   );
 }
-const VERSION = "0.0.29";
+const VERSION = "0.0.31";
 class Tracker extends TrackerSdk {
   constructor(options) {
     super({
@@ -25277,10 +25384,9 @@ class Tracker extends TrackerSdk {
    */
   disableTracking() {
     super.disableTracking();
+    console.log("Brainfish tracking has been disabled.");
     if (this.isRecordingActive) {
-      if (this.agent.recordingManager.recorder.stop) {
-        this.agent.recordingManager.recorder.stop();
-      }
+      this.agent.stop();
       this.isRecordingActive = false;
       console.log("Brainfish has stopped ambient learning");
     }