@posthog/rrweb-record 0.0.28 → 0.0.29

package/dist/rrweb-record.js

@@ -205,6 +205,91 @@ function isShadowRoot(n2) {
 function isNativeShadowDom(shadowRoot2) {
   return Object.prototype.toString.call(shadowRoot2) === "[object ShadowRoot]";
 }
+function fixBrowserCompatibilityIssuesInCSS(cssText) {
+  if (cssText.includes(" background-clip: text;") && !cssText.includes(" -webkit-background-clip: text;")) {
+    cssText = cssText.replace(
+      /\sbackground-clip:\s*text;/g,
+      " -webkit-background-clip: text; background-clip: text;"
+    );
+  }
+  return cssText;
+}
+function escapeImportStatement(rule2) {
+  const { cssText } = rule2;
+  if (cssText.split('"').length < 3) return cssText;
+  const statement = ["@import", `url(${JSON.stringify(rule2.href)})`];
+  if (rule2.layerName === "") {
+    statement.push(`layer`);
+  } else if (rule2.layerName) {
+    statement.push(`layer(${rule2.layerName})`);
+  }
+  if (rule2.supportsText) {
+    statement.push(`supports(${rule2.supportsText})`);
+  }
+  if (rule2.media.length) {
+    statement.push(rule2.media.mediaText);
+  }
+  return statement.join(" ") + ";";
+}
+function stringifyStylesheet(s2) {
+  try {
+    const rules2 = s2.rules || s2.cssRules;
+    if (!rules2) {
+      return null;
+    }
+    let sheetHref = s2.href;
+    if (!sheetHref && s2.ownerNode) {
+      sheetHref = s2.ownerNode.baseURI;
+    }
+    const stringifiedRules = Array.from(
+      rules2,
+      (rule2) => stringifyRule(rule2, sheetHref)
+    ).join("");
+    return fixBrowserCompatibilityIssuesInCSS(stringifiedRules);
+  } catch (error) {
+    return null;
+  }
+}
+function stringifyRule(rule2, sheetHref) {
+  var _a2;
+  if (isCSSImportRule(rule2)) {
+    let importStringified;
+    try {
+      importStringified = // for same-origin stylesheets,
+      // we can access the imported stylesheet rules directly
+      stringifyStylesheet(rule2.styleSheet) || // work around browser issues with the raw string `@import url(...)` statement
+      escapeImportStatement(rule2);
+    } catch (error) {
+      importStringified = rule2.cssText;
+    }
+    try {
+      if (importStringified && ((_a2 = rule2.styleSheet) == null ? void 0 : _a2.href)) {
+        return absolutifyURLs(importStringified, rule2.styleSheet.href);
+      }
+    } catch {
+    }
+    return importStringified;
+  } else {
+    let ruleStringified = rule2.cssText;
+    if (isCSSStyleRule(rule2) && rule2.selectorText.includes(":")) {
+      ruleStringified = fixSafariColons(ruleStringified);
+    }
+    if (sheetHref) {
+      return absolutifyURLs(ruleStringified, sheetHref);
+    }
+    return ruleStringified;
+  }
+}
+function fixSafariColons(cssStringified) {
+  const regex = /(\[(?:[\w-]+)[^\\])(:(?:[\w-]+)\])/gm;
+  return cssStringified.replace(regex, "$1\\$2");
+}
+function isCSSImportRule(rule2) {
+  return "styleSheet" in rule2;
+}
+function isCSSStyleRule(rule2) {
+  return "selectorText" in rule2;
+}
 class Mirror {
   constructor() {
     __publicField$1(this, "idNodeMap", /* @__PURE__ */ new Map());
@@ -327,91 +412,6 @@ function extractFileExtension(path, baseURL) {
   const match = url.pathname.match(regex);
   return (match == null ? void 0 : match[1]) ?? null;
 }
-function fixBrowserCompatibilityIssuesInCSS(cssText) {
-  if (cssText.includes(" background-clip: text;") && !cssText.includes(" -webkit-background-clip: text;")) {
-    cssText = cssText.replace(
-      /\sbackground-clip:\s*text;/g,
-      " -webkit-background-clip: text; background-clip: text;"
-    );
-  }
-  return cssText;
-}
-function escapeImportStatement(rule2) {
-  const { cssText } = rule2;
-  if (cssText.split('"').length < 3) return cssText;
-  const statement = ["@import", `url(${JSON.stringify(rule2.href)})`];
-  if (rule2.layerName === "") {
-    statement.push(`layer`);
-  } else if (rule2.layerName) {
-    statement.push(`layer(${rule2.layerName})`);
-  }
-  if (rule2.supportsText) {
-    statement.push(`supports(${rule2.supportsText})`);
-  }
-  if (rule2.media.length) {
-    statement.push(rule2.media.mediaText);
-  }
-  return statement.join(" ") + ";";
-}
-function stringifyStylesheet(s2) {
-  try {
-    const rules2 = s2.rules || s2.cssRules;
-    if (!rules2) {
-      return null;
-    }
-    let sheetHref = s2.href;
-    if (!sheetHref && s2.ownerNode) {
-      sheetHref = s2.ownerNode.baseURI;
-    }
-    const stringifiedRules = Array.from(
-      rules2,
-      (rule2) => stringifyRule(rule2, sheetHref)
-    ).join("");
-    return fixBrowserCompatibilityIssuesInCSS(stringifiedRules);
-  } catch (error) {
-    return null;
-  }
-}
-function stringifyRule(rule2, sheetHref) {
-  var _a2;
-  if (isCSSImportRule(rule2)) {
-    let importStringified;
-    try {
-      importStringified = // for same-origin stylesheets,
-      // we can access the imported stylesheet rules directly
-      stringifyStylesheet(rule2.styleSheet) || // work around browser issues with the raw string `@import url(...)` statement
-      escapeImportStatement(rule2);
-    } catch (error) {
-      importStringified = rule2.cssText;
-    }
-    try {
-      if (importStringified && ((_a2 = rule2.styleSheet) == null ? void 0 : _a2.href)) {
-        return absolutifyURLs(importStringified, rule2.styleSheet.href);
-      }
-    } catch {
-    }
-    return importStringified;
-  } else {
-    let ruleStringified = rule2.cssText;
-    if (isCSSStyleRule(rule2) && rule2.selectorText.includes(":")) {
-      ruleStringified = fixSafariColons(ruleStringified);
-    }
-    if (sheetHref) {
-      return absolutifyURLs(ruleStringified, sheetHref);
-    }
-    return ruleStringified;
-  }
-}
-function fixSafariColons(cssStringified) {
-  const regex = /(\[(?:[\w-]+)[^\\])(:(?:[\w-]+)\])/gm;
-  return cssStringified.replace(regex, "$1\\$2");
-}
-function isCSSImportRule(rule2) {
-  return "styleSheet" in rule2;
-}
-function isCSSStyleRule(rule2) {
-  return "selectorText" in rule2;
-}
 function extractOrigin(url) {
   let origin = "";
   if (url.indexOf("//") > -1) {
@@ -10291,6 +10291,11 @@ class MutationBuffer {
     this.shadowDomManager.reset();
     this.canvasManager.reset();
   }
+  destroy() {
+    while (this.mapRemoves.length) {
+      this.mirror.removeNodeFromMap(this.mapRemoves.shift());
+    }
+  }
 }
 function deepDelete(addsSet, n2) {
   addsSet.delete(n2);
@@ -11337,6 +11342,7 @@ function initObservers(o2, hooks = {}) {
     );
   }
   return callbackWrapper(() => {
+    mutationBuffers.forEach((b) => b.destroy());
     mutationBuffers.forEach((b) => b.reset());
     mutationObserver == null ? void 0 : mutationObserver.disconnect();
     mousemoveHandler();
@@ -11674,6 +11680,8 @@ class IframeManager {
       contentWindow.removeEventListener("message", handler);
     });
     this.nestedIframeListeners.clear();
+    this.crossOriginIframeMirror.reset();
+    this.crossOriginIframeStyleMirror.reset();
   }
 }
 class ShadowDomManager {
@@ -12132,6 +12140,8 @@ class CanvasManager {
     __publicField(this, "resetObservers");
     __publicField(this, "frozen", false);
     __publicField(this, "locked", false);
+    __publicField(this, "rafIdTimestamp", null);
+    __publicField(this, "rafIdFlush", null);
     __publicField(this, "processMutation", (target, mutation) => {
       const newFrame = this.rafStamps.invokeId && this.rafStamps.latestId !== this.rafStamps.invokeId;
       if (newFrame || !this.rafStamps.invokeId)
@@ -12166,6 +12176,14 @@ class CanvasManager {
   reset() {
     this.pendingCanvasMutations.clear();
     this.resetObservers && this.resetObservers();
+    if (this.rafIdTimestamp !== null) {
+      cancelAnimationFrame(this.rafIdTimestamp);
+      this.rafIdTimestamp = null;
+    }
+    if (this.rafIdFlush !== null) {
+      cancelAnimationFrame(this.rafIdFlush);
+      this.rafIdFlush = null;
+    }
   }
   freeze() {
     this.frozen = true;
@@ -12316,14 +12334,16 @@ class CanvasManager {
     };
   }
   startPendingCanvasMutationFlusher() {
-    requestAnimationFrame(() => this.flushPendingCanvasMutations());
+    this.rafIdFlush = requestAnimationFrame(
+      () => this.flushPendingCanvasMutations()
+    );
   }
   startRAFTimestamping() {
     const setLatestRAFTimestamp = (timestamp) => {
       this.rafStamps.latestId = timestamp;
-      requestAnimationFrame(setLatestRAFTimestamp);
+      this.rafIdTimestamp = requestAnimationFrame(setLatestRAFTimestamp);
     };
-    requestAnimationFrame(setLatestRAFTimestamp);
+    this.rafIdTimestamp = requestAnimationFrame(setLatestRAFTimestamp);
   }
   flushPendingCanvasMutations() {
     this.pendingCanvasMutations.forEach(
@@ -12332,7 +12352,9 @@ class CanvasManager {
         this.flushPendingCanvasMutationFor(canvas, id);
       }
     );
-    requestAnimationFrame(() => this.flushPendingCanvasMutations());
+    this.rafIdFlush = requestAnimationFrame(
+      () => this.flushPendingCanvasMutations()
+    );
   }
   flushPendingCanvasMutationFor(canvas, id) {
     if (this.frozen || this.locked) {
@@ -12911,6 +12933,7 @@ function record(options = {}) {
       processedNodeManager.destroy();
       iframeManager.removeLoadListener();
       iframeManager.destroy();
+      mirror.reset();
       recording = false;
       unregisterErrorHandler();
     };