@leanbase-giangnd/js 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@leanbase-giangnd/js",
-    "version": "0.1.0",
+    "version": "0.1.1",
     "description": "Leanbase browser SDK - event tracking, autocapture, and session replay",
     "repository": {
         "type": "git",

package/src/extensions/replay/extension-shim.ts

@@ -0,0 +1,35 @@
+import { window as win } from '../../utils'
+import { record as rrwebRecord } from '@rrweb/record'
+import { LazyLoadedSessionRecording } from './external/lazy-loaded-session-recorder'
+import { getRecordNetworkPlugin } from './external/network-plugin'
+
+// Use a safe global target (prefer `win`, fallback to globalThis)
+const _target: any = (win as any) ?? (globalThis as any)
+
+_target.__PosthogExtensions__ = _target.__PosthogExtensions__ || {}
+
+// Expose rrweb.record under the same contract
+_target.__PosthogExtensions__.rrweb = _target.__PosthogExtensions__.rrweb || {
+    record: rrwebRecord,
+}
+
+// Provide initSessionRecording if not present — return a new LazyLoadedSessionRecording when called
+_target.__PosthogExtensions__.initSessionRecording =
+    _target.__PosthogExtensions__.initSessionRecording ||
+    ((instance: any) => {
+        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: any, scriptName: string, cb?: (err?: any) => void) => {
+        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)
+
+export {}

package/src/extensions/replay/external/lazy-loaded-session-recorder.ts

@@ -1,4 +1,5 @@
 import { record as rrwebRecord } from '@rrweb/record'
+import '../extension-shim'
 import { clampToRange, includes, isBoolean, isNullish, isNumber, isObject, isString, isUndefined } from '@posthog/core'
 import type { recordOptions, rrwebRecord as rrwebRecordType } from '../types/rrweb'
 import {
@@ -118,6 +119,16 @@ const newQueuedEvent = (rrwebMethod: () => void): QueuedRRWebEvent => ({
 })
 
 function getRRWebRecord(): rrwebRecordType | undefined {
+    try {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const ext = (globalThis as any).__PosthogExtensions__
+        if (ext && ext.rrweb && ext.rrweb.record) {
+            return ext.rrweb.record as unknown as rrwebRecordType
+        }
+    } catch {
+        // ignore
+    }
+
     return rrwebRecord as unknown as rrwebRecordType
 }
 
@@ -1022,7 +1033,7 @@ export class LazyLoadedSessionRecording {
     private _captureSnapshot(properties: 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,

package/src/extensions/replay/session-recording.ts

@@ -57,42 +57,24 @@ export class SessionRecording {
     }
 
     private get _isRecordingEnabled() {
-        if (!window) {
-            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 window && enabled_server_side && enabled_client_side && !isDisabled
     }
 
     startIfEnabledOrStop(startReason?: SessionStartReason) {
-        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')
     }
 
     /**

package/src/leanbase.ts

@@ -43,6 +43,8 @@ import { PageViewManager } from './page-view'
 import { ScrollManager } from './scroll-manager'
 import { isLikelyBot } from './utils/blocked-uas'
 import { SessionRecording } from './extensions/replay/session-recording'
+import type { RequestRouter } from '../../browser/lib/src/utils/request-router'
+import type { ConsentManager } from '../../browser/lib/src/consent'
 
 const defaultConfig = (): LeanbaseConfig => ({
     host: 'https://i.leanbase.co',
@@ -87,6 +89,8 @@ export class Leanbase extends PostHogCore {
     sessionPersistence?: LeanbasePersistence
     sessionManager?: SessionIdManager
     sessionPropsManager?: SessionPropsManager
+    requestRouter!: RequestRouter
+    consent!: ConsentManager
     sessionRecording?: SessionRecording
     isRemoteConfigLoaded?: boolean
     personProcessingSetOncePropertiesSent = false
@@ -221,6 +225,10 @@ export class Leanbase extends PostHogCore {
         const oldConfig = { ...this.config }
         if (isObject(config)) {
             extend(this.config, config)
+            if (!this.config.api_host && this.config.host) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                ;(this.config as any).api_host = this.config.host
+            }
             this.persistence?.update_config(this.config, oldConfig)
             this.replayAutocapture?.startIfEnabled()
             this.sessionRecording?.startIfEnabledOrStop()

package/src/types.ts

@@ -101,6 +101,15 @@ export interface LeanbaseConfig extends Partial<PostHogCoreOptions> {
      * @default 'https://i.leanbase.co'
      */
     host?: string
+    /**
+     * API host (alias) used by some modules; kept for compatibility with upstream
+     */
+    api_host?: string
+
+    /**
+     * UI host override
+     */
+    ui_host?: string
 
     /**
      * The token for your Leanbase project.

package/src/version.ts

@@ -1 +1 @@
-export const version = '0.1.0'
+export const version = '0.1.1'