@glimt/record 0.0.41 → 0.0.42

package/dist/record.umd.cjs

@@ -854,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;
@@ -881,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() {
@@ -904,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;
@@ -937,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;
     }
@@ -1339,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);
@@ -1357,10 +1373,6 @@ function serializeElementNode(n2, options) {
       delete attributes.href;
       attributes._cssText = cssText;
     } else {
-      console.log(
-        "missing cssText on first passthrough for href:",
-        n2.href
-      );
       asyncStylesheetManager.registerClone({
         forElement: n2
       });
@@ -5663,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;
@@ -5690,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() {
@@ -5713,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;
@@ -5746,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;
     }