@glimt/record 0.0.84 → 0.0.86

package/dist/record.umd.cjs

@@ -1510,7 +1510,8 @@ function serializeNode(n2, options) {
     recordCanvas,
     keepIframeSrcFn,
     newlyAddedElement = false,
-    cssCaptured = false
+    cssCaptured = false,
+    captureBlockBoundingBoxes = false
   } = options;
   const rootId = getRootId(doc, mirror2);
   switch (n2.nodeType) {
@@ -1549,7 +1550,8 @@ function serializeNode(n2, options) {
         recordCanvas,
         keepIframeSrcFn,
         newlyAddedElement,
-        rootId
+        rootId,
+        captureBlockBoundingBoxes
       });
     case n2.TEXT_NODE:
       return serializeTextNode(n2, {
@@ -1617,7 +1619,8 @@ function serializeElementNode(n2, options) {
     recordCanvas,
     keepIframeSrcFn,
     newlyAddedElement = false,
-    rootId
+    rootId,
+    captureBlockBoundingBoxes = false
   } = options;
   const needBlock = _isBlockedElement(n2, blockClass, blockSelector);
   const tagName = getValidTagName$1(n2);
@@ -1721,6 +1724,22 @@ function serializeElementNode(n2, options) {
       rr_width: `${width}px`,
       rr_height: `${height}px`
     };
+  } else if (captureBlockBoundingBoxes) {
+    try {
+      const { bottom, left, right, top, x: x2, y, width, height } = n2.getBoundingClientRect();
+      attributes = {
+        class: attributes.class,
+        c_rr_top: `${top}px`,
+        c_rr_left: `${left}px`,
+        c_rr_bottom: `${bottom}px`,
+        c_rr_right: `${right}px`,
+        c_rr_x: `${x2}px`,
+        c_rr_y: `${y}px`,
+        c_rr_width: `${width}px`,
+        c_rr_height: `${height}px`
+      };
+    } catch (e2) {
+    }
   }
   if (tagName === "iframe" && !keepIframeSrcFn(attributes.src)) {
     if (!n2.contentDocument) {
@@ -1807,7 +1826,8 @@ function serializeNodeWithId(n2, options) {
     stylesheetLoadTimeout = 5e3,
     keepIframeSrcFn = () => false,
     newlyAddedElement = false,
-    cssCaptured = false
+    cssCaptured = false,
+    captureBlockBoundingBoxes = false
   } = options;
   let { needsMask } = options;
   let { preserveWhiteSpace = true } = options;
@@ -1835,7 +1855,8 @@ function serializeNodeWithId(n2, options) {
     recordCanvas,
     keepIframeSrcFn,
     newlyAddedElement,
-    cssCaptured
+    cssCaptured,
+    captureBlockBoundingBoxes
   });
   if (!_serializedNode) {
     if (isDebug$1()) console.warn(n2, "not serialized");
@@ -2036,7 +2057,8 @@ function snapshot(n2, options) {
     iframeLoadTimeout,
     onStylesheetLoad,
     stylesheetLoadTimeout,
-    keepIframeSrcFn = () => false
+    keepIframeSrcFn = () => false,
+    captureBlockBoundingBoxes = false
   } = options || {};
   const maskInputOptions = maskAllInputs === true ? {
     color: true,
@@ -2097,7 +2119,8 @@ function snapshot(n2, options) {
     onStylesheetLoad,
     stylesheetLoadTimeout,
     keepIframeSrcFn,
-    newlyAddedElement: false
+    newlyAddedElement: false,
+    captureBlockBoundingBoxes
   });
 }
 function getDefaultExportFromCjs$1(x2) {
@@ -10375,7 +10398,7 @@ const _MutationRateLimiter = class _MutationRateLimiter2 {
     __publicField(this, "exitMutTracker");
     __publicField(this, "interval", 50);
     __publicField(this, "exitInterval", 100);
-    __publicField(this, "mutThreshold", 350);
+    __publicField(this, "mutThreshold", 250);
     __publicField(this, "inGlobalStorm", false);
     __publicField(this, "currentStormStartedAt", -1);
     __publicField(this, "stormTimeLimit", 5e3);
@@ -10668,11 +10691,12 @@ class MutationBuffer {
     __publicField(this, "canvasManager");
     __publicField(this, "processedNodeManager");
     __publicField(this, "unattachedDoc");
+    __publicField(this, "captureBlockBoundingBoxes");
     __publicField(this, "bufId", makeid());
     __publicField(this, "stormBatches", []);
     __publicField(this, "stormInfo", null);
     __publicField(this, "stormSettings", {
-      batchSize: 250,
+      batchSize: 50,
       //was 300
       timeout: 50,
       //was 50
@@ -10807,6 +10831,7 @@ class MutationBuffer {
           doc: this.doc,
           mirror: this.mirror,
           blockClass: this.blockClass,
+          captureBlockBoundingBoxes: this.captureBlockBoundingBoxes,
           blockSelector: this.blockSelector,
           maskTextClass: this.maskTextClass,
           maskTextSelector: this.maskTextSelector,
@@ -11250,7 +11275,8 @@ class MutationBuffer {
       "stylesheetManager",
       "shadowDomManager",
       "canvasManager",
-      "processedNodeManager"
+      "processedNodeManager",
+      "captureBlockBoundingBoxes"
     ].forEach((key) => {
       this[key] = options[key];
     });
@@ -13086,6 +13112,7 @@ function record(options = {}) {
     checkoutEveryNms,
     checkoutEveryNth,
     blockClass = "rr-block",
+    captureBlockBoundingBoxes = false,
     blockSelector = null,
     ignoreClass = "rr-ignore",
     ignoreSelector = null,
@@ -13296,7 +13323,8 @@ function record(options = {}) {
       stylesheetManager,
       canvasManager,
       keepIframeSrcFn,
-      processedNodeManager
+      processedNodeManager,
+      captureBlockBoundingBoxes
     },
     mirror
   });
@@ -13321,6 +13349,7 @@ function record(options = {}) {
     const node2 = snapshot(document, {
       mirror,
       blockClass,
+      captureBlockBoundingBoxes,
       blockSelector,
       maskTextClass,
       maskTextSelector,
@@ -13474,6 +13503,7 @@ function record(options = {}) {
           processedNodeManager,
           canvasManager,
           ignoreCSSAttributes,
+          captureBlockBoundingBoxes,
           plugins: ((_a2 = plugins == null ? void 0 : plugins.filter((p) => p.observer)) == null ? void 0 : _a2.map((p) => ({
             observer: p.observer,
             options: p.options,