@posthog/rrweb-record 0.0.40 → 0.0.42

package/dist/index.d.cts

@@ -1,5 +1,11 @@
 import { record } from '@posthog/rrweb';
+import { resetMaxDepthState } from '@posthog/rrweb';
+import { wasMaxDepthReached } from '@posthog/rrweb';
 
 export { record }
 
+export { resetMaxDepthState }
+
+export { wasMaxDepthReached }
+
 export { }

package/dist/index.d.ts

@@ -1,5 +1,11 @@
 import { record } from '@posthog/rrweb';
+import { resetMaxDepthState } from '@posthog/rrweb';
+import { wasMaxDepthReached } from '@posthog/rrweb';
 
 export { record }
 
+export { resetMaxDepthState }
+
+export { wasMaxDepthReached }
+
 export { }

package/dist/rrweb-record.cjs

@@ -1136,6 +1136,16 @@ function slimDOMExcluded(sn, slimDOMOptions) {
   }
   return false;
 }
+const DEFAULT_MAX_DEPTH = 50;
+let _maxDepthWarned = false;
+let _maxDepthReached = false;
+function wasMaxDepthReached() {
+  return _maxDepthReached;
+}
+function resetMaxDepthState() {
+  _maxDepthReached = false;
+  _maxDepthWarned = false;
+}
 function serializeNodeWithId(n2, options) {
   const {
     doc,
@@ -1159,10 +1169,22 @@ function serializeNodeWithId(n2, options) {
     onStylesheetLoad,
     stylesheetLoadTimeout = 5e3,
     keepIframeSrcFn = () => false,
-    newlyAddedElement = false
+    newlyAddedElement = false,
+    depth = 0,
+    maxDepth = DEFAULT_MAX_DEPTH
   } = options;
   let { needsMask } = options;
   let { preserveWhiteSpace = true } = options;
+  if (depth >= maxDepth) {
+    _maxDepthReached = true;
+    if (!_maxDepthWarned) {
+      _maxDepthWarned = true;
+      console.warn(
+        `[rrweb-snapshot] DOM tree depth exceeded max depth of ${maxDepth}. Children beyond this depth will not be recorded. This may indicate deeply nested DOM structures.`
+      );
+    }
+    return null;
+  }
   if (!needsMask) {
     const checkAncestors = needsMask === void 0;
     needsMask = needMaskingText(
@@ -1243,7 +1265,9 @@ function serializeNodeWithId(n2, options) {
       iframeLoadTimeout,
       onStylesheetLoad,
       stylesheetLoadTimeout,
-      keepIframeSrcFn
+      keepIframeSrcFn,
+      depth: depth + 1,
+      maxDepth
     };
     if (serializedNode.type === NodeType$1$1.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
     else {
@@ -1298,7 +1322,9 @@ function serializeNodeWithId(n2, options) {
             iframeLoadTimeout,
             onStylesheetLoad,
             stylesheetLoadTimeout,
-            keepIframeSrcFn
+            keepIframeSrcFn,
+            depth: depth + 1,
+            maxDepth
           });
           if (serializedIframeNode) {
             onIframeLoad(
@@ -1339,7 +1365,9 @@ function serializeNodeWithId(n2, options) {
             iframeLoadTimeout,
             onStylesheetLoad,
             stylesheetLoadTimeout,
-            keepIframeSrcFn
+            keepIframeSrcFn,
+            depth,
+            maxDepth
           });
           if (serializedLinkNode) {
             onStylesheetLoad(
@@ -1375,7 +1403,8 @@ function snapshot(n2, options) {
     iframeLoadTimeout,
     onStylesheetLoad,
     stylesheetLoadTimeout,
-    keepIframeSrcFn = () => false
+    keepIframeSrcFn = () => false,
+    maxDepth
   } = options || {};
   const maskInputOptions = maskAllInputs === true ? {
     color: true,
@@ -1436,7 +1465,8 @@ function snapshot(n2, options) {
     onStylesheetLoad,
     stylesheetLoadTimeout,
     keepIframeSrcFn,
-    newlyAddedElement: false
+    newlyAddedElement: false,
+    maxDepth
   });
 }
 function getDefaultExportFromCjs$1(x) {
@@ -13174,4 +13204,6 @@ const { addCustomEvent } = record;
 const { freezePage } = record;
 const { takeFullSnapshot } = record;
 exports.record = record;
+exports.resetMaxDepthState = resetMaxDepthState;
+exports.wasMaxDepthReached = wasMaxDepthReached;
 //# sourceMappingURL=rrweb-record.cjs.map