@leanbase-giangnd/js 0.0.5 → 0.1.0

package/package.json

@@ -1,47 +1,48 @@
 {
-  "name": "@leanbase-giangnd/js",
-  "version": "0.0.5",
-  "description": "Leanbase browser SDK - event tracking, autocapture, and session replay",
-  "repository": {
-    "type": "git",
-    "directory": "packages/leanbase"
-  },
-  "author": "leanbase",
-  "license": "Copyrighted by Leanflag Limited",
-  "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "unpkg": "dist/leanbase.iife.js",
-  "jsdelivr": "dist/leanbase.iife.js",
-  "files": [
-    "dist",
-    "src",
-    "README.md"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@rrweb/record": "2.0.0-alpha.17",
-    "fflate": "^0.4.8",
-    "@posthog/core": "1.3.1"
-  },
-  "devDependencies": {
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.44.1",
-    "rimraf": "^6.0.1",
-    "@posthog-tooling/tsconfig-base": "1.0.0",
-    "@posthog-tooling/rollup-utils": "1.0.0"
-  },
-  "scripts": {
-    "clean": "rimraf dist coverage",
-    "test:unit": "jest -c jest.config.js",
-    "lint": "eslint src test",
-    "lint:fix": "eslint src test --fix",
-    "prebuild": "node -p \"'export const version = \\'' + require('./package.json').version + '\\''\" > src/version.ts",
-    "build": "rollup -c",
-    "dev": "rollup -c -w",
-    "package": "mkdir -p ../../target && pnpm pack --pack-destination ../../target"
-  }
-}
+    "name": "@leanbase-giangnd/js",
+    "version": "0.1.0",
+    "description": "Leanbase browser SDK - event tracking, autocapture, and session replay",
+    "repository": {
+        "type": "git",
+        "directory": "packages/leanbase"
+    },
+    "author": "leanbase",
+    "license": "Copyrighted by Leanflag Limited",
+    "main": "dist/index.cjs",
+    "module": "dist/index.mjs",
+    "types": "dist/index.d.ts",
+    "unpkg": "dist/leanbase.iife.js",
+    "jsdelivr": "dist/leanbase.iife.js",
+    "scripts": {
+        "clean": "rimraf dist coverage",
+        "test:unit": "jest -c jest.config.js",
+        "lint": "eslint src test",
+        "lint:fix": "eslint src test --fix",
+        "prebuild": "node -p \"'export const version = \\'' + require('./package.json').version + '\\''\" > src/version.ts",
+        "build": "rollup -c",
+        "dev": "rollup -c -w",
+        "prepublishOnly": "pnpm lint && pnpm test:unit && pnpm build",
+        "package": "mkdir -p ../../target && pnpm pack --pack-destination ../../target"
+    },
+    "files": [
+        "dist",
+        "src",
+        "README.md"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "dependencies": {
+        "@posthog/core": "workspace:*",
+        "@rrweb/record": "2.0.0-alpha.17",
+        "fflate": "^0.4.8"
+    },
+    "devDependencies": {
+        "@posthog-tooling/tsconfig-base": "workspace:*",
+        "@posthog-tooling/rollup-utils": "workspace:*",
+        "jest": "catalog:",
+        "jest-environment-jsdom": "catalog:",
+        "rollup": "catalog:",
+        "rimraf": "^6.0.1"
+    }
+}

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

@@ -43,7 +43,6 @@ import {
     SESSION_RECORDING_REMOTE_CONFIG,
     SESSION_RECORDING_URL_TRIGGER_ACTIVATED_SESSION,
 } from '../../../constants'
-import { sendSnapshotDirect } from './snapshot-transport'
 import { Leanbase } from '../../../leanbase'
 import {
     CaptureResult,
@@ -1020,32 +1019,14 @@ export class LazyLoadedSessionRecording {
         }
     }
 
