@posthog/rrweb-snapshot 0.0.40 → 0.0.42

package/dist/rrweb-snapshot.d.cts

@@ -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';
@@ -192,6 +194,8 @@ export declare function rebuild(n: serializedNodeWithId, options: {
 
 export declare function recompressBase64Image(img: HTMLImageElement, dataURL: string, type?: string, quality?: number): string;
 
+export declare function resetMaxDepthState(): void;
+
 export declare type serializedElementNodeWithId = Extract<serializedNodeWithId, Record<'type', NodeType.Element>>;
 
 export declare type serializedNode = (documentNode | documentTypeNode | elementNode | textNode | cdataNode | commentNode) & {
@@ -225,6 +229,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 +269,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 +292,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.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';
@@ -192,6 +194,8 @@ export declare function rebuild(n: serializedNodeWithId, options: {
 
 export declare function recompressBase64Image(img: HTMLImageElement, dataURL: string, type?: string, quality?: number): string;
 
+export declare function resetMaxDepthState(): void;
+
 export declare type serializedElementNodeWithId = Extract<serializedNodeWithId, Record<'type', NodeType.Element>>;
 
 export declare type serializedNode = (documentNode | documentTypeNode | elementNode | textNode | cdataNode | commentNode) & {
@@ -225,6 +229,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 +269,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 +292,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,41 +1,44 @@
-import { IGNORED_NODE, classMatchesRegex, cleanupSnapshot, genId, ignoreAttribute, needMaskingText, serializeNodeWithId, snapshot, transformAttribute, visitSnapshot } from "./record.js";
+import { D, I, b, c, g, i, n, r, a, s, t, v, w } from "./record-B2nV9UFB.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";
+import { M, N, o, p, h, e, n as n2, f, l, j, d, g as g2, i as i2, b as b2, k, a as a2, m, r as r2, c as c2, s as s2, t as t2 } from "./types-OLXvwyjP.js";
 export {
-  IGNORED_NODE,
+  D as DEFAULT_MAX_DEPTH,
+  I as IGNORED_NODE,
   M as Mirror,
   N as NodeType,
   o as absolutifyURLs,
   adaptCssForReplay,
   buildNodeWithSN,
   p as checkDataURLSize,
-  classMatchesRegex,
-  cleanupSnapshot,
+  b as classMatchesRegex,
+  c as cleanupSnapshot,
   createCache,
   h as createMirror,
   e as escapeImportStatement,
-  n as extractFileExtension,
+  n2 as extractFileExtension,
   f as fixSafariColons,
-  genId,
+  g as genId,
   l as getInputType,
-  ignoreAttribute,
+  i as ignoreAttribute,
   j as is2DCanvasBlank,
   d as isCSSImportRule,
-  g as isCSSStyleRule,
-  i as isElement,
-  b as isNativeShadowDom,
+  g2 as isCSSStyleRule,
+  i2 as isElement,
+  b2 as isNativeShadowDom,
   k as isNodeMetaEqual,
-  a as isShadowRoot,
+  a2 as isShadowRoot,
   m as maskInputValue,
-  needMaskingText,
+  n as needMaskingText,
   rebuild,
-  r as recompressBase64Image,
-  serializeNodeWithId,
-  snapshot,
-  c as stringifyRule,
-  s as stringifyStylesheet,
-  t as toLowerCase,
-  transformAttribute,
-  visitSnapshot
+  r2 as recompressBase64Image,
+  r as resetMaxDepthState,
+  a as serializeNodeWithId,
+  s as snapshot,
+  c2 as stringifyRule,
+  s2 as stringifyStylesheet,
+  t2 as toLowerCase,
+  t as transformAttribute,
+  v as visitSnapshot,
+  w as wasMaxDepthReached
 };
 //# sourceMappingURL=rrweb-snapshot.js.map

package/dist/rrweb-snapshot.umd.cjs

@@ -587,11 +587,10 @@ var require_types_B7TTv7Jc = __commonJS({
   }
 });
 
-// dist/record.cjs
-var require_record = __commonJS({
-  "dist/record.cjs"(exports2) {
+// dist/record-oACzRSl-.cjs
+var require_record_oACzRSl = __commonJS({
+  "dist/record-oACzRSl-.cjs"(exports2) {
     "use strict";
-    Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
     var types2 = require_types_B7TTv7Jc();
     var _id = 1;
     var tagNameRegex = new RegExp("[^a-z0-9-_:]");
@@ -1226,6 +1225,16 @@ var require_record = __commonJS({
       }
       return false;
     }
+    var DEFAULT_MAX_DEPTH = 50;
+    var _maxDepthWarned = false;
+    var _maxDepthReached = false;
+    function wasMaxDepthReached() {
+      return _maxDepthReached;
+    }
+    function resetMaxDepthState() {
+      _maxDepthReached = false;
+      _maxDepthWarned = false;
+    }
     function serializeNodeWithId(n, options) {
       const {
         doc,
@@ -1249,10 +1258,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 +1354,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 +1411,9 @@ var require_record = __commonJS({
                 iframeLoadTimeout,
                 onStylesheetLoad,
                 stylesheetLoadTimeout,
-                keepIframeSrcFn
+                keepIframeSrcFn,
+                depth: depth + 1,
+                maxDepth
               });
               if (serializedIframeNode) {
                 onIframeLoad(
@@ -1429,7 +1454,9 @@ var require_record = __commonJS({
                 iframeLoadTimeout,
                 onStylesheetLoad,
                 stylesheetLoadTimeout,
-                keepIframeSrcFn
+                keepIframeSrcFn,
+                depth,
+                maxDepth
               });
               if (serializedLinkNode) {
                 onStylesheetLoad(
@@ -1465,7 +1492,8 @@ var require_record = __commonJS({
         iframeLoadTimeout,
         onStylesheetLoad,
         stylesheetLoadTimeout,
-        keepIframeSrcFn = () => false
+        keepIframeSrcFn = () => false,
+        maxDepth
       } = options || {};
       const maskInputOptions = maskAllInputs === true ? {
         color: true,
@@ -1526,7 +1554,8 @@ var require_record = __commonJS({
         onStylesheetLoad,
         stylesheetLoadTimeout,
         keepIframeSrcFn,
-        newlyAddedElement: false
+        newlyAddedElement: false,
+        maxDepth
       });
     }
     function visitSnapshot(node, onVisit) {
@@ -1541,37 +1570,19 @@ var require_record = __commonJS({
     function cleanupSnapshot() {
       _id = 1;
     }
-    exports2.Mirror = types2.Mirror;
-    exports2.NodeType = types2.NodeType;
-    exports2.absolutifyURLs = types2.absolutifyURLs;
-    exports2.checkDataURLSize = types2.checkDataURLSize;
-    exports2.createMirror = types2.createMirror;
-    exports2.escapeImportStatement = types2.escapeImportStatement;
-    exports2.extractFileExtension = types2.extractFileExtension;
-    exports2.fixSafariColons = types2.fixSafariColons;
-    exports2.getInputType = types2.getInputType;
-    exports2.is2DCanvasBlank = types2.is2DCanvasBlank;
-    exports2.isCSSImportRule = types2.isCSSImportRule;
-    exports2.isCSSStyleRule = types2.isCSSStyleRule;
-    exports2.isElement = types2.isElement;
-    exports2.isNativeShadowDom = types2.isNativeShadowDom;
-    exports2.isNodeMetaEqual = types2.isNodeMetaEqual;
-    exports2.isShadowRoot = types2.isShadowRoot;
-    exports2.maskInputValue = types2.maskInputValue;
-    exports2.recompressBase64Image = types2.recompressBase64Image;
-    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;
     exports2.genId = genId;
     exports2.ignoreAttribute = ignoreAttribute;
     exports2.needMaskingText = needMaskingText;
+    exports2.resetMaxDepthState = resetMaxDepthState;
     exports2.serializeNodeWithId = serializeNodeWithId;
     exports2.snapshot = snapshot;
     exports2.transformAttribute = transformAttribute;
     exports2.visitSnapshot = visitSnapshot;
+    exports2.wasMaxDepthReached = wasMaxDepthReached;
   }
 });
 
@@ -5973,19 +5984,22 @@ var require_replay = __commonJS({
 
 // dist/rrweb-snapshot.cjs
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var record = require_record();
+var record = require_record_oACzRSl();
 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;
 exports.genId = record.genId;
 exports.ignoreAttribute = record.ignoreAttribute;
 exports.needMaskingText = record.needMaskingText;
+exports.resetMaxDepthState = record.resetMaxDepthState;
 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;