pixel-data-js 0.1.0 → 0.3.0

package/dist/index.dev.cjs

@@ -21,22 +21,25 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   COLOR_32_BLEND_MODES: () => COLOR_32_BLEND_MODES,
+  MaskType: () => MaskType,
   base64DecodeArrayBuffer: () => base64DecodeArrayBuffer,
   base64EncodeArrayBuffer: () => base64EncodeArrayBuffer,
-  blendImageData: () => blendImageData,
+  blendPixelData: () => blendPixelData,
   color32ToCssRGBA: () => color32ToCssRGBA,
   color32ToHex: () => color32ToHex,
   colorBurnColor32: () => colorBurnColor32,
   colorDistance: () => colorDistance,
+  copyImageData: () => copyImageData,
+  copyImageDataLike: () => copyImageDataLike,
   deserializeImageData: () => deserializeImageData,
   deserializeNullableImageData: () => deserializeNullableImageData,
   deserializeRawImageData: () => deserializeRawImageData,
   differenceColor32: () => differenceColor32,
+  extractImageData: () => extractImageData,
   hardLightColor32: () => hardLightColor32,
   lerpColor32: () => lerpColor32,
   lerpColor32Fast: () => lerpColor32Fast,
   linearDodgeColor32: () => linearDodgeColor32,
-  makeImageDataColor32Adapter: () => makeImageDataColor32Adapter,
   multiplyColor32: () => multiplyColor32,
   overlayColor32: () => overlayColor32,
   packColor: () => packColor,
@@ -54,110 +57,14 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/color.ts
-function packColor(r, g, b, a) {
-  return (a << 24 | b << 16 | g << 8 | r) >>> 0;
-}
-function packRGBA({ r, g, b, a }) {
-  return (a << 24 | b << 16 | g << 8 | r) >>> 0;
-}
-var unpackRed = (packed) => packed >>> 0 & 255;
-var unpackGreen = (packed) => packed >>> 8 & 255;
-var unpackBlue = (packed) => packed >>> 16 & 255;
-var unpackAlpha = (packed) => packed >>> 24 & 255;
-function unpackColor(packed) {
-  return {
-    r: packed >>> 0 & 255,
-    g: packed >>> 8 & 255,
-    b: packed >>> 16 & 255,
-    a: packed >>> 24 & 255
-  };
-}
-var SCRATCH_RGBA = { r: 0, g: 0, b: 0, a: 0 };
-function unpackColorTo(packed, scratch = SCRATCH_RGBA) {
-  scratch.r = packed >>> 0 & 255;
-  scratch.g = packed >>> 8 & 255;
-  scratch.b = packed >>> 16 & 255;
-  scratch.a = packed >>> 24 & 255;
-  return scratch;
-}
-function colorDistance(a, b) {
-  const dr = (a & 255) - (b & 255);
-  const dg = (a >>> 8 & 255) - (b >>> 8 & 255);
-  const db = (a >>> 16 & 255) - (b >>> 16 & 255);
-  const da = (a >>> 24 & 255) - (b >>> 24 & 255);
-  return dr * dr + dg * dg + db * db + da * da;
-}
-function lerpColor32(a, b, t) {
-  const r = (a & 255) + t * ((b & 255) - (a & 255));
-  const g = (a >>> 8 & 255) + t * ((b >>> 8 & 255) - (a >>> 8 & 255));
-  const b_ = (a >>> 16 & 255) + t * ((b >>> 16 & 255) - (a >>> 16 & 255));
-  const a_ = (a >>> 24 & 255) + t * ((b >>> 24 & 255) - (a >>> 24 & 255));
-  return (a_ << 24 | b_ << 16 | g << 8 | r) >>> 0;
-}
-function lerpColor32Fast(src, dst, w) {
-  const invA = 255 - w;
-  const rb = (src & 16711935) * w + (dst & 16711935) * invA >>> 8 & 16711935;
-  const ga = (src >>> 8 & 16711935) * w + (dst >>> 8 & 16711935) * invA >>> 8 & 16711935;
-  return (rb | ga << 8) >>> 0;
-}
-function color32ToHex(color) {
-  const r = (color & 255).toString(16).padStart(2, "0");
-  const g = (color >>> 8 & 255).toString(16).padStart(2, "0");
-  const b = (color >>> 16 & 255).toString(16).padStart(2, "0");
-  const a = (color >>> 24 & 255).toString(16).padStart(2, "0");
-  return `#${r}${g}${b}${a}`;
-}
-function color32ToCssRGBA(color) {
-  const r = color & 255;
-  const g = color >>> 8 & 255;
-  const b = color >>> 16 & 255;
-  const a = color >>> 24 & 255;
-  const alpha = Number((a / 255).toFixed(3));
-  return `rgba(${r},${g},${b},${alpha})`;
-}
+// src/_types.ts
+var MaskType = /* @__PURE__ */ ((MaskType2) => {
+  MaskType2[MaskType2["ALPHA"] = 0] = "ALPHA";
+  MaskType2[MaskType2["BINARY"] = 1] = "BINARY";
+  return MaskType2;
+})(MaskType || {});
 