-    private async _captureSnapshot(properties: Properties) {
-        // Send snapshots directly to the recorder endpoint to avoid the core
-        // analytics batching and persisted queue. The lifecycle gate in
-        // SessionRecording ensures this method is only called when recording
-        // is allowed.
-        try {
-            const url = this._snapshotUrl()
-            // include minimal metadata expected by /s/ endpoint
-            const payload = {
-                $snapshot_bytes: properties.$snapshot_bytes,
-                $snapshot_data: properties.$snapshot_data,
-                $session_id: properties.$session_id,
-                $window_id: properties.$window_id,
-                $lib: properties.$lib,
-                $lib_version: properties.$lib_version,
-                // include distinct_id from persistence for server-side association
-                distinct_id: this._instance.persistence?.get_property('distinct_id'),
-            }
-
-            await sendSnapshotDirect(this._instance, url, payload)
-        } catch (err) {
-            try {
-                // eslint-disable-next-line no-console
-                console.debug('[SessionRecording] snapshot send failed', err)
-            } catch {}
-        }
+    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(),
+            _noTruncate: true,
+            _batchKey: SESSION_RECORDING_BATCH_KEY,
+            skip_client_rate_limiting: true,
+        })
     }
 
     private _snapshotUrl(): string {

package/src/leanbase.ts

@@ -1,7 +1,6 @@
 import {
     PostHogCore,
     getFetch,
-    isArray,
     isEmptyObject,
     isEmptyString,
     isNumber,
@@ -32,11 +31,10 @@ import {
     navigator,
     userAgent,
 } from './utils'
-import { decompressSync, strFromU8 } from 'fflate'
 import Config from './config'
 import { Autocapture } from './autocapture'
 import { logger } from './leanbase-logger'
-import { COOKIELESS_MODE_FLAG_PROPERTY, USER_STATE, SESSION_RECORDING_REMOTE_CONFIG } from './constants'
+import { COOKIELESS_MODE_FLAG_PROPERTY, USER_STATE } from './constants'
 import { getEventProperties } from './utils/event-utils'
 import { SessionIdManager } from './sessionid'
 import { SessionPropsManager } from './session-props'
@@ -210,132 +208,10 @@ export class Leanbase extends PostHogCore {
         this.sessionRecording?.onRemoteConfig(config)
     }
 
-    async fetch(url: string, options: PostHogFetchOptions): Promise<PostHogFetchResponse> {
+    fetch(url: string, options: PostHogFetchOptions): Promise<PostHogFetchResponse> {
         const fetchFn = getFetch()
         if (!fetchFn) {
-            throw new Error('Fetch API is not available in this environment.')
-        }
-
-        try {
-            const isPost = !options.method || options.method.toUpperCase() === 'POST'
-            const isBatchEndpoint = typeof url === 'string' && url.endsWith('/batch/')
-
-            if (isPost && isBatchEndpoint && options && options.body) {
-                let parsed: any = null
-                try {
-                    const headers = (options.headers || {}) as Record<string, any>
-                    const contentEncoding = (
-                        headers['Content-Encoding'] ||
-                        headers['content-encoding'] ||
-                        ''
-                    ).toLowerCase()
-
-                    const toUint8 = async (body: any): Promise<Uint8Array | null> => {
-                        if (typeof body === 'string') return new TextEncoder().encode(body)
-                        if (typeof Blob !== 'undefined' && body instanceof Blob) {
-                            const ab = await body.arrayBuffer()
-                            return new Uint8Array(ab)
-                        }
-                        if (body instanceof ArrayBuffer) return new Uint8Array(body)
-                        if (ArrayBuffer.isView(body)) return new Uint8Array((body as any).buffer ?? body)
-                        try {
-                            return new TextEncoder().encode(String(body))
-                        } catch {
-                            return null
-                        }
-                    }
-
-                    if (contentEncoding === 'gzip' || contentEncoding === 'deflate') {
-                        const u8 = await toUint8(options.body)
-                        if (u8) {
-                            try {
-                                const dec = decompressSync(u8)
-                                const s = strFromU8(dec)
-                                parsed = JSON.parse(s)
-                            } catch {
-                                parsed = null
-                            }
-                        }
-                    } else {
-                        if (typeof options.body === 'string') {
-                            parsed = JSON.parse(options.body)
-                        } else {
-                            const u8 = await toUint8(options.body)
-                            if (u8) {
-                                try {
-                                    parsed = JSON.parse(new TextDecoder().decode(u8))
-                                } catch {
-                                    parsed = null
-                                }
-                            } else {
-                                try {
-                                    parsed = JSON.parse(String(options.body))
-                                } catch {
-                                    parsed = null
-                                }
-                            }
-                        }
-                    }
-                } catch {
-                    parsed = null
-                }
-
-                if (parsed && isArray(parsed.batch)) {
-                    const hasSnapshot = parsed.batch.some((item: any) => item && item.event === '$snapshot')
-                    // Debug logging to help diagnose routing issues
-                    try {
-                        // eslint-disable-next-line no-console
-                        console.debug(
-                            '[Leanbase.fetch] parsed.batch.length=',
-                            parsed.batch.length,
-                            'hasSnapshot=',
-                            hasSnapshot
-                        )
-                    } catch {}
-
-                    // If remote config has explicitly disabled session recording, drop snapshot events
-                    try {
-                        // Read persisted remote config that SessionRecording stores
-                        const persisted: any = this.get_property(SESSION_RECORDING_REMOTE_CONFIG)
-                        const serverAllowsRecording = !(
-                            (persisted && persisted.enabled === false) ||
-                            this.config.disable_session_recording === true
-                        )
-
-                        if (!serverAllowsRecording && hasSnapshot) {
-                            // remove snapshot events from the batch before sending to /batch/
-                            parsed.batch = parsed.batch.filter((item: any) => !(item && item.event === '$snapshot'))
-                            // If no events remain, short-circuit and avoid sending an empty batch
-                            if (!parsed.batch.length) {
-                                try {
-                                    // eslint-disable-next-line no-console
-                                    console.debug(
-                                        '[Leanbase.fetch] sessionRecording disabled, dropping snapshot-only batch'
-                                    )
-                                } catch {}
-                                return { status: 200, json: async () => ({}) } as any
-                            }
-                            // re-encode the body so the underlying fetch receives the modified batch
-                            try {
-                                const newBody = JSON.stringify(parsed)
-                                options = { ...options, body: newBody }
-                            } catch {}
-                        }
-                    } catch {}
-
-                    if (hasSnapshot) {
-                        const host = (this.config && this.config.host) || ''
-                        const newUrl = host ? `${host.replace(/\/$/, '')}/s/` : url
-                        try {
-                            // eslint-disable-next-line no-console
-                            console.debug('[Leanbase.fetch] routing snapshot batch to', newUrl)
-                        } catch {}
-                        return fetchFn(newUrl, options)
-                    }
-                }
-            }
-        } catch {
-            return fetchFn(url, options)
+            return Promise.reject(new Error('Fetch API is not available in this environment.'))
         }
 
         return fetchFn(url, options)

package/src/types/fflate.d.ts

@@ -1,6 +1,5 @@
 declare module 'fflate' {
     export const gzipSync: (...args: any[]) => any
     export const strFromU8: (...args: any[]) => any
-    export const decompressSync: (...args: any[]) => any
     export const strToU8: (...args: any[]) => any
 }

package/src/version.ts

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

package/LICENSE

@@ -1,37 +0,0 @@
-Copyright 2025 Leanflag Limited
-This project is a fork of PostHog/posthog-js.
-
-All rights reserved. This software is proprietary to Leanflag Limited and may only be used for Leanflag Limited products and internal purposes. Redistribution, modification, or commercial use outside of Leanflag Limited is strictly prohibited without explicit written permission from Leanflag Limited.
-
-
----
-
-Copyright 2020 Posthog / Hiberly, Inc.
-
-Copyright 2015 Mixpanel, Inc.
-
-
-Some files in this codebase contain code from getsentry/sentry-javascript by Software, Inc. dba Sentry.
-In such cases it is explicitly stated in the file header. This license only applies to the relevant code in such cases. 
-
-MIT License
-
-Copyright (c) 2012 Functional Software, Inc. dba Sentry
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of
-this software and associated documentation files (the "Software"), to deal in
-the Software without restriction, including without limitation the rights to
-use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-of the Software, and to permit persons to whom the Software is furnished to do
-so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/src/extensions/replay/external/snapshot-transport.ts

@@ -1,50 +0,0 @@
-import { gzipSync, strToU8 } from 'fflate'
-import { Leanbase } from '../../../leanbase'
-
-/**
- * Leanbase-only SnapshotTransport
- * Sends gzip-compressed snapshot payloads directly to the /s/ endpoint.
- * This bypasses `posthog.capture()` and the analytics /batch/ queue.
- *
- * Reasoning: session replay snapshots must not enter the batch/persisted
- * queues managed by @posthog/core. This transport posts directly to the
- * recorder endpoint and uses the instance.fetch() implementation so it
- * runs in the same environment the SDK uses.
- */
-export async function sendSnapshotDirect(instance: Leanbase, url: string, payload: unknown) {
-    const fetchFn: any =
-        instance && (instance as any).fetch ? (instance as any).fetch.bind(instance) : (globalThis as any).fetch
-
-    const body = JSON.stringify(payload)
-    const compressed = gzipSync(strToU8(body))
-
-    const headers: Record<string, string> = {
-        'Content-Encoding': 'gzip',
-        'Content-Type': 'application/json',
-        Accept: 'application/json',
-    }
-
-    if (!fetchFn) {
-        // best-effort: if no fetch available, fail silently (recorder should not crash app)
-        try {
-            // eslint-disable-next-line no-console
-            console.debug('[SnapshotTransport] no fetch available, dropping snapshot')
-        } catch {}
-        return { status: 0 }
-    }
-
-    try {
-        // Use the instance.fetch wrapper so environment-specific shims are used.
-        return await fetchFn(url, {
-            method: 'POST',
-            body: compressed,
-            headers,
-        })
-    } catch (err) {
-        try {
-            // eslint-disable-next-line no-console
-            console.debug('[SnapshotTransport] send failed', err)
-        } catch {}
-        return { status: 0 }
-    }
-}