@glimt/record 0.0.20 → 0.0.22

package/dist/record.cjs

@@ -923,6 +923,7 @@ function serializeTextNode(n2, options) {
   };
 }
 function serializeElementNode(n2, options) {
+  const start = performance.now();
   const {
     doc,
     blockClass,
@@ -1114,6 +1115,18 @@ function serializeElementNode(n2, options) {
     if (customElements.get(tagName)) isCustomElement = true;
   } catch (e2) {
   }
+  const took = performance.now() - start;
+  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$3.Element,
     tagName,
@@ -1293,7 +1306,9 @@ function serializeNodeWithId(n2, options) {
     }
     let shadowRootEl = null;
     if (isElement(n2) && (shadowRootEl = index$1.shadowRoot(n2))) {
-      for (const childN of Array.from(index$1.childNodes(shadowRootEl))) {
+      const childNodes2 = index$1.childNodes(shadowRootEl);
+      for (let i2 = 0; i2 < childNodes2.length; i2++) {
+        const childN = childNodes2[i2];
         const serializedChildNode = serializeNodeWithId(
           childN,
           bypassOptions
@@ -9393,12 +9408,36 @@ class MutationBuffer {
     __publicField(this, "canvasManager");
     __publicField(this, "processedNodeManager");
     __publicField(this, "unattachedDoc");
+    __publicField(this, "tempPerfStore", {});
     __publicField(this, "processMutations", (mutations) => {
-      console.time("processMutations");
+      const start = performance.now();
+      let uniqueTypes = [];
       for (const mut of mutations) {
+        const mutStart = performance.now();
         this.processMutation(mut);
+        const took = performance.now() - mutStart;
+        if (!uniqueTypes.includes(mut.type)) uniqueTypes.push(mut.type);
+        if (!(mut.type in this.tempPerfStore)) {
+          this.tempPerfStore[mut.type] = {
+            avg: 0,
+            times: []
+          };
+        }
+        this.tempPerfStore[mut.type].times.push(took);
+        if (this.tempPerfStore[mut.type].times.length > 1e3) {
+          this.tempPerfStore[mut.type].times.shift();
+        }
+        this.tempPerfStore[mut.type].avg = this.tempPerfStore[mut.type].times.reduce((a2, b) => a2 + b, 0) / this.tempPerfStore[mut.type].times.length;
       }
-      console.timeEnd("processMutations");
+      console.log(
+        mutations.length,
+        "mutations processed in",
+        performance.now() - start,
+        "ms",
+        "types:",
+        uniqueTypes
+      );
+      window.temp_perf_store = this.tempPerfStore;
       this.emit();
     });
     __publicField(this, "emit", () => {
@@ -12250,6 +12289,7 @@ function record(options = {}) {
     if (!recordDOM) {
       return;
     }
+    const start = performance.now();
     wrappedEmit(
       {
         type: EventType.Meta,
@@ -12317,6 +12357,7 @@ function record(options = {}) {
         document.adoptedStyleSheets,
         mirror.getId(document)
       );
+    console.log("full snapshot took", performance.now() - start, "ms");
   };
   try {
     const handlers = [];