-// src/ImageData/serialization.ts
-function base64EncodeArrayBuffer(buffer) {
-  const binary = String.fromCharCode(...new Uint8Array(buffer));
-  return btoa(binary);
-}
-function base64DecodeArrayBuffer(encoded) {
-  const binary = atob(encoded);
-  const bytes = new Uint8ClampedArray(binary.length);
-  for (let i = 0; i < binary.length; i++) {
-    bytes[i] = binary.charCodeAt(i);
-  }
-  return bytes;
-}
-function serializeImageData(imageData) {
-  return {
-    width: imageData.width,
-    height: imageData.height,
-    data: base64EncodeArrayBuffer(imageData.data.buffer)
-  };
-}
-function serializeNullableImageData(imageData) {
-  if (!imageData) return null;
-  return serializeImageData(imageData);
-}
-function deserializeRawImageData(serialized) {
-  return {
-    width: serialized.width,
-    height: serialized.height,
-    data: base64DecodeArrayBuffer(serialized.data)
-  };
-}
-function deserializeImageData(serialized) {
-  const data = base64DecodeArrayBuffer(serialized.data);
-  return new ImageData(data, serialized.width, serialized.height);
-}
-function deserializeNullableImageData(serialized) {
-  if (!serialized) return null;
-  return deserializeImageData(serialized);
-}
-
-// src/ImageData/blend-modes.ts
+// src/blend-modes.ts
 var sourceOverColor32 = (src, dst) => {
   const a = src >>> 24 & 255;
   if (a === 255) return src;
@@ -293,118 +200,301 @@ var COLOR_32_BLEND_MODES = {
   colorBurn: colorBurnColor32
 };
 
-// src/ImageData/blit.ts
-function blendImageData(dst, src, opts) {
-  let {
-    dx = 0,
-    dy = 0,
-    sx = 0,
-    sy = 0,
-    sw = src.width,
-    sh = src.height,
-    maskMode = "alpha",
-    opacity = 1,
-    alpha,
+// src/color.ts
+function packColor(r, g, b, a) {
+  return (a << 24 | b << 16 | g << 8 | r) >>> 0;
+}
+function packRGBA({ r, g, b, a }) {
+  return (a << 24 | b << 16 | g << 8 | r) >>> 0;
+}
+var unpackRed = (packed) => packed >>> 0 & 255;
+var unpackGreen = (packed) => packed >>> 8 & 255;
+var unpackBlue = (packed) => packed >>> 16 & 255;
+var unpackAlpha = (packed) => packed >>> 24 & 255;
+function unpackColor(packed) {
+  return {
+    r: packed >>> 0 & 255,
+    g: packed >>> 8 & 255,
+    b: packed >>> 16 & 255,
+    a: packed >>> 24 & 255
+  };
+}
+var SCRATCH_RGBA = { r: 0, g: 0, b: 0, a: 0 };
+function unpackColorTo(packed, scratch = SCRATCH_RGBA) {
+  scratch.r = packed >>> 0 & 255;
+  scratch.g = packed >>> 8 & 255;
+  scratch.b = packed >>> 16 & 255;
+  scratch.a = packed >>> 24 & 255;
+  return scratch;
+}
+function colorDistance(a, b) {
+  const dr = (a & 255) - (b & 255);
+  const dg = (a >>> 8 & 255) - (b >>> 8 & 255);
+  const db = (a >>> 16 & 255) - (b >>> 16 & 255);
+  const da = (a >>> 24 & 255) - (b >>> 24 & 255);
+  return dr * dr + dg * dg + db * db + da * da;
+}
+function lerpColor32(a, b, t) {
+  const r = (a & 255) + t * ((b & 255) - (a & 255));
+  const g = (a >>> 8 & 255) + t * ((b >>> 8 & 255) - (a >>> 8 & 255));
+  const b_ = (a >>> 16 & 255) + t * ((b >>> 16 & 255) - (a >>> 16 & 255));
+  const a_ = (a >>> 24 & 255) + t * ((b >>> 24 & 255) - (a >>> 24 & 255));
+  return (a_ << 24 | b_ << 16 | g << 8 | r) >>> 0;
+}
+function lerpColor32Fast(src, dst, w) {
+  const invA = 255 - w;
+  const rb = (src & 16711935) * w + (dst & 16711935) * invA >>> 8 & 16711935;
+  const ga = (src >>> 8 & 16711935) * w + (dst >>> 8 & 16711935) * invA >>> 8 & 16711935;
+  return (rb | ga << 8) >>> 0;
+}
+function color32ToHex(color) {
+  const r = (color & 255).toString(16).padStart(2, "0");
+  const g = (color >>> 8 & 255).toString(16).padStart(2, "0");
+  const b = (color >>> 16 & 255).toString(16).padStart(2, "0");
+  const a = (color >>> 24 & 255).toString(16).padStart(2, "0");
+  return `#${r}${g}${b}${a}`;
+}
+function color32ToCssRGBA(color) {
+  const r = color & 255;
+  const g = color >>> 8 & 255;
+  const b = color >>> 16 & 255;
+  const a = color >>> 24 & 255;
+  const alpha = Number((a / 255).toFixed(3));
+  return `rgba(${r},${g},${b},${alpha})`;
+}
+
+// src/ImageData/copyImageData.ts
+function copyImageData({ data, width, height }) {
+  return new ImageData(data.slice(), width, height);
+}
+function copyImageDataLike({ data, width, height }) {
+  return {
+    data: data.slice(),
+    width,
+    height
+  };
+}
+
+// src/ImageData/extractImageData.ts
+function extractImageData(imageData, _x, _y, _w, _h) {
+  const { x, y, w, h } = typeof _x === "object" ? _x : { x: _x, y: _y, w: _w, h: _h };
+  const { width: srcW, height: srcH, data: src } = imageData;
+  if (w <= 0 || h <= 0) return new Uint8ClampedArray(0);
+  const out = new Uint8ClampedArray(w * h * 4);
+  const x0 = Math.max(0, x);
+  const y0 = Math.max(0, y);
+  const x1 = Math.min(srcW, x + w);
+  const y1 = Math.min(srcH, y + h);
+  if (x1 <= x0 || y1 <= y0) return out;
+  for (let row = 0; row < y1 - y0; row++) {
+    const srcRow = y0 + row;
+    const srcStart = (srcRow * srcW + x0) * 4;
+    const rowLen = (x1 - x0) * 4;
+    const dstRow = y0 - y + row;
+    const dstCol = x0 - x;
+    const dstStart = (dstRow * w + dstCol) * 4;
+    out.set(src.subarray(srcStart, srcStart + rowLen), dstStart);
+  }
+  return out;
+}
+
+// src/ImageData/serialization.ts
+function base64EncodeArrayBuffer(buffer) {
+  const binary = String.fromCharCode(...new Uint8Array(buffer));
+  return btoa(binary);
+}
+function base64DecodeArrayBuffer(encoded) {
+  const binary = atob(encoded);
+  const bytes = new Uint8ClampedArray(binary.length);
+  for (let i = 0; i < binary.length; i++) {
+    bytes[i] = binary.charCodeAt(i);
+  }
+  return bytes;
+}
+function serializeImageData(imageData) {
+  return {
+    width: imageData.width,
+    height: imageData.height,
+    data: base64EncodeArrayBuffer(imageData.data.buffer)
+  };
+}
+function serializeNullableImageData(imageData) {
+  if (!imageData) return null;
+  return serializeImageData(imageData);
+}
+function deserializeRawImageData(serialized) {
+  return {
+    width: serialized.width,
+    height: serialized.height,
+    data: base64DecodeArrayBuffer(serialized.data)
+  };
+}
+function deserializeImageData(serialized) {
+  const data = base64DecodeArrayBuffer(serialized.data);
+  return new ImageData(data, serialized.width, serialized.height);
+}
+function deserializeNullableImageData(serialized) {
+  if (!serialized) return null;
+  return deserializeImageData(serialized);
+}
+
+// src/PixelData/blendPixelData.ts
+function blendPixelData(dst, src, opts) {
+  const {
+    x: targetX = 0,
+    y: targetY = 0,
+    sx: sourceX = 0,
+    sy: sourceY = 0,
+    w: width = src.width,
+    h: height = src.height,
+    alpha: globalAlpha = 255,
     blendFn = sourceOverColor32,
-    mask
+    mask,
+    maskType = 0 /* ALPHA */,
+    mw,
+    mx = 0,
+    my = 0,
+    invertMask = false
   } = opts;
+  if (globalAlpha === 0) return;
+  let x = targetX;
+  let y = targetY;
+  let sx = sourceX;
+  let sy = sourceY;
+  let w = width;
+  let h = height;
   if (sx < 0) {
-    dx -= sx;
-    sw += sx;
+    x -= sx;
+    w += sx;
     sx = 0;
   }
   if (sy < 0) {
-    dy -= sy;
-    sh += sy;
+    y -= sy;
+    h += sy;
     sy = 0;
   }
-  sw = Math.min(sw, src.width - sx);
-  sh = Math.min(sh, src.height - sy);
-  if (dx < 0) {
-    sx -= dx;
-    sw += dx;
-    dx = 0;
+  w = Math.min(w, src.width - sx);
+  h = Math.min(h, src.height - sy);
+  if (x < 0) {
+    sx -= x;
+    w += x;
+    x = 0;
   }
-  if (dy < 0) {
-    sy -= dy;
-    sh += dy;
-    dy = 0;
+  if (y < 0) {
+    sy -= y;
+    h += y;
+    y = 0;
   }
-  const actualW = Math.min(sw, dst.width - dx);
-  const actualH = Math.min(sh, dst.height - dy);
+  const actualW = Math.min(w, dst.width - x);
+  const actualH = Math.min(h, dst.height - y);
   if (actualW <= 0 || actualH <= 0) return;
-  const dst32 = new Uint32Array(dst.data.buffer);
-  const src32 = new Uint32Array(src.data.buffer);
+  const dst32 = dst.data32;
+  const src32 = src.data32;
   const dw = dst.width;
-  const sw_orig = src.width;
-  const gAlpha = alpha !== void 0 ? alpha | 0 : Math.round(opacity * 255);
-  const maskIsAlpha = maskMode === "alpha";
+  const sw = src.width;
+  const mPitch = mw ?? width;
+  const isAlphaMask = maskType === 0 /* ALPHA */;
+  const dx = x - targetX;
+  const dy = y - targetY;
+  let dIdx = y * dw + x;
+  let sIdx = sy * sw + sx;
+  let mIdx = (my + dy) * mPitch + (mx + dx);
+  const dStride = dw - actualW;
+  const sStride = sw - actualW;
+  const mStride = mPitch - actualW;
   for (let iy = 0; iy < actualH; iy++) {
-    const dRow = (iy + dy) * dw;
-    const sRow = (iy + sy) * sw_orig;
     for (let ix = 0; ix < actualW; ix++) {
-      const di = dRow + (ix + dx);
-      const si = sRow + (ix + sx);
-      let s = src32[si];
-      let sa = s >>> 24 & 255;
-      if (sa === 0) continue;
-      let activeWeight = gAlpha;
+      const baseSrcColor = src32[sIdx];
+      const baseSrcAlpha = baseSrcColor >>> 24;
+      if (baseSrcAlpha === 0) {
+        dIdx++;
+        sIdx++;
+        mIdx++;
+        continue;
+      }
+      let weight = globalAlpha;
       if (mask) {
-        const m = mask[si];
-        if (m === 0) continue;
-        activeWeight = maskIsAlpha ? m * activeWeight + 128 >> 8 : activeWeight;
+        const mVal = mask[mIdx];
+        if (isAlphaMask) {
+          const effectiveM = invertMask ? 255 - mVal : mVal;
+          if (effectiveM === 0) {
+            dIdx++;
+            sIdx++;
+            mIdx++;
+            continue;
+          }
+          if (globalAlpha === 255) {
+            weight = effectiveM;
+          } else if (effectiveM === 255) {
+            weight = globalAlpha;
+          } else {
+            weight = effectiveM * globalAlpha + 128 >> 8;
+          }
+        } else {
+          const isHit = invertMask ? mVal === 0 : mVal === 1;
+          if (!isHit) {
+            dIdx++;
+            sIdx++;
+            mIdx++;
+            continue;
+          }
+          weight = globalAlpha;
+        }
+        if (weight === 0) {
+          dIdx++;
+          sIdx++;
+          mIdx++;
+          continue;
+        }
       }
-      if (activeWeight < 255) {
-        sa = sa * activeWeight + 128 >> 8;
+      let currentSrcAlpha = baseSrcAlpha;
+      let currentSrcColor = baseSrcColor;
+      if (weight < 255) {
+        if (baseSrcAlpha === 255) {
+          currentSrcAlpha = weight;
+        } else {
+          currentSrcAlpha = baseSrcAlpha * weight + 128 >> 8;
+        }
+        if (currentSrcAlpha === 0) {
+          dIdx++;
+          sIdx++;
+          mIdx++;
+          continue;
+        }
+        currentSrcColor = (baseSrcColor & 16777215 | currentSrcAlpha << 24) >>> 0;
       }
-      if (sa === 0) continue;
-      s = (s & 16777215 | sa << 24) >>> 0;
-      dst32[di] = blendFn(s, dst32[di]);
+      dst32[dIdx] = blendFn(currentSrcColor, dst32[dIdx]);
+      dIdx++;
+      sIdx++;
+      mIdx++;
     }
+    dIdx += dStride;
+    sIdx += sStride;
+    mIdx += mStride;
   }
 }
-
-// src/ImageData/read-write-pixels.ts
-function makeImageDataColor32Adapter(imageData) {
-  const data32 = new Uint32Array(imageData.data.buffer);
-  function inBounds(x, y) {
-    return x < 0 || x >= imageData.width || y < 0 || y >= imageData.height;
-  }
-  function setPixel(x, y, color) {
-    if (x < 0 || x >= imageData.width || y < 0 || y >= imageData.height) return;
-    data32[y * imageData.width + x] = color;
-  }
-  function getPixel(x, y) {
-    if (x < 0 || x >= imageData.width || y < 0 || y >= imageData.height) return;
-    return data32[y * imageData.width + x];
-  }
-  return {
-    inBounds,
-    imageData,
-    data32,
-    setPixel,
-    getPixel
-  };
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   COLOR_32_BLEND_MODES,
+  MaskType,
   base64DecodeArrayBuffer,
   base64EncodeArrayBuffer,
-  blendImageData,
+  blendPixelData,
   color32ToCssRGBA,
   color32ToHex,
   colorBurnColor32,
   colorDistance,
+  copyImageData,
+  copyImageDataLike,
   deserializeImageData,
   deserializeNullableImageData,
   deserializeRawImageData,
   differenceColor32,
+  extractImageData,
   hardLightColor32,
   lerpColor32,
   lerpColor32Fast,
   linearDodgeColor32,
-  makeImageDataColor32Adapter,
   multiplyColor32,
   overlayColor32,
   packColor,