@posthog/rrweb 0.0.30 → 0.0.34

package/dist/rrweb.umd.cjs

@@ -938,6 +938,7 @@ function hrefFrom(n2) {
   return n2.href;
 }
 function serializeElementNode(n2, options) {
+  var _a2, _b;
   const {
     doc,
     blockClass,
@@ -1111,11 +1112,13 @@ function serializeElementNode(n2, options) {
     }
   }
   if (needBlock) {
-    const { width, height } = n2.getBoundingClientRect();
+    const { width, height, left, top } = n2.getBoundingClientRect();
     attributes = {
       class: attributes.class,
       rr_width: `${width}px`,
-      rr_height: `${height}px`
+      rr_height: `${height}px`,
+      rr_left: `${Math.floor(left + (((_a2 = doc.defaultView) == null ? void 0 : _a2.scrollX) || 0))}px`,
+      rr_top: `${Math.floor(top + (((_b = doc.defaultView) == null ? void 0 : _b.scrollY) || 0))}px`
     };
   }
   if (tagName === "iframe" && !keepIframeSrcFn(attributes.src)) {
@@ -1523,8 +1526,8 @@ function getAugmentedNamespace$1(n2) {
   if (n2.__esModule) return n2;
   var f2 = n2.default;
   if (typeof f2 == "function") {
-    var a2 = function a22() {
-      if (this instanceof a22) {
+    var a2 = function a3() {
+      if (this instanceof a3) {
         return Reflect.construct(f2, arguments, this.constructor);
       }
       return f2.apply(this, arguments);
@@ -1533,8 +1536,8 @@ function getAugmentedNamespace$1(n2) {
   } else a2 = {};
   Object.defineProperty(a2, "__esModule", { value: true });
   Object.keys(n2).forEach(function(k) {
-    var d = Object.getOwnPropertyDescriptor(n2, k);
-    Object.defineProperty(a2, k, d.get ? d : {
+    var d2 = Object.getOwnPropertyDescriptor(n2, k);
+    Object.defineProperty(a2, k, d2.get ? d2 : {
       enumerable: true,
       get: function() {
         return n2[k];
@@ -1910,8 +1913,8 @@ function requireStringifier$1() {
       if (root2.raws.indent) return root2.raws.indent;
       let value;
       root2.walk((i2) => {
-        let p = i2.parent;
-        if (p && p !== root2 && p.parent && p.parent === root2) {
+        let p2 = i2.parent;
+        if (p2 && p2 !== root2 && p2.parent && p2.parent === root2) {
           if (typeof i2.raws.before !== "undefined") {
             let parts = i2.raws.before.split("\n");
             value = parts[parts.length - 1];
@@ -2009,7 +2012,7 @@ function requireNode$1() {
       } else if (i2 === "source") {
         cloned[i2] = value;
       } else if (Array.isArray(value)) {
-        cloned[i2] = value.map((j) => cloneNode(j, cloned));
+        cloned[i2] = value.map((j2) => cloneNode(j2, cloned));
       } else {
         if (type === "object" && value !== null) value = cloneNode(value);
         cloned[i2] = value;
@@ -2795,10 +2798,10 @@ function requireAtRule$1() {
   Container.registerAtRule(AtRule);
   return atRule$1;
 }
-var document$1$1;
+var document$2;
 var hasRequiredDocument$1;
 function requireDocument$1() {
-  if (hasRequiredDocument$1) return document$1$1;
+  if (hasRequiredDocument$1) return document$2;
   hasRequiredDocument$1 = 1;
   let Container = requireContainer$1();
   let LazyResult, Processor;
@@ -2820,9 +2823,9 @@ function requireDocument$1() {
   Document2.registerProcessor = (dependant) => {
     Processor = dependant;
   };
-  document$1$1 = Document2;
+  document$2 = Document2;
   Document2.default = Document2;
-  return document$1$1;
+  return document$2;
 }
 var nonSecure$1;
 var hasRequiredNonSecure$1;
@@ -3524,9 +3527,9 @@ function requireMapGenerator$1() {
           column += str.length;
         }
         if (node2 && type !== "start") {
-          let p = node2.parent || { raws: {} };
+          let p2 = node2.parent || { raws: {} };
           let childless = node2.type === "decl" || node2.type === "atrule" && !node2.nodes;
-          if (!childless || node2 !== p.last || p.raws.semicolon) {
+          if (!childless || node2 !== p2.last || p2.raws.semicolon) {
             if (node2.source && node2.source.end) {
               mapping.source = this.sourcePath(node2);
               mapping.original.line = node2.source.end.line;
@@ -4019,8 +4022,8 @@ function requireParser$1() {
       if (colon === false) return;
       let founded = 0;
       let token;
-      for (let j = colon - 1; j >= 0; j--) {
-        token = tokens[j];
+      for (let j2 = colon - 1; j2 >= 0; j2--) {
+        token = tokens[j2];
         if (token[0] !== "space") {
           founded += 1;
           if (founded === 2) break;
@@ -4138,8 +4141,8 @@ function requireParser$1() {
         } else if (token[1].toLowerCase() === "important") {
           let cache = tokens.slice(0);
           let str = "";
-          for (let j = i2; j > 0; j--) {
-            let type = cache[j][0];
+          for (let j2 = i2; j2 > 0; j2--) {
+            let type = cache[j2][0];
             if (str.trim().startsWith("!") && type !== "space") {
               break;
             }
@@ -4727,8 +4730,8 @@ function requireLazyResult$1() {
             let pluginVer = plugin.postcssVersion;
             let runtimeVer = this.result.processor.version;
             let a2 = pluginVer.split(".");
-            let b = runtimeVer.split(".");
-            if (a2[0] !== b[0] || parseInt(a2[1]) > parseInt(b[1])) {
+            let b2 = runtimeVer.split(".");
+            if (a2[0] !== b2[0] || parseInt(a2[1]) > parseInt(b2[1])) {
               console.error(
                 "Unknown error from PostCSS plugin. Your current PostCSS version is " + runtimeVer + ", but " + pluginName + " uses " + pluginVer + ". Perhaps this is the source of the error below."
               );
@@ -5617,6 +5620,12 @@ function buildNode(n2, options) {
           node2.style.setProperty("width", value.toString());
         } else if (name === "rr_height") {
           node2.style.setProperty("height", value.toString());
+        } else if (name === "rr_left") {
+          node2.style.setProperty("left", value.toString());
+          node2.style.setProperty("position", "absolute");
+        } else if (name === "rr_top") {
+          node2.style.setProperty("top", value.toString());
+          node2.style.setProperty("position", "absolute");
         } else if (name === "rr_mediaCurrentTime" && typeof value === "number") {
           node2.currentTime = value;
         } else if (name === "rr_mediaState") {
@@ -5879,8 +5888,8 @@ function getAugmentedNamespace(n2) {
   if (n2.__esModule) return n2;
   var f2 = n2.default;
   if (typeof f2 == "function") {
-    var a2 = function a22() {
-      if (this instanceof a22) {
+    var a2 = function a3() {
+      if (this instanceof a3) {
         return Reflect.construct(f2, arguments, this.constructor);
       }
       return f2.apply(this, arguments);
@@ -5889,8 +5898,8 @@ function getAugmentedNamespace(n2) {
   } else a2 = {};
   Object.defineProperty(a2, "__esModule", { value: true });
   Object.keys(n2).forEach(function(k) {
-    var d = Object.getOwnPropertyDescriptor(n2, k);
-    Object.defineProperty(a2, k, d.get ? d : {
+    var d2 = Object.getOwnPropertyDescriptor(n2, k);
+    Object.defineProperty(a2, k, d2.get ? d2 : {
       enumerable: true,
       get: function() {
         return n2[k];
@@ -6266,8 +6275,8 @@ function requireStringifier() {
       if (root2.raws.indent) return root2.raws.indent;
       let value;
       root2.walk((i2) => {
-        let p = i2.parent;
-        if (p && p !== root2 && p.parent && p.parent === root2) {
+        let p2 = i2.parent;
+        if (p2 && p2 !== root2 && p2.parent && p2.parent === root2) {
           if (typeof i2.raws.before !== "undefined") {
             let parts = i2.raws.before.split("\n");
             value = parts[parts.length - 1];
@@ -6365,7 +6374,7 @@ function requireNode() {
       } else if (i2 === "source") {
         cloned[i2] = value;
       } else if (Array.isArray(value)) {
-        cloned[i2] = value.map((j) => cloneNode(j, cloned));
+        cloned[i2] = value.map((j2) => cloneNode(j2, cloned));
       } else {
         if (type === "object" && value !== null) value = cloneNode(value);
         cloned[i2] = value;
@@ -7880,9 +7889,9 @@ function requireMapGenerator() {
           column += str.length;
         }
         if (node2 && type !== "start") {
-          let p = node2.parent || { raws: {} };
+          let p2 = node2.parent || { raws: {} };
           let childless = node2.type === "decl" || node2.type === "atrule" && !node2.nodes;
-          if (!childless || node2 !== p.last || p.raws.semicolon) {
+          if (!childless || node2 !== p2.last || p2.raws.semicolon) {
             if (node2.source && node2.source.end) {
               mapping.source = this.sourcePath(node2);
               mapping.original.line = node2.source.end.line;
@@ -8375,8 +8384,8 @@ function requireParser() {
       if (colon === false) return;
       let founded = 0;
       let token;
-      for (let j = colon - 1; j >= 0; j--) {
-        token = tokens[j];
+      for (let j2 = colon - 1; j2 >= 0; j2--) {
+        token = tokens[j2];
         if (token[0] !== "space") {
           founded += 1;
           if (founded === 2) break;
@@ -8494,8 +8503,8 @@ function requireParser() {
         } else if (token[1].toLowerCase() === "important") {
           let cache = tokens.slice(0);
           let str = "";
-          for (let j = i2; j > 0; j--) {
-            let type = cache[j][0];
+          for (let j2 = i2; j2 > 0; j2--) {
+            let type = cache[j2][0];
             if (str.trim().startsWith("!") && type !== "space") {
               break;
             }
@@ -9083,8 +9092,8 @@ function requireLazyResult() {
             let pluginVer = plugin.postcssVersion;
             let runtimeVer = this.result.processor.version;
             let a2 = pluginVer.split(".");
-            let b = runtimeVer.split(".");
-            if (a2[0] !== b[0] || parseInt(a2[1]) > parseInt(b[1])) {
+            let b2 = runtimeVer.split(".");
+            if (a2[0] !== b2[0] || parseInt(a2[1]) > parseInt(b2[1])) {
               console.error(
                 "Unknown error from PostCSS plugin. Your current PostCSS version is " + runtimeVer + ", but " + pluginName + " uses " + pluginVer + ". Perhaps this is the source of the error below."
               );
@@ -13400,6 +13409,7 @@ class IframeManager {
     __publicField(this, "recordCrossOriginIframes");
     __publicField(this, "messageHandler");
     __publicField(this, "nestedIframeListeners", /* @__PURE__ */ new Map());
+    __publicField(this, "attachedIframes", /* @__PURE__ */ new Map());
     this.mutationCb = options.mutationCb;
     this.wrappedEmit = options.wrappedEmit;
     this.stylesheetManager = options.stylesheetManager;
@@ -13428,6 +13438,7 @@ class IframeManager {
   }
   attachIframe(iframeEl, childSn) {
     var _a2;
+    this.attachedIframes.set(iframeEl, childSn);
     this.mutationCb({
       adds: [
         {
@@ -13483,6 +13494,7 @@ class IframeManager {
         const rootId = e2.data.node.id;
         this.crossOriginIframeRootIdMap.set(iframeEl, rootId);
         this.patchRootIdOnNode(e2.data.node, rootId);
+        this.attachedIframes.set(iframeEl, e2.data.node);
         return {
           timestamp: e2.timestamp,
           type: EventType.IncrementalSnapshot,
@@ -13625,6 +13637,32 @@ class IframeManager {
       });
     }
   }
+  reattachIframes() {
+    this.attachedIframes.forEach((content, iframe) => {
+      if (!iframe.isConnected) {
+        this.attachedIframes.delete(iframe);
+        return;
+      }
+      const parentId = this.mirror.getId(iframe);
+      if (parentId === -1) {
+        this.attachedIframes.delete(iframe);
+        return;
+      }
+      this.mutationCb({
+        adds: [
+          {
+            parentId,
+            nextId: null,
+            node: content
+          }
+        ],
+        removes: [],
+        texts: [],
+        attributes: [],
+        isAttachIframe: true
+      });
+    });
+  }
   destroy() {
     if (this.recordCrossOriginIframes) {
       window.removeEventListener("message", this.messageHandler);
@@ -13635,6 +13673,7 @@ class IframeManager {
     this.nestedIframeListeners.clear();
     this.crossOriginIframeMirror.reset();
     this.crossOriginIframeStyleMirror.reset();
+    this.attachedIframes.clear();
   }
 }
 class ShadowDomManager {
@@ -14730,6 +14769,9 @@ function record(options = {}) {
       isCheckout
     );
     mutationBuffers.forEach((buf) => buf.unlock());
+    if (recordCrossOriginIframes) {
+      iframeManager.reattachIframes();
+    }
     if (document.adoptedStyleSheets && document.adoptedStyleSheets.length > 0)
       stylesheetManager.adoptStyleSheets(
         document.adoptedStyleSheets,