pixel-data-js 0.29.0 → 0.31.0

package/dist/index.prod.cjs

@@ -142,6 +142,7 @@ __export(src_exports, {
   makeAlphaMaskPaintBufferCommitter: () => makeAlphaMaskPaintBufferCommitter,
   makeAlphaMaskPaintBufferManager: () => makeAlphaMaskPaintBufferManager,
   makeAlphaMaskTile: () => makeAlphaMaskTile,
+  makeBatchedQueue: () => makeBatchedQueue,
   makeBinaryMask: () => makeBinaryMask,
   makeBinaryMaskFromAlphaMask: () => makeBinaryMaskFromAlphaMask,
   makeBinaryMaskOutline: () => makeBinaryMaskOutline,
@@ -176,6 +177,7 @@ __export(src_exports, {
   makePixelTile: () => makePixelTile,
   makeRectBinaryMaskOutline: () => makeRectBinaryMaskOutline,
   makeRectFalloffPaintAlphaMask: () => makeRectFalloffPaintAlphaMask,
+  makeRenderQueue: () => makeRenderQueue,
   makeReusableCanvas: () => makeReusableCanvas,
   makeReusableImageData: () => makeReusableImageData,
   makeReusableOffscreenCanvas: () => makeReusableOffscreenCanvas,
@@ -2290,6 +2292,67 @@ async function writeImageDataToClipboard(imageData) {
   return writeImgBlobToClipboard(blob);
 }
 
+// src/Control/BatchedQueue.ts
+function makeBatchedQueue(processor, queue) {
+  let activeSet = /* @__PURE__ */ new Set();
+  let processingSet = /* @__PURE__ */ new Set();
+  let scheduled = false;
+  const flush = () => {
+    const current = activeSet;
+    activeSet = processingSet;
+    processingSet = current;
+    scheduled = false;
+    try {
+      processor(processingSet);
+    } finally {
+      processingSet.clear();
+    }
+  };
+  function markDirty(item) {
+    activeSet.add(item);
+    if (!scheduled) {
+      scheduled = true;
+      queue(flush);
+    }
+  }
+  function markMultipleDirty(items) {
+    let len = items.length;
+    if (len === 0) return;
+    for (let i = 0; i < len; i++) {
+      activeSet.add(items[i]);
+    }
+    if (!scheduled) {
+      scheduled = true;
+      queue(flush);
+    }
+  }
+  return {
+    markDirty,
+    markMultipleDirty
+  };
+}
+
+// src/Control/RenderQueue.ts
+function makeRenderQueue(cb) {
+  let needsRender = false;
+  let frameId = 0;
+  const trigger = () => {
+    if (needsRender) return;
+    needsRender = true;
+    frameId = requestAnimationFrame(() => {
+      needsRender = false;
+      cb();
+    });
+  };
+  trigger.cancel = () => {
+    if (needsRender) {
+      cancelAnimationFrame(frameId);
+      needsRender = false;
+    }
+  };
+  return trigger;
+}
+
 // src/History/PixelPatchTiles.ts
 function applyPatchTiles(target, tiles, tileSize) {
   for (let i = 0; i < tiles.length; i++) {
@@ -2315,19 +2378,17 @@ function applyPatchTiles(target, tiles, tileSize) {
 }
 
 // src/History/HistoryAction.ts
-function makeHistoryAction(config, accumulator, patch, after, afterUndo, afterRedo, applyPatchTilesFn = applyPatchTiles) {
+function makeHistoryAction(config, accumulator, patch, afterUndo, afterRedo, applyPatchTilesFn = applyPatchTiles) {
   const target = config.target;
   const tileSize = config.tileSize;
   return {
     undo: () => {
       applyPatchTilesFn(target, patch.beforeTiles, tileSize);
-      afterUndo?.();
-      after?.();
+      afterUndo?.(patch);
     },
     redo: () => {
       applyPatchTilesFn(target, patch.afterTiles, tileSize);
-      afterRedo?.();
-      after?.();
+      afterRedo?.(patch);
     },
     dispose: () => accumulator.recyclePatch(patch)
   };
@@ -2854,11 +2915,10 @@ var PixelWriter = class {
    *   throw immediately to prevent silent data loss from a nested extractPatch.
    *
    * @param transaction Callback to be executed inside the transaction.
-   * @param after    Called after both undo and redo — use for generic change notifications.
-   * @param afterUndo Called after undo only — use for dimension or state changes specific to undo.
+   * @param afterUndo Called after undo only.
    * @param afterRedo Called after redo only.
    */
-  withHistory(transaction, after, afterUndo, afterRedo) {
+  withHistory(transaction, afterUndo, afterRedo) {
     if (this._inProgress) {
       throw new Error("withHistory is not re-entrant \u2014 commit or rollback the current operation first");
     }
@@ -2873,10 +2933,10 @@ var PixelWriter = class {
     }
     if (this.accumulator.beforeTiles.length === 0) return;
     const patch = this.accumulator.extractPatch();
-    const action = this.historyActionFactory(this.config, this.accumulator, patch, after, afterUndo, afterRedo);
+    const action = this.historyActionFactory(this.config, this.accumulator, patch, afterUndo, afterRedo);
     this.historyManager.commit(action);
   }
-  resize(newWidth, newHeight, offsetX = 0, offsetY = 0, after, afterUndo, afterRedo, resizeImageDataFn = resizeImageData) {
+  resize(newWidth, newHeight, offsetX = 0, offsetY = 0, afterUndo, afterRedo, resizeImageDataFn = resizeImageData) {
     if (this._inProgress) {
       throw new Error("Cannot resize inside a withHistory callback");
     }
@@ -2892,12 +2952,10 @@ var PixelWriter = class {
       undo: () => {
         setPixelData(target, beforeImageData);
         afterUndo?.(beforeImageData);
-        after?.(beforeImageData);
       },
       redo: () => {
         setPixelData(target, afterImageData);
         afterRedo?.(afterImageData);
-        after?.(afterImageData);
       }
     });
   }
@@ -6692,6 +6750,7 @@ function writePaintBufferToPixelData(target, paintBuffer, writePixelDataBufferFn
   makeAlphaMaskPaintBufferCommitter,
   makeAlphaMaskPaintBufferManager,
   makeAlphaMaskTile,
+  makeBatchedQueue,
   makeBinaryMask,
   makeBinaryMaskFromAlphaMask,
   makeBinaryMaskOutline,
@@ -6726,6 +6785,7 @@ function writePaintBufferToPixelData(target, paintBuffer, writePixelDataBufferFn
   makePixelTile,
   makeRectBinaryMaskOutline,
   makeRectFalloffPaintAlphaMask,
+  makeRenderQueue,
   makeReusableCanvas,
   makeReusableImageData,
   makeReusableOffscreenCanvas,