@cedarai/session-replay-sdk 0.3.0 → 0.4.0

package/dist/index.js

@@ -24,6 +24,7 @@ function isCompressionSupported() {
 
 // src/transport.ts
 var BEACON_MAX_SIZE = 64 * 1024;
+var MAX_QUEUE_LENGTH = 1e3;
 var Transport = class {
   config;
   queue = [];
@@ -65,6 +66,9 @@ var Transport = class {
   enqueue(event) {
     if (!this.started) return;
     this.queue.push(event);
+    if (this.queue.length > MAX_QUEUE_LENGTH) {
+      this.queue.splice(0, this.queue.length - MAX_QUEUE_LENGTH);
+    }
     const maxSize = this.config.batchMaxSize ?? 1024 * 512;
     const estimatedSize = this.estimateQueueSize();
     if (estimatedSize >= maxSize) {
@@ -294,6 +298,7 @@ var ErrorCapture = class {
 
 // src/network.ts
 var nextId = 0;
+var RESPONSE_BODY_MAX_SIZE = 100 * 1024;
 var NetworkCapture = class {
   onEvent;
   serverUrl;
@@ -330,10 +335,16 @@ var NetworkCapture = class {
         const response = await this.originalFetch(input, init);
         const endTime = performance.now();
         let responseBody;
-        try {
-          const cloned = response.clone();
-          responseBody = await cloned.text();
-        } catch {
+        const contentLength = parseInt(response.headers.get("content-length") ?? "0", 10);
+        if (contentLength === 0 || contentLength <= RESPONSE_BODY_MAX_SIZE) {
+          try {
+            const cloned = response.clone();
+            const text = await cloned.text();
+            if (text.length <= RESPONSE_BODY_MAX_SIZE) {
+              responseBody = text;
+            }
+          } catch {
+          }
         }
         this.onEvent({
           type: "network",
@@ -385,6 +396,16 @@ var NetworkCapture = class {
 
 // src/recorder.ts
 import { record } from "rrweb";
+var DEFAULT_SAMPLING = {
+  mousemove: 50,
+  // throttle mousemove to one event per 50ms (default is every frame)
+  mouseInteraction: true,
+  // keep mouse clicks/interactions
+  scroll: 150,
+  // throttle scroll to one event per 150ms
+  input: "last"
+  // only capture the final input value, not every keystroke
+};
 var RecorderCapture = class {
   onEvent;
   config;
@@ -398,6 +419,7 @@ var RecorderCapture = class {
     if (this.started) return;
     this.started = true;
     const { checkoutEveryNms, blockSelector, maskAllInputs, inlineStylesheet, sampling } = this.config;
+    const mergedSampling = { ...DEFAULT_SAMPLING, ...sampling };
     const result = record({
       emit: (event) => {
         if (!this.started) return;
@@ -410,7 +432,7 @@ var RecorderCapture = class {
       ...blockSelector !== void 0 && { blockSelector },
       ...maskAllInputs !== void 0 && { maskAllInputs },
       ...inlineStylesheet !== void 0 && { inlineStylesheet },
-      ...sampling !== void 0 && { sampling }
+      sampling: mergedSampling
     });
     this.stopFn = result ?? null;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cedarai/session-replay-sdk",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",