pixel-data-js 0.12.0 → 0.13.0

package/dist/index.dev.cjs

@@ -101,6 +101,7 @@ __export(src_exports, {
   linearLightPerfect: () => linearLightPerfect,
   makePixelCanvas: () => makePixelCanvas,
   makeReusableCanvas: () => makeReusableCanvas,
+  makeReusableImageData: () => makeReusableImageData,
   mergeMasks: () => mergeMasks,
   multiplyFast: () => multiplyFast,
   multiplyPerfect: () => multiplyPerfect,
@@ -173,9 +174,11 @@ var BlendMode = /* @__PURE__ */ ((BlendMode2) => {
   BlendMode2[BlendMode2["divide"] = 22] = "divide";
   return BlendMode2;
 })(BlendMode || {});
+var overwriteBase = (src, _dst) => src;
+overwriteBase.isOverwrite = true;
 
 // src/BlendModes/blend-modes-fast.ts
-var overwriteFast = (src, _dst) => src;
+var overwriteFast = overwriteBase;
 var sourceOverFast = (src, dst) => {
   const sa = src >>> 24 & 255;
   if (sa === 255) return src;
@@ -990,7 +993,7 @@ function floodFillSelection(img, startX, startY, {
 }
 
 // src/BlendModes/blend-modes-perfect.ts
-var overwritePerfect = (src, _dst) => src;
+var overwritePerfect = overwriteBase;
 var sourceOverPerfect = (src, dst) => {
   const sa = src >>> 24 & 255;
   if (sa === 255) return src;
@@ -1573,6 +1576,22 @@ async function writeImageDataToClipboard(imageData) {
   return writeImgBlobToClipboard(blob);
 }
 
+// src/ImageData/ReusableImageData.ts
+function makeReusableImageData() {
+  let imageData = null;
+  let buffer = null;
+  return function getReusableImageData(width, height) {
+    const hasInstance = !!imageData;
+    const widthMatches = hasInstance && imageData.width === width;
+    const heightMatches = hasInstance && imageData.height === height;
+    if (!widthMatches || !heightMatches) {
+      const buffer2 = new Uint8ClampedArray(width * height * 4);
+      imageData = new ImageData(buffer2, width, height);
+    }
+    return imageData;
+  };
+}
+
 // src/ImageData/copyImageData.ts
 function copyImageData({ data, width, height }) {
   return new ImageData(data.slice(), width, height);
@@ -1752,27 +1771,6 @@ function deserializeNullableImageData(serialized) {
   return deserializeImageData(serialized);
 }
 
-// src/ImageData/writeImageDataPixels.ts
-function writeImageDataPixels(imageData, data, _x, _y, _w, _h) {
-  const { x, y, w, h } = typeof _x === "object" ? _x : { x: _x, y: _y, w: _w, h: _h };
-  const { width: dstW, height: dstH, data: dst } = imageData;
-  const x0 = Math.max(0, x);
-  const y0 = Math.max(0, y);
-  const x1 = Math.min(dstW, x + w);
-  const y1 = Math.min(dstH, y + h);
-  if (x1 <= x0 || y1 <= y0) return;
-  const rowLen = (x1 - x0) * 4;
-  const srcCol = x0 - x;
-  const srcYOffset = y0 - y;
-  const actualH = y1 - y0;
-  for (let row = 0; row < actualH; row++) {
-    const dstStart = ((y0 + row) * dstW + x0) * 4;
-    const srcRow = srcYOffset + row;
-    const o = (srcRow * w + srcCol) * 4;
-    dst.set(data.subarray(o, o + rowLen), dstStart);
-  }
-}
-
 // src/ImageData/writeImageData.ts
 function writeImageData(target, source, x, y, sx = 0, sy = 0, sw = source.width, sh = source.height, mask = null, maskType = 1 /* BINARY */) {
   const dstW = target.width;
@@ -1827,6 +1825,27 @@ function writeImageData(target, source, x, y, sx = 0, sy = 0, sw = source.width,
   }
 }
 
+// src/ImageData/writeImageDataPixels.ts
+function writeImageDataPixels(imageData, data, _x, _y, _w, _h) {
+  const { x, y, w, h } = typeof _x === "object" ? _x : { x: _x, y: _y, w: _w, h: _h };
+  const { width: dstW, height: dstH, data: dst } = imageData;
+  const x0 = Math.max(0, x);
+  const y0 = Math.max(0, y);
+  const x1 = Math.min(dstW, x + w);
+  const y1 = Math.min(dstH, y + h);
+  if (x1 <= x0 || y1 <= y0) return;
+  const rowLen = (x1 - x0) * 4;
+  const srcCol = x0 - x;
+  const srcYOffset = y0 - y;
+  const actualH = y1 - y0;
+  for (let row = 0; row < actualH; row++) {
+    const dstStart = ((y0 + row) * dstW + x0) * 4;
+    const srcRow = srcYOffset + row;
+    const o = (srcRow * w + srcCol) * 4;
+    dst.set(data.subarray(o, o + rowLen), dstStart);
+  }
+}
+
 // src/IndexedImage/IndexedImage.ts
 var IndexedImage = class _IndexedImage {
   /** The width of the image in pixels. */
@@ -2279,14 +2298,14 @@ function applyMaskToPixelData(dst, mask, opts) {
 }
 
 // src/PixelData/blendColorPixelData.ts
-function blendColorPixelData(dst, color, opts) {
+function blendColorPixelData(dst, color, opts = {}) {
   const {
     x: targetX = 0,
     y: targetY = 0,
     w: width = dst.width,
     h: height = dst.height,
     alpha: globalAlpha = 255,
-    blendFn = FAST_BLEND_MODES[1 /* sourceOver */],
+    blendFn = sourceOverFast,
     mask,
     maskType = 0 /* ALPHA */,
     mw,
@@ -2295,6 +2314,9 @@ function blendColorPixelData(dst, color, opts) {
     invertMask = false
   } = opts;
   if (globalAlpha === 0) return;
+  const baseSrcAlpha = color >>> 24;
+  const isOverwrite = blendFn.isOverwrite;
+  if (baseSrcAlpha === 0 && !isOverwrite) return;
   let x = targetX;
   let y = targetY;
   let w = width;
@@ -2320,15 +2342,8 @@ function blendColorPixelData(dst, color, opts) {
   let mIdx = (my + dy) * mPitch + (mx + dx);
   const dStride = dw - actualW;
   const mStride = mPitch - actualW;
-  const baseSrcColor = color;
-  const baseSrcAlpha = baseSrcColor >>> 24;
   for (let iy = 0; iy < actualH; iy++) {
     for (let ix = 0; ix < actualW; ix++) {
-      if (baseSrcAlpha === 0) {
-        dIdx++;
-        mIdx++;
-        continue;
-      }
       let weight = globalAlpha;
       if (mask) {
         const mVal = mask[mIdx];
@@ -2361,20 +2376,20 @@ function blendColorPixelData(dst, color, opts) {
           continue;
         }
       }
-      let currentSrcAlpha = baseSrcAlpha;
-      let currentSrcColor = baseSrcColor;
+      let currentSrcColor = color;
       if (weight < 255) {
+        let currentSrcAlpha = baseSrcAlpha;
         if (baseSrcAlpha === 255) {
           currentSrcAlpha = weight;
         } else {
           currentSrcAlpha = baseSrcAlpha * weight + 128 >> 8;
         }
-        if (currentSrcAlpha === 0) {
+        if (!isOverwrite && currentSrcAlpha === 0) {
           dIdx++;
           mIdx++;
           continue;
         }
-        currentSrcColor = (baseSrcColor & 16777215 | currentSrcAlpha << 24) >>> 0;
+        currentSrcColor = (color & 16777215 | currentSrcAlpha << 24) >>> 0;
       }
       dst32[dIdx] = blendFn(currentSrcColor, dst32[dIdx]);
       dIdx++;
@@ -2449,11 +2464,12 @@ function blendPixelData(dst, src, opts) {
   const dStride = dw - actualW;
   const sStride = sw - actualW;
   const mStride = mPitch - actualW;
+  const isOverwrite = blendFn.isOverwrite;
   for (let iy = 0; iy < actualH; iy++) {
     for (let ix = 0; ix < actualW; ix++) {
       const baseSrcColor = src32[sIdx];
       const baseSrcAlpha = baseSrcColor >>> 24;
-      if (baseSrcAlpha === 0) {
+      if (baseSrcAlpha === 0 && !isOverwrite) {
         dIdx++;
         sIdx++;
         mIdx++;
@@ -2494,15 +2510,15 @@ function blendPixelData(dst, src, opts) {
           continue;
         }
       }
-      let currentSrcAlpha = baseSrcAlpha;
       let currentSrcColor = baseSrcColor;
       if (weight < 255) {
+        let currentSrcAlpha = baseSrcAlpha;
         if (baseSrcAlpha === 255) {
           currentSrcAlpha = weight;
         } else {
           currentSrcAlpha = baseSrcAlpha * weight + 128 >> 8;
         }
-        if (currentSrcAlpha === 0) {
+        if (!isOverwrite && currentSrcAlpha === 0) {
           dIdx++;
           sIdx++;
           mIdx++;
@@ -2754,6 +2770,7 @@ function rotateSquareInPlace(pixelData) {
   linearLightPerfect,
   makePixelCanvas,
   makeReusableCanvas,
+  makeReusableImageData,
   mergeMasks,
   multiplyFast,
   multiplyPerfect,