@schukai/monster 4.46.6 → 4.46.8

package/source/dom/updater.mjs

@@ -72,6 +72,18 @@ const pendingDiffsSymbol = Symbol("pendingDiffs");
  */
 const processingSymbol = Symbol("processing");
 
+/**
+ * @private
+ * @type {symbol}
+ */
+const pipeCacheSymbol = Symbol("pipeCache");
+
+/**
+ * @private
+ * @type {symbol}
+ */
+const processingScheduledSymbol = Symbol("processingScheduled");
+
 /**
  * @private
  * Performance optimization: static Set for boolean checks
@@ -137,6 +149,9 @@ class Updater extends Base {
 
     this[pendingDiffsSymbol] = [];
     this[processingSymbol] = false;
+    this[processingScheduledSymbol] = false;
+    this[pipeCacheSymbol] = new Map();
+    this[timerElementEventHandlerSymbol] = new WeakMap();
 
     this[internalSymbol].subject.attachObserver(
       new Observer(() => {
@@ -144,7 +159,19 @@ class Updater extends Base {
         const diffResult = diff(this[internalSymbol].last, real);
         this[internalSymbol].last = clone(real);
         this[pendingDiffsSymbol].push(diffResult);
-        return this.#processQueue();
+
+        if (!this[processingScheduledSymbol]) {
+          this[processingScheduledSymbol] = true;
+
+          return new Promise((resolve) => {
+            queueMicrotask(() => {
+              this[processingScheduledSymbol] = false;
+              this.#processQueue().finally(resolve);
+            });
+          });
+        }
+
+        return Promise.resolve();
       }),
     );
   }
@@ -301,6 +328,20 @@ class Updater extends Base {
     this[internalSymbol].callbacks.set(name, callback);
     return this;
   }
+
+  /**
+   * @private
+   * @param {string} cmd
+   * @returns {Pipe}
+   */
+  getPipe(cmd) {
+    let pipe = this[pipeCacheSymbol].get(cmd);
+    if (!pipe) {
+      pipe = new Pipe(cmd);
+      this[pipeCacheSymbol].set(cmd, pipe);
+    }
+    return pipe;
+  }
 }
 
 /**
@@ -356,22 +397,26 @@ function getControlEventHandler() {
       return;
     }
 
-    if (this[timerElementEventHandlerSymbol] instanceof DeadMansSwitch) {
+    const switches = this[timerElementEventHandlerSymbol];
+    let dms = switches.get(element);
+
+    if (dms instanceof DeadMansSwitch) {
       try {
-        this[timerElementEventHandlerSymbol].touch();
+        dms.touch();
         return;
       } catch (e) {
-        delete this[timerElementEventHandlerSymbol];
+        switches.delete(element);
       }
     }
 
-    this[timerElementEventHandlerSymbol] = new DeadMansSwitch(50, () => {
+    dms = new DeadMansSwitch(50, () => {
       try {
         retrieveAndSetValue.call(this, element);
       } catch (e) {
         addErrorAttribute(element, e);
       }
     });
+    switches.set(element, dms);
   };
 
   return this[symbol];
@@ -653,7 +698,7 @@ function insertElement(change) {
           throw new Error("pipes are not allowed when cloning a node.");
         }
 
-        const pipe = new Pipe(cmd);
+        const pipe = this.getPipe(cmd);
         this[internalSymbol].callbacks.forEach((f, n) => {
           pipe.setCallback(n, f);
         });
@@ -844,7 +889,7 @@ function runUpdateContent(container, parts, subject) {
       const attributes = element.getAttribute(ATTRIBUTE_UPDATER_REPLACE);
       const cmd = trimSpaces(attributes);
 
-      const pipe = new Pipe(cmd);
+      const pipe = this.getPipe(cmd);
       this[internalSymbol].callbacks.forEach((f, n) => {
         pipe.setCallback(n, f);
       });
@@ -936,7 +981,7 @@ function runUpdateAttributes(container, parts, subject) {
         const name = trimSpaces(def.substr(0, i));
         const cmd = trimSpaces(def.substr(i));
 
-        const pipe = new Pipe(cmd);
+        const pipe = this.getPipe(cmd);
 
         this[internalSymbol].callbacks.forEach((f, n) => {
           pipe.setCallback(n, f, element);