@posthog/rrweb-snapshot 0.0.40 → 0.0.41

package/dist/rrweb-snapshot.d.ts

@@ -53,6 +53,8 @@ declare interface CSSImportRule_2 extends CSSRule {
     readonly supportsText?: string | null;
 }
 
+export declare const DEFAULT_MAX_DEPTH = 50;
+
 export declare type DialogAttributes = {
     open: string;
     rr_open_mode: 'modal' | 'non-modal';
@@ -225,6 +227,9 @@ export declare function serializeNodeWithId(n: Node, options: {
     iframeLoadTimeout?: number;
     onStylesheetLoad?: (linkNode: HTMLLinkElement, node: serializedElementNodeWithId_2) => unknown;
     stylesheetLoadTimeout?: number;
+    depth?: number;
+    maxDepth?: number;
+    onMaxDepthReached?: () => void;
 }): serializedNodeWithId | null;
 
 export declare type SlimDOMOptions = Partial<{
@@ -262,6 +267,7 @@ export declare function snapshot(n: Document, options?: {
     onStylesheetLoad?: (linkNode: HTMLLinkElement, node: serializedElementNodeWithId_2) => unknown;
     stylesheetLoadTimeout?: number;
     keepIframeSrcFn?: KeepIframeSrcFn;
+    maxDepth?: number;
 }): serializedNodeWithId | null;
 
 export declare function stringifyRule(rule: CSSRule, sheetHref: string | null): string;
@@ -284,4 +290,6 @@ export declare function transformAttribute(doc: Document, tagName: Lowercase<str
 
 export declare function visitSnapshot(node: serializedNodeWithId, onVisit: (node: serializedNodeWithId) => unknown): void;
 
+export declare function wasMaxDepthReached(): boolean;
+
 export { }

package/dist/rrweb-snapshot.js

@@ -1,7 +1,8 @@
-import { IGNORED_NODE, classMatchesRegex, cleanupSnapshot, genId, ignoreAttribute, needMaskingText, serializeNodeWithId, snapshot, transformAttribute, visitSnapshot } from "./record.js";
+import { DEFAULT_MAX_DEPTH, IGNORED_NODE, classMatchesRegex, cleanupSnapshot, genId, ignoreAttribute, needMaskingText, serializeNodeWithId, snapshot, transformAttribute, visitSnapshot, wasMaxDepthReached } from "./record.js";
 import { adaptCssForReplay, buildNodeWithSN, createCache, rebuild } from "./replay.js";
 import { M, N, o, p, h, e, n, f, l, j, d, g, i, b, k, a, m, r, c, s, t } from "./types-OLXvwyjP.js";
 export {
+  DEFAULT_MAX_DEPTH,
   IGNORED_NODE,
   M as Mirror,
   N as NodeType,
@@ -36,6 +37,7 @@ export {
   s as stringifyStylesheet,
   t as toLowerCase,
   transformAttribute,
-  visitSnapshot
+  visitSnapshot,
+  wasMaxDepthReached
 };
 //# sourceMappingURL=rrweb-snapshot.js.map

package/dist/rrweb-snapshot.umd.cjs

@@ -1226,6 +1226,12 @@ var require_record = __commonJS({
       }
       return false;
     }
+    var DEFAULT_MAX_DEPTH = 50;
+    var _maxDepthWarned = false;
+    var _maxDepthReached = false;
+    function wasMaxDepthReached() {
+      return _maxDepthReached;
+    }
     function serializeNodeWithId(n, options) {
       const {
         doc,
@@ -1249,10 +1255,22 @@ var require_record = __commonJS({
         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(
@@ -1333,7 +1351,9 @@ var require_record = __commonJS({
           iframeLoadTimeout,
           onStylesheetLoad,
           stylesheetLoadTimeout,
-          keepIframeSrcFn
+          keepIframeSrcFn,
+          depth: depth + 1,
+          maxDepth
         };
         if (serializedNode.type === types2.NodeType$1.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
         else {
@@ -1388,7 +1408,9 @@ var require_record = __commonJS({
                 iframeLoadTimeout,
                 onStylesheetLoad,
                 stylesheetLoadTimeout,
-                keepIframeSrcFn
+                keepIframeSrcFn,
+                depth: depth + 1,
+                maxDepth
               });
               if (serializedIframeNode) {
                 onIframeLoad(
@@ -1429,7 +1451,9 @@ var require_record = __commonJS({
                 iframeLoadTimeout,
                 onStylesheetLoad,
                 stylesheetLoadTimeout,
-                keepIframeSrcFn
+                keepIframeSrcFn,
+                depth,
+                maxDepth
               });
               if (serializedLinkNode) {
                 onStylesheetLoad(
@@ -1465,7 +1489,8 @@ var require_record = __commonJS({
         iframeLoadTimeout,
         onStylesheetLoad,
         stylesheetLoadTimeout,
-        keepIframeSrcFn = () => false
+        keepIframeSrcFn = () => false,
+        maxDepth
       } = options || {};
       const maskInputOptions = maskAllInputs === true ? {
         color: true,
@@ -1526,7 +1551,8 @@ var require_record = __commonJS({
         onStylesheetLoad,
         stylesheetLoadTimeout,
         keepIframeSrcFn,
-        newlyAddedElement: false
+        newlyAddedElement: false,
+        maxDepth
       });
     }
     function visitSnapshot(node, onVisit) {
@@ -1562,6 +1588,7 @@ var require_record = __commonJS({
     exports2.stringifyRule = types2.stringifyRule;
     exports2.stringifyStylesheet = types2.stringifyStylesheet;
     exports2.toLowerCase = types2.toLowerCase;
+    exports2.DEFAULT_MAX_DEPTH = DEFAULT_MAX_DEPTH;
     exports2.IGNORED_NODE = IGNORED_NODE;
     exports2.classMatchesRegex = classMatchesRegex;
     exports2.cleanupSnapshot = cleanupSnapshot;
@@ -1572,6 +1599,7 @@ var require_record = __commonJS({
     exports2.snapshot = snapshot;
     exports2.transformAttribute = transformAttribute;
     exports2.visitSnapshot = visitSnapshot;
+    exports2.wasMaxDepthReached = wasMaxDepthReached;
   }
 });
 
@@ -5976,6 +6004,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var record = require_record();
 var replay = require_replay();
 var types = require_types_B7TTv7Jc();
+exports.DEFAULT_MAX_DEPTH = record.DEFAULT_MAX_DEPTH;
 exports.IGNORED_NODE = record.IGNORED_NODE;
 exports.classMatchesRegex = record.classMatchesRegex;
 exports.cleanupSnapshot = record.cleanupSnapshot;
@@ -5986,6 +6015,7 @@ exports.serializeNodeWithId = record.serializeNodeWithId;
 exports.snapshot = record.snapshot;
 exports.transformAttribute = record.transformAttribute;
 exports.visitSnapshot = record.visitSnapshot;
+exports.wasMaxDepthReached = record.wasMaxDepthReached;
 exports.adaptCssForReplay = replay.adaptCssForReplay;
 exports.buildNodeWithSN = replay.buildNodeWithSN;
 exports.createCache = replay.createCache;