@glimt/record 0.0.42 → 0.0.44

package/dist/record.cjs

@@ -812,7 +812,51 @@ function splitCssText(cssText, style, _testNoPxNorm = false) {
 function markCssSplits(cssText, style) {
   return splitCssText(cssText, style).join("/* rr_split */");
 }
-const CLEANUP_DEBOUNCE_TIME$1 = 1e3 * 60 * 5;
+const CLEANUP_DEBOUNCE_TIME$1 = 1e3 * 60 * 2;
+const DISALLOWED_EXTENSIONS$1 = [
+  // Fonts
+  "woff",
+  "woff2",
+  "ttf",
+  "otf",
+  // Embedded OpenType font
+  "eot",
+  // Images
+  "png",
+  "jpg",
+  "jpeg",
+  "gif",
+  "svg",
+  "webp",
+  "ico",
+  // Scripts
+  "js",
+  "mjs",
+  "ts",
+  "jsx",
+  "tsx",
+  // Data files
+  "json",
+  "map",
+  // Media
+  "mp4",
+  "webm",
+  "ogg",
+  "mp3",
+  "wav",
+  // Archives
+  "zip",
+  "rar",
+  "7z",
+  "tar",
+  "gz",
+  // Documents
+  "pdf",
+  "doc",
+  "docx",
+  "xls",
+  "xlsx"
+];
 const _AsyncStylesheetManager$1 = class _AsyncStylesheetManager {
   constructor() {
     __publicField$1(this, "currentHref", null);
@@ -822,8 +866,13 @@ const _AsyncStylesheetManager$1 = class _AsyncStylesheetManager {
     _AsyncStylesheetManager.instance = this;
   }
   removeCloneNode(href) {
+    var _a2;
     if (!(href in this.clones) || this.clones[href] === void 0) return;
-    document.head.removeChild(this.clones[href].clone);
+    const clone = document.querySelector(
+      `link[data-rrweb-link-cloned="${this.clones[href].cloneNodeAttrId}"]`
+    );
+    if (!clone) return;
+    (_a2 = clone.parentNode) == null ? void 0 : _a2.removeChild(clone);
   }
   onLoad(href) {
     if (!(href in this.clones) || this.clones[href] === void 0) return;
@@ -858,10 +907,17 @@ const _AsyncStylesheetManager$1 = class _AsyncStylesheetManager {
     );
     this.clones[href].cssText = newCssText;
     this.clones[href].loaded = true;
-    this.clones[href].original.setAttribute(
-      "data-rrweb-mutation",
-      Date.now().toString()
+    const original = document.querySelector(
+      `link[data-rrweb-link-cloned="source-${this.clones[href].cloneNodeAttrId}"]`
     );
+    if (!original) {
+      this.clones[href].original.setAttribute(
+        "data-rrweb-mutation",
+        Date.now().toString()
+      );
+    } else {
+      original.setAttribute("data-rrweb-mutation", Date.now().toString());
+    }
   }
   onLoadError(href) {
     if (!(href in this.clones) || this.clones[href] === void 0) return;
@@ -890,19 +946,35 @@ const _AsyncStylesheetManager$1 = class _AsyncStylesheetManager {
     if (!href) return;
     if (href in this.clones && this.clones[href] !== void 0) return;
     if (forElement.getAttribute("crossorigin") === "anonymous") return;
+    if (forElement.rel !== "stylesheet") {
+      const last = href.split("/").pop();
+      if (last && last.includes(".")) {
+        const [filename] = last.split("?");
+        const ext = filename.split(".").pop();
+        if (ext) {
+          if (DISALLOWED_EXTENSIONS$1.includes(ext.toLowerCase())) return;
+        }
+      }
+    }
     console.log(
       "AsyncStylesheetManager, registerClone: registering clone for href:",
       href
     );
     const clone = forElement.cloneNode();
+    const cloneNodeAttrId = Math.random().toString(36).slice(2);
     clone.setAttribute("crossorigin", "anonymous");
-    clone.setAttribute("data-rrweb-link-cloned", "true");
+    clone.setAttribute("data-rrweb-link-cloned", cloneNodeAttrId);
+    forElement.setAttribute(
+      "data-rrweb-link-cloned",
+      `source-${cloneNodeAttrId}`
+    );
     document.head.appendChild(clone);
     this.clones[href] = {
       original: forElement,
       clone,
       loaded: false,
-      cssText: null
+      cssText: null,
+      cloneNodeAttrId
     };
     clone.onload = () => {
       this.onLoad(href);
@@ -911,7 +983,10 @@ const _AsyncStylesheetManager$1 = class _AsyncStylesheetManager {
       this.onLoadError(href);
     };
     if (this.cleanTimeout) clearTimeout(this.cleanTimeout);
-    this.cleanTimeout = setTimeout(this.onCleanTimeout, CLEANUP_DEBOUNCE_TIME$1);
+    this.cleanTimeout = setTimeout(
+      asyncStylesheetManager$1.onCleanTimeout,
+      CLEANUP_DEBOUNCE_TIME$1
+    );
   }
   getClonedCssTextIfAvailable(href) {
     if (href in this.clones && this.clones[href] !== void 0 && this.clones[href].loaded === true) {
@@ -926,7 +1001,7 @@ const _AsyncStylesheetManager$1 = class _AsyncStylesheetManager {
 };
 __publicField$1(_AsyncStylesheetManager$1, "instance");
 let AsyncStylesheetManager$1 = _AsyncStylesheetManager$1;
-const asyncStylesheetManager = new AsyncStylesheetManager$1();
+const asyncStylesheetManager$1 = new AsyncStylesheetManager$1();
 let _id = 1;
 const tagNameRegex = new RegExp("[^a-z0-9-_:]");
 const IGNORED_NODE = -2;
@@ -1331,7 +1406,7 @@ function serializeElementNode(n2, options) {
       cssText = stringifyStylesheet$1(stylesheet);
     }
     if (!cssText) {
-      cssText = asyncStylesheetManager.getClonedCssTextIfAvailable(
+      cssText = asyncStylesheetManager$1.getClonedCssTextIfAvailable(
         n2.href
       );
     }
@@ -1340,7 +1415,7 @@ function serializeElementNode(n2, options) {
       delete attributes.href;
       attributes._cssText = cssText;
     } else {
-      asyncStylesheetManager.registerClone({
+      asyncStylesheetManager$1.registerClone({
         forElement: n2
       });
     }
@@ -5629,7 +5704,51 @@ function absolutifyURLs(cssText, href) {
     }
   );
 }
-const CLEANUP_DEBOUNCE_TIME = 1e3 * 60 * 5;
+const CLEANUP_DEBOUNCE_TIME = 1e3 * 60 * 2;
+const DISALLOWED_EXTENSIONS = [
+  // Fonts
+  "woff",
+  "woff2",
+  "ttf",
+  "otf",
+  // Embedded OpenType font
+  "eot",
+  // Images
+  "png",
+  "jpg",
+  "jpeg",
+  "gif",
+  "svg",
+  "webp",
+  "ico",
+  // Scripts
+  "js",
+  "mjs",
+  "ts",
+  "jsx",
+  "tsx",
+  // Data files
+  "json",
+  "map",
+  // Media
+  "mp4",
+  "webm",
+  "ogg",
+  "mp3",
+  "wav",
+  // Archives
+  "zip",
+  "rar",
+  "7z",
+  "tar",
+  "gz",
+  // Documents
+  "pdf",
+  "doc",
+  "docx",
+  "xls",
+  "xlsx"
+];
 const _AsyncStylesheetManager2 = class _AsyncStylesheetManager22 {
   constructor() {
     __publicField22(this, "currentHref", null);
@@ -5639,8 +5758,13 @@ const _AsyncStylesheetManager2 = class _AsyncStylesheetManager22 {
     _AsyncStylesheetManager22.instance = this;
   }
   removeCloneNode(href) {
+    var _a2;
     if (!(href in this.clones) || this.clones[href] === void 0) return;
-    document.head.removeChild(this.clones[href].clone);
+    const clone = document.querySelector(
+      `link[data-rrweb-link-cloned="${this.clones[href].cloneNodeAttrId}"]`
+    );
+    if (!clone) return;
+    (_a2 = clone.parentNode) == null ? void 0 : _a2.removeChild(clone);
   }
   onLoad(href) {
     if (!(href in this.clones) || this.clones[href] === void 0) return;
@@ -5675,10 +5799,17 @@ const _AsyncStylesheetManager2 = class _AsyncStylesheetManager22 {
     );
     this.clones[href].cssText = newCssText;
     this.clones[href].loaded = true;
-    this.clones[href].original.setAttribute(
-      "data-rrweb-mutation",
-      Date.now().toString()
+    const original = document.querySelector(
+      `link[data-rrweb-link-cloned="source-${this.clones[href].cloneNodeAttrId}"]`
     );
+    if (!original) {
+      this.clones[href].original.setAttribute(
+        "data-rrweb-mutation",
+        Date.now().toString()
+      );
+    } else {
+      original.setAttribute("data-rrweb-mutation", Date.now().toString());
+    }
   }
   onLoadError(href) {
     if (!(href in this.clones) || this.clones[href] === void 0) return;
@@ -5707,19 +5838,35 @@ const _AsyncStylesheetManager2 = class _AsyncStylesheetManager22 {
     if (!href) return;
     if (href in this.clones && this.clones[href] !== void 0) return;
     if (forElement.getAttribute("crossorigin") === "anonymous") return;
+    if (forElement.rel !== "stylesheet") {
+      const last = href.split("/").pop();
+      if (last && last.includes(".")) {
+        const [filename] = last.split("?");
+        const ext = filename.split(".").pop();
+        if (ext) {
+          if (DISALLOWED_EXTENSIONS.includes(ext.toLowerCase())) return;
+        }
+      }
+    }
     console.log(
       "AsyncStylesheetManager, registerClone: registering clone for href:",
       href
     );
     const clone = forElement.cloneNode();
+    const cloneNodeAttrId = Math.random().toString(36).slice(2);
     clone.setAttribute("crossorigin", "anonymous");
-    clone.setAttribute("data-rrweb-link-cloned", "true");
+    clone.setAttribute("data-rrweb-link-cloned", cloneNodeAttrId);
+    forElement.setAttribute(
+      "data-rrweb-link-cloned",
+      `source-${cloneNodeAttrId}`
+    );
     document.head.appendChild(clone);
     this.clones[href] = {
       original: forElement,
       clone,
       loaded: false,
-      cssText: null
+      cssText: null,
+      cloneNodeAttrId
     };
     clone.onload = () => {
       this.onLoad(href);
@@ -5728,7 +5875,10 @@ const _AsyncStylesheetManager2 = class _AsyncStylesheetManager22 {
       this.onLoadError(href);
     };
     if (this.cleanTimeout) clearTimeout(this.cleanTimeout);
-    this.cleanTimeout = setTimeout(this.onCleanTimeout, CLEANUP_DEBOUNCE_TIME);
+    this.cleanTimeout = setTimeout(
+      asyncStylesheetManager.onCleanTimeout,
+      CLEANUP_DEBOUNCE_TIME
+    );
   }
   getClonedCssTextIfAvailable(href) {
     if (href in this.clones && this.clones[href] !== void 0 && this.clones[href].loaded === true) {
@@ -5743,7 +5893,7 @@ const _AsyncStylesheetManager2 = class _AsyncStylesheetManager22 {
 };
 __publicField22(_AsyncStylesheetManager2, "instance");
 let AsyncStylesheetManager = _AsyncStylesheetManager2;
-new AsyncStylesheetManager();
+const asyncStylesheetManager = new AsyncStylesheetManager();
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }