@glimt/record 0.0.34 → 0.0.36

package/dist/record.js

@@ -1170,7 +1170,6 @@ function serializeTextNode(n2, options) {
   };
 }
 function serializeElementNode(n2, options) {
-  const start = performance.now();
   const {
     doc,
     blockClass,
@@ -1369,19 +1368,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,
@@ -9642,7 +9628,10 @@ const _StormSnapshotManager = class _StormSnapshotManager2 {
   //before we actually take a full snapshot.
   //also, we want a low debounceTime, bc if theres multiple, distinctive mutation storms,
   //in a somewhat quick succession, we want to record activity between them
-  //not just one full snapshot after all the storms
+  //not just one full snapshot after all the storms:
+  //[mutation storm] [full snapshot] [mutation storm] [full snapshot]
+  //NOT
+  //[mutation storm] [timeout] [mutation storm] [full snapshot] (in this case, we probably miss all events which fired during the timeout)
   requestFullSnapshot() {
     if (this.debounceTimeout) {
       clearTimeout(this.debounceTimeout);
@@ -9746,15 +9735,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);
@@ -9791,22 +9771,19 @@ class MutationBuffer {
     __publicField(this, "canvasManager");
     __publicField(this, "processedNodeManager");
     __publicField(this, "unattachedDoc");
-    __publicField(this, "bufId", makeid());
     __publicField(this, "stormBatches", []);
-    __publicField(this, "stormInfo");
+    __publicField(this, "stormInfo", null);
     __publicField(this, "stormSettings", {
-      batchSize: 300,
-      timeout: 50,
-      mutationLimit: 1500
+      batchSize: 150,
+      //was 300
+      timeout: 30,
+      //was 50
+      mutationLimit: 800
+      //was 1500
     });
     __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,
@@ -9815,12 +9792,6 @@ class MutationBuffer {
         };
       }
       this.stormInfo.totalMutations += muts.length;
-      console.log(
-        "current storm mutations",
-        this.stormInfo.totalMutations,
-        "buffer id:",
-        this.bufId
-      );
       if (this.stormInfo.totalMutations >= this.stormSettings.mutationLimit) {
         this.stormInfo.stormExceededLimit = true;
         this.stormBatches = [];
@@ -9830,26 +9801,19 @@ class MutationBuffer {
           mutations: muts
         });
       }
+      clearTimeout(this.stormInfo.timeout);
       if (muts.length < this.stormSettings.batchSize) {
-        clearTimeout(this.stormInfo.timeout);
         this.handleStormFinish();
+      } else {
+        this.stormInfo.timeout = setTimeout(
+          this.handleStormFinish,
+          this.stormSettings.timeout
+        );
       }
     });
     __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) {
@@ -9869,20 +9833,9 @@ class MutationBuffer {
         this.handleStormMutations(muts);
         return;
       }
-      const start = performance.now();
       for (const mut of muts) {
         this.processMutation(mut);
       }
-      console.log(
-        muts.length,
-        "mutations processed in",
-        performance.now() - start,
-        "ms",
-        "overrideStorm",
-        overrideStorm,
-        "buffer id:",
-        this.bufId
-      );
       this.emit();
     });
     __publicField(this, "processMutations", (mutations) => {
@@ -10348,6 +10301,7 @@ class MutationBuffer {
       }
     });
   }
+  // private bufId: string = makeid();
   init(options) {
     [
       "mutationCb",
@@ -12424,7 +12378,6 @@ function record(options = {}) {
     if (!recordDOM) {
       return;
     }
-    const start = performance.now();
     wrappedEmit(
       {
         type: EventType.Meta,
@@ -12492,7 +12445,6 @@ function record(options = {}) {
         document.adoptedStyleSheets,
         mirror.getId(document)
       );
-    console.log("full snapshot took", performance.now() - start, "ms");
   };
   try {
     const handlers = [];