@leanbase-giangnd/js 0.1.0 → 0.1.1

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { isArray, isString, isNullish, isFormData, hasOwnProperty, isNumber, isNull, PostHogPersistedProperty, isUndefined, isFile, isFunction, includes, stripLeadingDollar, isObject, isEmptyObject, isBoolean, trim, clampToRange, BucketedRateLimiter, PostHogCore, getFetch, isEmptyString } from '@posthog/core';
+import { isArray, isNullish, isFormData, hasOwnProperty, isString, isNull, isNumber, PostHogPersistedProperty, isUndefined, isFile, isFunction, includes, stripLeadingDollar, isObject, isEmptyObject, trim, isBoolean, clampToRange, BucketedRateLimiter, PostHogCore, getFetch, isEmptyString } from '@posthog/core';
 import { record } from '@rrweb/record';
 import { strFromU8, gzipSync, strToU8 } from 'fflate';
 
@@ -1183,7 +1183,7 @@ const detectDeviceType = function (user_agent) {
   }
 };
 
-var version = "0.1.0";
+var version = "0.1.1";
 var packageInfo = {
 	version: version};
 
@@ -3121,89 +3121,6 @@ const isLikelyBot = function (navigator, customBlockedUserAgents) {
   // It would be very bad if posthog-js caused a permission prompt to appear on every page load.
 };
 
