@glimt/record 0.0.35 → 0.0.37

package/dist/record.cjs

@@ -1172,7 +1172,6 @@ function serializeTextNode(n2, options) {
   };
 }
 function serializeElementNode(n2, options) {
-  const start = performance.now();
   const {
     doc,
     blockClass,
@@ -1214,6 +1213,8 @@ function serializeElementNode(n2, options) {
       delete attributes.rel;
       delete attributes.href;
       attributes._cssText = cssText;
+    } else {
+      console.log("failed to extract stylesheets from link element", n2);
     }
   }
   if (tagName === "style" && n2.sheet) {
@@ -1371,19 +1372,6 @@ function serializeElementNode(n2, options) {
     if (customElements.get(tagName)) isCustomElement = true;
   } catch (e2) {
   }
-  const took = performance.now() - start;
-  if (!window.serialization_perf_map) window.serialization_perf_map = {};
-  if (!(tagName in window.serialization_perf_map)) {
-    window.serialization_perf_map[tagName] = {
-      avg: 0,
-      times: []
-    };
-  }
-  window.serialization_perf_map[tagName].times.push(took);
-  if (window.serialization_perf_map[tagName].times.length > 1e3) {
-    window.serialization_perf_map[tagName].times.shift();
-  }
-  window.serialization_perf_map[tagName].avg = window.serialization_perf_map[tagName].times.reduce((a2, b) => a2 + b, 0) / window.serialization_perf_map[tagName].times.length;
   return {
     type: NodeType$2.Element,
     tagName,
@@ -9751,15 +9739,6 @@ class DoubleLinkedList {
   }
 }
 const moveKey = (id, parentId) => `${id}@${parentId}`;
-function makeid(length = 8) {
-  var result2 = "";
-  var characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-  var charactersLength = characters.length;
-  for (var i2 = 0; i2 < length; i2++) {
-    result2 += characters.charAt(Math.floor(Math.random() * charactersLength));
-  }
-  return result2;
-}
 class MutationBuffer {
   constructor() {
     __publicField(this, "frozen", false);
@@ -9796,7 +9775,6 @@ class MutationBuffer {
     __publicField(this, "canvasManager");
     __publicField(this, "processedNodeManager");
     __publicField(this, "unattachedDoc");
-    __publicField(this, "bufId", makeid());
     __publicField(this, "stormBatches", []);
     __publicField(this, "stormInfo", null);
     __publicField(this, "stormSettings", {
@@ -9810,11 +9788,6 @@ class MutationBuffer {
     __publicField(this, "handleStormMutations", (muts) => {
       const time = Date.now();
       if (this.stormInfo == null) {
-        console.log(
-          "detected probable mutation storm start",
-          "buffer id:",
-          this.bufId
-        );
         this.stormInfo = {
           startedAt: time,
           totalMutations: 0,
@@ -9845,18 +9818,6 @@ class MutationBuffer {
     __publicField(this, "handleStormFinish", () => {
       if (!this.stormInfo) return;
       const { stormExceededLimit } = this.stormInfo;
-      console.log(
-        "mutation storm finished",
-        "totalMutations:",
-        this.stormInfo.totalMutations,
-        "stormExceededLimit:",
-        stormExceededLimit,
-        "storm duration:",
-        Date.now() - this.stormInfo.startedAt,
-        "ms",
-        "buffer id:",
-        this.bufId
-      );
       clearTimeout(this.stormInfo.timeout);
       this.stormInfo = null;
       if (!stormExceededLimit) {
@@ -10344,6 +10305,7 @@ class MutationBuffer {
       }
     });
   }
+  // private bufId: string = makeid();
   init(options) {
     [
       "mutationCb",
@@ -12420,7 +12382,6 @@ function record(options = {}) {
     if (!recordDOM) {
       return;
     }
-    const start = performance.now();
     wrappedEmit(
       {
         type: EventType.Meta,
@@ -12488,7 +12449,6 @@ function record(options = {}) {
         document.adoptedStyleSheets,
         mirror.getId(document)
       );
-    console.log("full snapshot took", performance.now() - start, "ms");
   };
   try {
     const handlers = [];
@@ -12622,12 +12582,27 @@ function record(options = {}) {
         console.warn(error);
       }
     });
+    let initedAt = null;
     const init = () => {
+      initedAt = Date.now();
       takeFullSnapshot$1();
       handlers.push(observe(document));
       recording = true;
     };
+    const customOnLoad = () => {
+      window.removeEventListener("load", customOnLoad);
+      if (!recording || initedAt == null) return;
+      console.log("customOnLoad wants to take a full snapshot");
+      if (Date.now() - initedAt <= 10) {
+        console.log("customOnLoad skipping full snapshot bc it was too soon");
+        return;
+      }
+      console.log("customOnLoad taking full snapshot bc race condition");
+      takeFullSnapshot$1();
+    };
+    window.addEventListener("load", customOnLoad);
     if (document.readyState === "interactive" || document.readyState === "complete") {
+      console.log("fired init() bc readyState === 'interactive' || 'complete'");
       init();
     } else {
       handlers.push(
@@ -12636,7 +12611,10 @@ function record(options = {}) {
             type: EventType.DomContentLoaded,
             data: {}
           });
-          if (recordAfter === "DOMContentLoaded") init();
+          if (recordAfter === "DOMContentLoaded") {
+            console.log("fired init() bc listener 'DOMContentLoaded'");
+            init();
+          }
         })
       );
       handlers.push(
@@ -12647,7 +12625,10 @@ function record(options = {}) {
               type: EventType.Load,
               data: {}
             });
-            if (recordAfter === "load") init();
+            if (recordAfter === "load") {
+              console.log("fired init() bc listener 'load'");
+              init();
+            }
           },
           window
         )