@posthog/rrweb 0.0.39 → 0.0.41

package/dist/rrweb.umd.cjs

@@ -1181,6 +1181,8 @@ function slimDOMExcluded(sn, slimDOMOptions) {
   }
   return false;
 }
+const DEFAULT_MAX_DEPTH = 50;
+let _maxDepthWarned = false;
 function serializeNodeWithId(n2, options) {
   const {
     doc,
@@ -1204,10 +1206,21 @@ 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) {
+    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(
@@ -1288,7 +1301,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 {
@@ -1343,7 +1358,9 @@ function serializeNodeWithId(n2, options) {
             iframeLoadTimeout,
             onStylesheetLoad,
             stylesheetLoadTimeout,
-            keepIframeSrcFn
+            keepIframeSrcFn,
+            depth: depth + 1,
+            maxDepth
           });
           if (serializedIframeNode) {
             onIframeLoad(
@@ -1384,7 +1401,9 @@ function serializeNodeWithId(n2, options) {
             iframeLoadTimeout,
             onStylesheetLoad,
             stylesheetLoadTimeout,
-            keepIframeSrcFn
+            keepIframeSrcFn,
+            depth,
+            maxDepth
           });
           if (serializedLinkNode) {
             onStylesheetLoad(
@@ -1420,7 +1439,8 @@ function snapshot(n2, options) {
     iframeLoadTimeout,
     onStylesheetLoad,
     stylesheetLoadTimeout,
-    keepIframeSrcFn = () => false
+    keepIframeSrcFn = () => false,
+    maxDepth
   } = options || {};
   const maskInputOptions = maskAllInputs === true ? {
     color: true,
@@ -1481,7 +1501,8 @@ function snapshot(n2, options) {
     onStylesheetLoad,
     stylesheetLoadTimeout,
     keepIframeSrcFn,
-    newlyAddedElement: false
+    newlyAddedElement: false,
+    maxDepth
   });
 }
 const MEDIA_SELECTOR = /(max|min)-device-(width|height)/;