@glimt/record 0.0.40 → 0.0.42

package/dist/record.umd.cjs

@@ -517,6 +517,7 @@ function stringifyStylesheet$1(s2) {
     ).join("");
     return fixBrowserCompatibilityIssuesInCSS$1(stringifiedRules);
   } catch (error) {
+    console.log("stringifyStylesheet error:", error);
     return null;
   }
 }
@@ -853,23 +854,40 @@ const _AsyncStylesheetManager$1 = class _AsyncStylesheetManager {
     if (_AsyncStylesheetManager.instance) return _AsyncStylesheetManager.instance;
     _AsyncStylesheetManager.instance = this;
   }
+  removeCloneNode(href) {
+    if (!(href in this.clones) || this.clones[href] === void 0) return;
+    document.head.removeChild(this.clones[href].clone);
+  }
   onLoad(href) {
     if (!(href in this.clones) || this.clones[href] === void 0) return;
     console.log("AsyncStylesheetManager, onLoad: href:", href);
     const styleSheets2 = Array.from(document.styleSheets);
     let clonedStyleSheet = null;
-    document.head.removeChild(this.clones[href].clone);
     for (let i2 = styleSheets2.length - 1; i2 >= 0; i2--) {
       if (styleSheets2[i2].href === href) {
         clonedStyleSheet = styleSheets2[i2];
         break;
       }
     }
-    if (!clonedStyleSheet) return;
+    if (!clonedStyleSheet) {
+      console.log(
+        "AsyncStylesheetManager, onLoad: couldn't find stylesheet for href:",
+        href
+      );
+      return this.removeCloneNode(href);
+    }
     const newCssText = stringifyStylesheet$1(clonedStyleSheet);
-    if (!newCssText) return;
+    this.removeCloneNode(href);
+    if (!newCssText) {
+      console.log(
+        "AsyncStylesheetManager, onLoad: couldn't stringify stylesheet for href:",
+        href
+      );
+      return;
+    }
     console.log(
-      "AsyncStylesheetManager, onLoad: success! did get new css text! forcing mutation..."
+      "AsyncStylesheetManager, onLoad: success! did get new css text! forcing mutation... for href:",
+      href
     );
     this.clones[href].cssText = newCssText;
     this.clones[href].loaded = true;
@@ -880,12 +898,11 @@ const _AsyncStylesheetManager$1 = class _AsyncStylesheetManager {
   }
   onLoadError(href) {
     if (!(href in this.clones) || this.clones[href] === void 0) return;
-    document.head.removeChild(this.clones[href].clone);
+    this.removeCloneNode(href);
   }
   removeAllCloneElements() {
-    for (const clone of Object.values(this.clones)) {
-      if (!clone) continue;
-      document.head.removeChild(clone.clone);
+    for (const href of Object.keys(this.clones)) {
+      this.removeCloneNode(href);
     }
   }
   onCleanTimeout() {
@@ -903,10 +920,6 @@ const _AsyncStylesheetManager$1 = class _AsyncStylesheetManager {
       this.blowCache();
     this.currentHref = document.location.href;
     const href = forElement.href;
-    console.log(
-      "AsyncStylesheetManager, registerClone: wants a clone for href:",
-      href
-    );
     if (!href) return;
     if (href in this.clones && this.clones[href] !== void 0) return;
     if (forElement.getAttribute("crossorigin") === "anonymous") return;
@@ -936,7 +949,8 @@ const _AsyncStylesheetManager$1 = class _AsyncStylesheetManager {
   getClonedCssTextIfAvailable(href) {
     if (href in this.clones && this.clones[href] !== void 0 && this.clones[href].loaded === true) {
       console.log(
-        "AsyncStylesheetManager, getClonedCssTextIfAvailable: returning cloned cssText!"
+        "AsyncStylesheetManager, getClonedCssTextIfAvailable: returning cloned cssText, for href:",
+        href
       );
       return this.clones[href].cssText;
     }
@@ -1338,10 +1352,13 @@ function serializeElementNode(n2, options) {
   }
   if (tagName === "link" && inlineStylesheet) {
     const styleSheets2 = Array.from(doc.styleSheets);
-    const styleSheetIndex = styleSheets2.findIndex((s2) => {
-      return s2.href === n2.href;
-    });
-    const stylesheet = styleSheets2[styleSheetIndex];
+    let stylesheet = null;
+    for (let i2 = 0; i2 < styleSheets2.length; i2++) {
+      if (styleSheets2[i2].href === n2.href) {
+        stylesheet = styleSheets2[i2];
+        break;
+      }
+    }
     let cssText = null;
     if (stylesheet) {
       cssText = stringifyStylesheet$1(stylesheet);
@@ -5561,6 +5578,7 @@ function stringifyStylesheet(s2) {
     ).join("");
     return fixBrowserCompatibilityIssuesInCSS(stringifiedRules);
   } catch (error) {
+    console.log("stringifyStylesheet error:", error);
     return null;
   }
 }
@@ -5657,23 +5675,40 @@ const _AsyncStylesheetManager2 = class _AsyncStylesheetManager22 {
     if (_AsyncStylesheetManager22.instance) return _AsyncStylesheetManager22.instance;
     _AsyncStylesheetManager22.instance = this;
   }
+  removeCloneNode(href) {
+    if (!(href in this.clones) || this.clones[href] === void 0) return;
+    document.head.removeChild(this.clones[href].clone);
+  }
   onLoad(href) {
     if (!(href in this.clones) || this.clones[href] === void 0) return;
     console.log("AsyncStylesheetManager, onLoad: href:", href);
     const styleSheets2 = Array.from(document.styleSheets);
     let clonedStyleSheet = null;
-    document.head.removeChild(this.clones[href].clone);
     for (let i2 = styleSheets2.length - 1; i2 >= 0; i2--) {
       if (styleSheets2[i2].href === href) {
         clonedStyleSheet = styleSheets2[i2];
         break;
       }
     }
-    if (!clonedStyleSheet) return;
+    if (!clonedStyleSheet) {
+      console.log(
+        "AsyncStylesheetManager, onLoad: couldn't find stylesheet for href:",
+        href
+      );
+      return this.removeCloneNode(href);
+    }
     const newCssText = stringifyStylesheet(clonedStyleSheet);
-    if (!newCssText) return;
+    this.removeCloneNode(href);
+    if (!newCssText) {
+      console.log(
+        "AsyncStylesheetManager, onLoad: couldn't stringify stylesheet for href:",
+        href
+      );
+      return;
+    }
     console.log(
-      "AsyncStylesheetManager, onLoad: success! did get new css text! forcing mutation..."
+      "AsyncStylesheetManager, onLoad: success! did get new css text! forcing mutation... for href:",
+      href
     );
     this.clones[href].cssText = newCssText;
     this.clones[href].loaded = true;
@@ -5684,12 +5719,11 @@ const _AsyncStylesheetManager2 = class _AsyncStylesheetManager22 {
   }
   onLoadError(href) {
     if (!(href in this.clones) || this.clones[href] === void 0) return;
-    document.head.removeChild(this.clones[href].clone);
+    this.removeCloneNode(href);
   }
   removeAllCloneElements() {
-    for (const clone of Object.values(this.clones)) {
-      if (!clone) continue;
-      document.head.removeChild(clone.clone);
+    for (const href of Object.keys(this.clones)) {
+      this.removeCloneNode(href);
     }
   }
   onCleanTimeout() {
@@ -5707,10 +5741,6 @@ const _AsyncStylesheetManager2 = class _AsyncStylesheetManager22 {
       this.blowCache();
     this.currentHref = document.location.href;
     const href = forElement.href;
-    console.log(
-      "AsyncStylesheetManager, registerClone: wants a clone for href:",
-      href
-    );
     if (!href) return;
     if (href in this.clones && this.clones[href] !== void 0) return;
     if (forElement.getAttribute("crossorigin") === "anonymous") return;
@@ -5740,7 +5770,8 @@ const _AsyncStylesheetManager2 = class _AsyncStylesheetManager22 {
   getClonedCssTextIfAvailable(href) {
     if (href in this.clones && this.clones[href] !== void 0 && this.clones[href].loaded === true) {
       console.log(
-        "AsyncStylesheetManager, getClonedCssTextIfAvailable: returning cloned cssText!"
+        "AsyncStylesheetManager, getClonedCssTextIfAvailable: returning cloned cssText, for href:",
+        href
       );
       return this.clones[href].cssText;
     }