@posthog/rrweb-record 0.0.40 → 0.0.42

package/dist/rrweb-record.umd.cjs

@@ -1169,6 +1169,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,
@@ -1192,10 +1202,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(
@@ -1276,7 +1298,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 {
@@ -1331,7 +1355,9 @@ function serializeNodeWithId(n2, options) {
             iframeLoadTimeout,
             onStylesheetLoad,
             stylesheetLoadTimeout,
-            keepIframeSrcFn
+            keepIframeSrcFn,
+            depth: depth + 1,
+            maxDepth
           });
           if (serializedIframeNode) {
             onIframeLoad(
@@ -1372,7 +1398,9 @@ function serializeNodeWithId(n2, options) {
             iframeLoadTimeout,
             onStylesheetLoad,
             stylesheetLoadTimeout,
-            keepIframeSrcFn
+            keepIframeSrcFn,
+            depth,
+            maxDepth
           });
           if (serializedLinkNode) {
             onStylesheetLoad(
@@ -1408,7 +1436,8 @@ function snapshot(n2, options) {
     iframeLoadTimeout,
     onStylesheetLoad,
     stylesheetLoadTimeout,
-    keepIframeSrcFn = () => false
+    keepIframeSrcFn = () => false,
+    maxDepth
   } = options || {};
   const maskInputOptions = maskAllInputs === true ? {
     color: true,
@@ -1469,7 +1498,8 @@ function snapshot(n2, options) {
     onStylesheetLoad,
     stylesheetLoadTimeout,
     keepIframeSrcFn,
-    newlyAddedElement: false
+    newlyAddedElement: false,
+    maxDepth
   });
 }
 function getDefaultExportFromCjs$1(x) {
@@ -13188,6 +13218,8 @@ const { addCustomEvent } = record;
 const { freezePage } = record;
 const { takeFullSnapshot } = record;
 exports.record = record;
+exports.resetMaxDepthState = resetMaxDepthState;
+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") {