-// Type definitions copied from @rrweb/types@2.0.0-alpha.17 and rrweb-snapshot@2.0.0-alpha.17
-// Both packages are MIT licensed: https://github.com/rrweb-io/rrweb
-//
-// These types are copied here to avoid requiring users to install peer dependencies
-// solely for TypeScript type information.
-//
-// Original sources:
-// - @rrweb/types: https://github.com/rrweb-io/rrweb/tree/main/packages/@rrweb/types
-// - rrweb-snapshot: https://github.com/rrweb-io/rrweb/tree/main/packages/rrweb-snapshot
-var NodeType;
-(function (NodeType) {
-  NodeType[NodeType["Document"] = 0] = "Document";
-  NodeType[NodeType["DocumentType"] = 1] = "DocumentType";
-  NodeType[NodeType["Element"] = 2] = "Element";
-  NodeType[NodeType["Text"] = 3] = "Text";
-  NodeType[NodeType["CDATA"] = 4] = "CDATA";
-  NodeType[NodeType["Comment"] = 5] = "Comment";
-})(NodeType || (NodeType = {}));
-var EventType;
-(function (EventType) {
-  EventType[EventType["DomContentLoaded"] = 0] = "DomContentLoaded";
-  EventType[EventType["Load"] = 1] = "Load";
-  EventType[EventType["FullSnapshot"] = 2] = "FullSnapshot";
-  EventType[EventType["IncrementalSnapshot"] = 3] = "IncrementalSnapshot";
-  EventType[EventType["Meta"] = 4] = "Meta";
-  EventType[EventType["Custom"] = 5] = "Custom";
-  EventType[EventType["Plugin"] = 6] = "Plugin";
-})(EventType || (EventType = {}));
-var IncrementalSource;
-(function (IncrementalSource) {
-  IncrementalSource[IncrementalSource["Mutation"] = 0] = "Mutation";
-  IncrementalSource[IncrementalSource["MouseMove"] = 1] = "MouseMove";
-  IncrementalSource[IncrementalSource["MouseInteraction"] = 2] = "MouseInteraction";
-  IncrementalSource[IncrementalSource["Scroll"] = 3] = "Scroll";
-  IncrementalSource[IncrementalSource["ViewportResize"] = 4] = "ViewportResize";
-  IncrementalSource[IncrementalSource["Input"] = 5] = "Input";
-  IncrementalSource[IncrementalSource["TouchMove"] = 6] = "TouchMove";
-  IncrementalSource[IncrementalSource["MediaInteraction"] = 7] = "MediaInteraction";
-  IncrementalSource[IncrementalSource["StyleSheetRule"] = 8] = "StyleSheetRule";
-  IncrementalSource[IncrementalSource["CanvasMutation"] = 9] = "CanvasMutation";
-  IncrementalSource[IncrementalSource["Font"] = 10] = "Font";
-  IncrementalSource[IncrementalSource["Log"] = 11] = "Log";
-  IncrementalSource[IncrementalSource["Drag"] = 12] = "Drag";
-  IncrementalSource[IncrementalSource["StyleDeclaration"] = 13] = "StyleDeclaration";
-  IncrementalSource[IncrementalSource["Selection"] = 14] = "Selection";
-  IncrementalSource[IncrementalSource["AdoptedStyleSheet"] = 15] = "AdoptedStyleSheet";
-  IncrementalSource[IncrementalSource["CustomElement"] = 16] = "CustomElement";
-})(IncrementalSource || (IncrementalSource = {}));
-var MouseInteractions;
-(function (MouseInteractions) {
-  MouseInteractions[MouseInteractions["MouseUp"] = 0] = "MouseUp";
-  MouseInteractions[MouseInteractions["MouseDown"] = 1] = "MouseDown";
-  MouseInteractions[MouseInteractions["Click"] = 2] = "Click";
-  MouseInteractions[MouseInteractions["ContextMenu"] = 3] = "ContextMenu";
-  MouseInteractions[MouseInteractions["DblClick"] = 4] = "DblClick";
-  MouseInteractions[MouseInteractions["Focus"] = 5] = "Focus";
-  MouseInteractions[MouseInteractions["Blur"] = 6] = "Blur";
-  MouseInteractions[MouseInteractions["TouchStart"] = 7] = "TouchStart";
-  MouseInteractions[MouseInteractions["TouchMove_Departed"] = 8] = "TouchMove_Departed";
-  MouseInteractions[MouseInteractions["TouchEnd"] = 9] = "TouchEnd";
-  MouseInteractions[MouseInteractions["TouchCancel"] = 10] = "TouchCancel";
-})(MouseInteractions || (MouseInteractions = {}));
-var PointerTypes;
-(function (PointerTypes) {
-  PointerTypes[PointerTypes["Mouse"] = 0] = "Mouse";
-  PointerTypes[PointerTypes["Pen"] = 1] = "Pen";
-  PointerTypes[PointerTypes["Touch"] = 2] = "Touch";
-})(PointerTypes || (PointerTypes = {}));
-var MediaInteractions;
-(function (MediaInteractions) {
-  MediaInteractions[MediaInteractions["Play"] = 0] = "Play";
-  MediaInteractions[MediaInteractions["Pause"] = 1] = "Pause";
-  MediaInteractions[MediaInteractions["Seeked"] = 2] = "Seeked";
-  MediaInteractions[MediaInteractions["VolumeChange"] = 3] = "VolumeChange";
-  MediaInteractions[MediaInteractions["RateChange"] = 4] = "RateChange";
-})(MediaInteractions || (MediaInteractions = {}));
-var CanvasContext;
-(function (CanvasContext) {
-  CanvasContext[CanvasContext["2D"] = 0] = "2D";
-  CanvasContext[CanvasContext["WebGL"] = 1] = "WebGL";
-  CanvasContext[CanvasContext["WebGL2"] = 2] = "WebGL2";
-})(CanvasContext || (CanvasContext = {}));
-
 const _createLogger = prefix => {
   return {
     info: (...args) => logger$3.info(prefix, ...args),
@@ -3219,6 +3136,69 @@ const _createLogger = prefix => {
 const logger$2 = _createLogger('[Leanbase]');
 const createLogger = _createLogger;
 
+function patch(source, name, replacement) {
+  try {
+    if (!(name in source)) {
+      return () => {
+        //
+      };
+    }
+    const original = source[name];
+    const wrapped = replacement(original);
+    if (isFunction(wrapped)) {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      wrapped.prototype = wrapped.prototype || {};
+      Object.defineProperties(wrapped, {
+        __posthog_wrapped__: {
+          enumerable: false,
+          value: true
+        }
+      });
+    }
+    source[name] = wrapped;
+    return () => {
+      source[name] = original;
+    };
+  } catch {
+    return () => {
+      //
+    };
+  }
+}
+
+function hostnameFromURL(url) {
+  try {
+    if (typeof url === 'string') {
+      return new URL(url).hostname;
+    }
+    if ('url' in url) {
+      return new URL(url.url).hostname;
+    }
+    return url.hostname;
+  } catch {
+    return null;
+  }
+}
+function isHostOnDenyList(url, options) {
+  const hostname = hostnameFromURL(url);
+  const defaultNotDenied = {
+    hostname,
+    isHostDenied: false
+  };
+  if (!options.payloadHostDenyList?.length || !hostname?.trim().length) {
+    return defaultNotDenied;
+  }
+  for (const deny of options.payloadHostDenyList) {
+    if (hostname.endsWith(deny)) {
+      return {
+        hostname,
+        isHostDenied: true
+      };
+    }
+  }
+  return defaultNotDenied;
+}
+
 const LOGGER_PREFIX$2 = '[SessionRecording]';
 const REDACTED = 'redacted';
 const defaultNetworkOptions = {
@@ -3375,69 +3355,6 @@ const buildNetworkRequestOptions = (instanceConfig, remoteNetworkOptions = {}) =
   };
 };
 
-function patch(source, name, replacement) {
-  try {
-    if (!(name in source)) {
-      return () => {
-        //
-      };
-    }
-    const original = source[name];
-    const wrapped = replacement(original);
-    if (isFunction(wrapped)) {
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-      wrapped.prototype = wrapped.prototype || {};
-      Object.defineProperties(wrapped, {
-        __posthog_wrapped__: {
-          enumerable: false,
-          value: true
-        }
-      });
-    }
-    source[name] = wrapped;
-    return () => {
-      source[name] = original;
-    };
-  } catch {
-    return () => {
-      //
-    };
-  }
-}
-
-function hostnameFromURL(url) {
-  try {
-    if (typeof url === 'string') {
-      return new URL(url).hostname;
-    }
-    if ('url' in url) {
-      return new URL(url.url).hostname;
-    }
-    return url.hostname;
-  } catch {
-    return null;
-  }
-}
-function isHostOnDenyList(url, options) {
-  const hostname = hostnameFromURL(url);
-  const defaultNotDenied = {
-    hostname,
-    isHostDenied: false
-  };
-  if (!options.payloadHostDenyList?.length || !hostname?.trim().length) {
-    return defaultNotDenied;
-  }
-  for (const deny of options.payloadHostDenyList) {
-    if (hostname.endsWith(deny)) {
-      return {
-        hostname,
-        isHostDenied: true
-      };
-    }
-  }
-  return defaultNotDenied;
-}
-
 /// <reference lib="dom" />
 const logger$1 = createLogger('[Recorder]');
 const isNavigationTiming = entry => entry.entryType === 'navigation';
@@ -3996,6 +3913,108 @@ const getRecordNetworkPlugin = options => {
 };
 // rrweb/networ@1 ends
 
+// Use a safe global target (prefer `win`, fallback to globalThis)
+const _target = win ?? globalThis;
+_target.__PosthogExtensions__ = _target.__PosthogExtensions__ || {};
+// Expose rrweb.record under the same contract
+_target.__PosthogExtensions__.rrweb = _target.__PosthogExtensions__.rrweb || {
+  record: record
+};
+// Provide initSessionRecording if not present — return a new LazyLoadedSessionRecording when called
+_target.__PosthogExtensions__.initSessionRecording = _target.__PosthogExtensions__.initSessionRecording || (instance => {
+  return new LazyLoadedSessionRecording(instance);
+});
+// Provide a no-op loadExternalDependency that calls the callback immediately (since rrweb is bundled)
+_target.__PosthogExtensions__.loadExternalDependency = _target.__PosthogExtensions__.loadExternalDependency || ((instance, scriptName, cb) => {
+  if (cb) cb(undefined);
+});
+// Provide rrwebPlugins object with network plugin factory if not present
+_target.__PosthogExtensions__.rrwebPlugins = _target.__PosthogExtensions__.rrwebPlugins || {};
+_target.__PosthogExtensions__.rrwebPlugins.getRecordNetworkPlugin = _target.__PosthogExtensions__.rrwebPlugins.getRecordNetworkPlugin || (() => getRecordNetworkPlugin);
+
+// Type definitions copied from @rrweb/types@2.0.0-alpha.17 and rrweb-snapshot@2.0.0-alpha.17
+// Both packages are MIT licensed: https://github.com/rrweb-io/rrweb
+//
+// These types are copied here to avoid requiring users to install peer dependencies
+// solely for TypeScript type information.
+//
+// Original sources:
+// - @rrweb/types: https://github.com/rrweb-io/rrweb/tree/main/packages/@rrweb/types
+// - rrweb-snapshot: https://github.com/rrweb-io/rrweb/tree/main/packages/rrweb-snapshot
+var NodeType;
+(function (NodeType) {
+  NodeType[NodeType["Document"] = 0] = "Document";
+  NodeType[NodeType["DocumentType"] = 1] = "DocumentType";
+  NodeType[NodeType["Element"] = 2] = "Element";
+  NodeType[NodeType["Text"] = 3] = "Text";
+  NodeType[NodeType["CDATA"] = 4] = "CDATA";
+  NodeType[NodeType["Comment"] = 5] = "Comment";
+})(NodeType || (NodeType = {}));
+var EventType;
+(function (EventType) {
+  EventType[EventType["DomContentLoaded"] = 0] = "DomContentLoaded";
+  EventType[EventType["Load"] = 1] = "Load";
+  EventType[EventType["FullSnapshot"] = 2] = "FullSnapshot";
+  EventType[EventType["IncrementalSnapshot"] = 3] = "IncrementalSnapshot";
+  EventType[EventType["Meta"] = 4] = "Meta";
+  EventType[EventType["Custom"] = 5] = "Custom";
+  EventType[EventType["Plugin"] = 6] = "Plugin";
+})(EventType || (EventType = {}));
+var IncrementalSource;
+(function (IncrementalSource) {
+  IncrementalSource[IncrementalSource["Mutation"] = 0] = "Mutation";
+  IncrementalSource[IncrementalSource["MouseMove"] = 1] = "MouseMove";
+  IncrementalSource[IncrementalSource["MouseInteraction"] = 2] = "MouseInteraction";
+  IncrementalSource[IncrementalSource["Scroll"] = 3] = "Scroll";
+  IncrementalSource[IncrementalSource["ViewportResize"] = 4] = "ViewportResize";
+  IncrementalSource[IncrementalSource["Input"] = 5] = "Input";
+  IncrementalSource[IncrementalSource["TouchMove"] = 6] = "TouchMove";
+  IncrementalSource[IncrementalSource["MediaInteraction"] = 7] = "MediaInteraction";
+  IncrementalSource[IncrementalSource["StyleSheetRule"] = 8] = "StyleSheetRule";
+  IncrementalSource[IncrementalSource["CanvasMutation"] = 9] = "CanvasMutation";
+  IncrementalSource[IncrementalSource["Font"] = 10] = "Font";
+  IncrementalSource[IncrementalSource["Log"] = 11] = "Log";
+  IncrementalSource[IncrementalSource["Drag"] = 12] = "Drag";
+  IncrementalSource[IncrementalSource["StyleDeclaration"] = 13] = "StyleDeclaration";
+  IncrementalSource[IncrementalSource["Selection"] = 14] = "Selection";
+  IncrementalSource[IncrementalSource["AdoptedStyleSheet"] = 15] = "AdoptedStyleSheet";
+  IncrementalSource[IncrementalSource["CustomElement"] = 16] = "CustomElement";
+})(IncrementalSource || (IncrementalSource = {}));
+var MouseInteractions;
+(function (MouseInteractions) {
+  MouseInteractions[MouseInteractions["MouseUp"] = 0] = "MouseUp";
+  MouseInteractions[MouseInteractions["MouseDown"] = 1] = "MouseDown";
+  MouseInteractions[MouseInteractions["Click"] = 2] = "Click";
+  MouseInteractions[MouseInteractions["ContextMenu"] = 3] = "ContextMenu";
+  MouseInteractions[MouseInteractions["DblClick"] = 4] = "DblClick";
+  MouseInteractions[MouseInteractions["Focus"] = 5] = "Focus";
+  MouseInteractions[MouseInteractions["Blur"] = 6] = "Blur";
+  MouseInteractions[MouseInteractions["TouchStart"] = 7] = "TouchStart";
+  MouseInteractions[MouseInteractions["TouchMove_Departed"] = 8] = "TouchMove_Departed";
+  MouseInteractions[MouseInteractions["TouchEnd"] = 9] = "TouchEnd";
+  MouseInteractions[MouseInteractions["TouchCancel"] = 10] = "TouchCancel";
+})(MouseInteractions || (MouseInteractions = {}));
+var PointerTypes;
+(function (PointerTypes) {
+  PointerTypes[PointerTypes["Mouse"] = 0] = "Mouse";
+  PointerTypes[PointerTypes["Pen"] = 1] = "Pen";
+  PointerTypes[PointerTypes["Touch"] = 2] = "Touch";
+})(PointerTypes || (PointerTypes = {}));
+var MediaInteractions;
+(function (MediaInteractions) {
+  MediaInteractions[MediaInteractions["Play"] = 0] = "Play";
+  MediaInteractions[MediaInteractions["Pause"] = 1] = "Pause";
+  MediaInteractions[MediaInteractions["Seeked"] = 2] = "Seeked";
+  MediaInteractions[MediaInteractions["VolumeChange"] = 3] = "VolumeChange";
+  MediaInteractions[MediaInteractions["RateChange"] = 4] = "RateChange";
+})(MediaInteractions || (MediaInteractions = {}));
+var CanvasContext;
+(function (CanvasContext) {
+  CanvasContext[CanvasContext["2D"] = 0] = "2D";
+  CanvasContext[CanvasContext["WebGL"] = 1] = "WebGL";
+  CanvasContext[CanvasContext["WebGL2"] = 2] = "WebGL2";
+})(CanvasContext || (CanvasContext = {}));
+
 const DISABLED = 'disabled';
 const SAMPLED = 'sampled';
 const ACTIVE = 'active';
@@ -4452,6 +4471,15 @@ const newQueuedEvent = rrwebMethod => ({
   attempt: 1
 });
 function getRRWebRecord() {
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const ext = globalThis.__PosthogExtensions__;
+    if (ext && ext.rrweb && ext.rrweb.record) {
+      return ext.rrweb.record;
+    }
+  } catch {
+    // ignore
+  }
   return record;
 }
 function gzipToString(data) {
@@ -5163,7 +5191,7 @@ class LazyLoadedSessionRecording {
   _captureSnapshot(properties) {
     // :TRICKY: Make sure we batch these requests, use a custom endpoint and don't truncate the strings.
     this._instance.capture('$snapshot', properties, {
-      _url: this._snapshotUrl(),
+      _url: this._instance.requestRouter.endpointFor('api', this._endpoint),
       _noTruncate: true,
       _batchKey: SESSION_RECORDING_BATCH_KEY,
       skip_client_rate_limiting: true
@@ -5495,35 +5523,22 @@ class SessionRecording {
     }
   }
   get _isRecordingEnabled() {
-    if (!win) {
-      return false;
-    }
-    if (!this._serverRecordingEnabled) {
-      return false;
-    }
-    if (this._instance.config.disable_session_recording) {
-      return false;
-    }
-    return true;
+    const enabled_server_side = !!this._instance.get_property(SESSION_RECORDING_REMOTE_CONFIG)?.enabled;
+    const enabled_client_side = !this._instance.config.disable_session_recording;
+    const isDisabled = this._instance.config.disable_session_recording || this._instance.consent?.isOptedOut?.();
+    return win && enabled_server_side && enabled_client_side && !isDisabled;
   }
   startIfEnabledOrStop(startReason) {
-    const canRunReplay = !isUndefined(Object.assign) && !isUndefined(Array.from);
-    if (!this._isRecordingEnabled || !canRunReplay) {
-      this.stopRecording();
+    if (this._isRecordingEnabled && this._lazyLoadedSessionRecording?.isStarted) {
       return;
     }
-    if (this._lazyLoadedSessionRecording?.isStarted) {
-      return;
+    const canRunReplay = !isUndefined(Object.assign) && !isUndefined(Array.from);
+    if (this._isRecordingEnabled && canRunReplay) {
+      this._lazyLoadAndStart(startReason);
+      log.info('starting');
+    } else {
+      this.stopRecording();
     }
-    // According to the rrweb docs, rrweb is not supported on IE11 and below:
-    // "rrweb does not support IE11 and below because it uses the MutationObserver API, which was supported by these browsers."
-    // https://github.com/rrweb-io/rrweb/blob/master/guide.md#compatibility-note
-    //
-    // However, MutationObserver does exist on IE11, it just doesn't work well and does not detect all changes.
-    // Instead, when we load "recorder.js", the first JS error is about "Object.assign" and "Array.from" being undefined.
-    // Thus instead of MutationObserver, we look for this function and block recording if it's undefined.
-    this._lazyLoadAndStart(startReason);
-    log.info('starting');
   }
   /**
    * session recording waits until it receives remote config before loading the script
@@ -5828,6 +5843,9 @@ class Leanbase extends PostHogCore {
     };
     if (isObject(config)) {
       extend(this.config, config);
+      if (!this.config.api_host && this.config.host) {
+        this.config.api_host = this.config.host;
+      }
       this.persistence?.update_config(this.config, oldConfig);
       this.replayAutocapture?.startIfEnabled();
       this.sessionRecording?.startIfEnabledOrStop();