@posthog/rrweb 0.0.40 → 0.0.42

package/dist/rrweb.umd.cjs

@@ -1181,6 +1181,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,
@@ -1204,10 +1214,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(
@@ -1288,7 +1310,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 +1367,9 @@ function serializeNodeWithId(n2, options) {
             iframeLoadTimeout,
             onStylesheetLoad,
             stylesheetLoadTimeout,
-            keepIframeSrcFn
+            keepIframeSrcFn,
+            depth: depth + 1,
+            maxDepth
           });
           if (serializedIframeNode) {
             onIframeLoad(
@@ -1384,7 +1410,9 @@ function serializeNodeWithId(n2, options) {
             iframeLoadTimeout,
             onStylesheetLoad,
             stylesheetLoadTimeout,
-            keepIframeSrcFn
+            keepIframeSrcFn,
+            depth,
+            maxDepth
           });
           if (serializedLinkNode) {
             onStylesheetLoad(
@@ -1420,7 +1448,8 @@ function snapshot(n2, options) {
     iframeLoadTimeout,
     onStylesheetLoad,
     stylesheetLoadTimeout,
-    keepIframeSrcFn = () => false
+    keepIframeSrcFn = () => false,
+    maxDepth
   } = options || {};
   const maskInputOptions = maskAllInputs === true ? {
     color: true,
@@ -1481,7 +1510,8 @@ function snapshot(n2, options) {
     onStylesheetLoad,
     stylesheetLoadTimeout,
     keepIframeSrcFn,
-    newlyAddedElement: false
+    newlyAddedElement: false,
+    maxDepth
   });
 }
 const MEDIA_SELECTOR = /(max|min)-device-(width|height)/;
@@ -18160,8 +18190,10 @@ exports.addCustomEvent = addCustomEvent;
 exports.canvasMutation = canvasMutation;
 exports.freezePage = freezePage;
 exports.record = record;
+exports.resetMaxDepthState = resetMaxDepthState;
 exports.takeFullSnapshot = takeFullSnapshot;
 exports.utils = utils;
+exports.wasMaxDepthReached = wasMaxDepthReached;
 ;if (typeof module.exports == "object" && typeof exports == "object") {
   var __cp = (to, from, except, desc) => {
     if ((from && typeof from === "object") || typeof from === "function") {