@posthog/rrweb 0.0.40 → 0.0.42

package/dist/rrweb.d.cts

@@ -26,6 +26,7 @@ import { PackFn } from '@posthog/rrweb-types';
 import { playerMetaData } from '@posthog/rrweb-types';
 import { RecordPlugin } from '@posthog/rrweb-types';
 import { ReplayerEvents } from '@posthog/rrweb-types';
+import { resetMaxDepthState } from '@posthog/rrweb-snapshot';
 import { RRDocument } from '@posthog/rrdom';
 import { RRIFrameElement } from '@posthog/rrdom';
 import { RRNode } from '@posthog/rrdom';
@@ -35,6 +36,7 @@ import { StateMachine } from '@xstate/fsm';
 import { textMutation } from '@posthog/rrweb-types';
 import { throttleOptions } from '@posthog/rrweb-types';
 import { UnpackFn } from '@posthog/rrweb-types';
+import { wasMaxDepthReached } from '@posthog/rrweb-snapshot';
 
 export declare const addCustomEvent: <T>(tag: string, payload: T) => void;
 
@@ -355,6 +357,8 @@ export declare type ReplayPlugin = {
     }) => void;
 };
 
+export { resetMaxDepthState }
+
 declare type ResolveTree = {
     value: addedNodeMutation;
     children: ResolveTree[];
@@ -464,6 +468,8 @@ declare namespace utils {
 }
 export { utils }
 
+export { wasMaxDepthReached }
+
 export { }
 
 

package/dist/rrweb.d.ts

@@ -26,6 +26,7 @@ import { PackFn } from '@posthog/rrweb-types';
 import { playerMetaData } from '@posthog/rrweb-types';
 import { RecordPlugin } from '@posthog/rrweb-types';
 import { ReplayerEvents } from '@posthog/rrweb-types';
+import { resetMaxDepthState } from '@posthog/rrweb-snapshot';
 import { RRDocument } from '@posthog/rrdom';
 import { RRIFrameElement } from '@posthog/rrdom';
 import { RRNode } from '@posthog/rrdom';
@@ -35,6 +36,7 @@ import { StateMachine } from '@xstate/fsm';
 import { textMutation } from '@posthog/rrweb-types';
 import { throttleOptions } from '@posthog/rrweb-types';
 import { UnpackFn } from '@posthog/rrweb-types';
+import { wasMaxDepthReached } from '@posthog/rrweb-snapshot';
 
 export declare const addCustomEvent: <T>(tag: string, payload: T) => void;
 
@@ -355,6 +357,8 @@ export declare type ReplayPlugin = {
     }) => void;
 };
 
+export { resetMaxDepthState }
+
 declare type ResolveTree = {
     value: addedNodeMutation;
     children: ResolveTree[];
@@ -464,6 +468,8 @@ declare namespace utils {
 }
 export { utils }
 
+export { wasMaxDepthReached }
+
 export { }
 
 

package/dist/rrweb.js

@@ -1146,6 +1146,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,
@@ -1169,10 +1179,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(
@@ -1253,7 +1275,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 {
@@ -1308,7 +1332,9 @@ function serializeNodeWithId(n2, options) {
             iframeLoadTimeout,
             onStylesheetLoad,
             stylesheetLoadTimeout,
-            keepIframeSrcFn
+            keepIframeSrcFn,
+            depth: depth + 1,
+            maxDepth
           });
           if (serializedIframeNode) {
             onIframeLoad(
@@ -1349,7 +1375,9 @@ function serializeNodeWithId(n2, options) {
             iframeLoadTimeout,
             onStylesheetLoad,
             stylesheetLoadTimeout,
-            keepIframeSrcFn
+            keepIframeSrcFn,
+            depth,
+            maxDepth
           });
           if (serializedLinkNode) {
             onStylesheetLoad(
@@ -1385,7 +1413,8 @@ function snapshot(n2, options) {
     iframeLoadTimeout,
     onStylesheetLoad,
     stylesheetLoadTimeout,
-    keepIframeSrcFn = () => false
+    keepIframeSrcFn = () => false,
+    maxDepth
   } = options || {};
   const maskInputOptions = maskAllInputs === true ? {
     color: true,
@@ -1446,7 +1475,8 @@ function snapshot(n2, options) {
     onStylesheetLoad,
     stylesheetLoadTimeout,
     keepIframeSrcFn,
-    newlyAddedElement: false
+    newlyAddedElement: false,
+    maxDepth
   });
 }
 const MEDIA_SELECTOR = /(max|min)-device-(width|height)/;
@@ -18181,7 +18211,9 @@ export {
   freezePage,
   _mirror as mirror,
   record,
+  resetMaxDepthState,
   takeFullSnapshot,
-  utils
+  utils,
+  wasMaxDepthReached
 };
 //# sourceMappingURL=rrweb.js.map