@mocanvas/editor 4.7.1 → 4.8.1

package/dist/index.d.ts

@@ -8466,6 +8466,17 @@ declare class Editor extends EventEmitter<EditorEvents> {
      * `getOverlayShapeIds()`; `undefined` where the shape is unclipped.
      */
     getOverlayClips(): readonly (ClipRect | undefined)[];
+    /**
+     * Run `fn` as one operation: one history entry, and one notification to the
+     * store's listeners however many writes it makes.
+     *
+     * It has to open an operation on the *store*, not just a signal transaction.
+     * A `transact` alone batches recomputation and nothing else, so every write
+     * inside still opened and closed an operation of its own — two
+     * `updateShapes` calls in one `run` reached a listener as two notifications,
+     * the first of them carrying a half-applied state that was never an intended
+     * state of the document. A sync binding published that state to its peers.
+     */
     run<T>(fn: () => T, opts?: {
         history?: "record" | "ignore" | "record-preserveRedoStack";
     }): T;

package/dist/index.js

@@ -8201,8 +8201,19 @@ var Editor = class extends EventEmitter {
     return this._overlayClips.get();
   }
   // ---- batching / history ------------------------------------------------
+  /**
+   * Run `fn` as one operation: one history entry, and one notification to the
+   * store's listeners however many writes it makes.
+   *
+   * It has to open an operation on the *store*, not just a signal transaction.
+   * A `transact` alone batches recomputation and nothing else, so every write
+   * inside still opened and closed an operation of its own — two
+   * `updateShapes` calls in one `run` reached a listener as two notifications,
+   * the first of them carrying a half-applied state that was never an intended
+   * state of the document. A sync binding published that state to its peers.
+   */
   run(fn, opts = {}) {
-    return transact(() => {
+    return this.store.atomic(() => {
       if (opts.history === "ignore") return this.history.ignore(fn);
       return fn();
     });
@@ -8870,6 +8881,7 @@ var Editor = class extends EventEmitter {
       if (shape && !shape.isLocked) collect(id);
     }
     if (toDelete.size === 0) return this;
+    this.emit("deleted-shapes", [...toDelete]);
     this.run(() => {
       const ps = this.getCurrentPageState();
       const selected = ps.selectedShapeIds.filter((id) => !toDelete.has(id));
@@ -8878,7 +8890,6 @@ var Editor = class extends EventEmitter {
       if (ps.editingShapeId && toDelete.has(ps.editingShapeId)) this.setEditingShape(null);
       this.store.remove([...toDelete]);
     });
-    this.emit("deleted-shapes", [...toDelete]);
     return this;
   }
   /**