@excalidraw/element 0.18.0-b16b6f8fd → 0.18.0-c65b684e9

package/dist/dev/index.js

@@ -14638,6 +14638,15 @@ var Delta = class _Delta {
   static isEmpty(delta) {
     return !Object.keys(delta.deleted).length && !Object.keys(delta.inserted).length;
   }
+  /**
+   * Merges two deltas into a new one.
+   */
+  static merge(delta1, delta2) {
+    return _Delta.create(
+      { ...delta1.deleted, ...delta2.deleted },
+      { ...delta1.inserted, ...delta2.inserted }
+    );
+  }
   /**
    * Merges deleted and inserted object partials.
    */
@@ -14883,6 +14892,10 @@ var AppStateDelta = class _AppStateDelta {
     const inversedDelta = Delta.create(this.delta.inserted, this.delta.deleted);
     return new _AppStateDelta(inversedDelta);
   }
+  squash(delta) {
+    this.delta = Delta.merge(this.delta, delta.delta);
+    return this;
+  }
   applyTo(appState, nextElements) {
     try {
       const {
@@ -15476,6 +15489,34 @@ var ElementsDelta = class _ElementsDelta {
       return [nextElements, flags.containsVisibleDifference];
     }
   }
+  squash(delta) {
+    const { added, removed, updated } = delta;
+    for (const [id, nextDelta] of Object.entries(added)) {
+      const prevDelta = this.added[id];
+      if (!prevDelta) {
+        this.added[id] = nextDelta;
+      } else {
+        this.added[id] = Delta.merge(prevDelta, nextDelta);
+      }
+    }
+    for (const [id, nextDelta] of Object.entries(removed)) {
+      const prevDelta = this.removed[id];
+      if (!prevDelta) {
+        this.removed[id] = nextDelta;
+      } else {
+        this.removed[id] = Delta.merge(prevDelta, nextDelta);
+      }
+    }
+    for (const [id, nextDelta] of Object.entries(updated)) {
+      const prevDelta = this.updated[id];
+      if (!prevDelta) {
+        this.updated[id] = nextDelta;
+      } else {
+        this.updated[id] = Delta.merge(prevDelta, nextDelta);
+      }
+    }
+    return this;
+  }
   static createApplier = (nextElements, snapshot, options, flags) => (deltas) => {
     const getElement = _ElementsDelta.createGetter(
       nextElements,
@@ -15619,31 +15660,10 @@ var ElementsDelta = class _ElementsDelta {
     const prevAffectedElements = new Map(
       Array.from(prevElements).filter(([id]) => nextAffectedElements.has(id))
     );
-    const { added, removed, updated } = _ElementsDelta.calculate(
-      prevAffectedElements,
-      nextAffectedElements
+    this.squash(
+      // technically we could do better here if perf. would become an issue
+      _ElementsDelta.calculate(prevAffectedElements, nextAffectedElements)
     );
-    for (const [id, delta] of Object.entries(added)) {
-      this.added[id] = {
-        // merge with the existing delta, if exists
-        ...this.added[id],
-        ...delta
-      };
-    }
-    for (const [id, delta] of Object.entries(removed)) {
-      this.removed[id] = {
-        // merge with the existing delta, if exists
-        ...this.removed[id],
-        ...delta
-      };
-    }
-    for (const [id, delta] of Object.entries(updated)) {
-      this.updated[id] = {
-        // merge with the existing delta, if exists
-        ...this.updated[id],
-        ...delta
-      };
-    }
     return nextAffectedElements;
   }
   /**