pixel-data-js 0.10.1 → 0.11.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pixel-data-js",
   "type": "module",
-  "version": "0.10.1",
+  "version": "0.11.1",
   "packageManager": "pnpm@10.30.0",
   "description": "JS Pixel and ImageData operations",
   "author": {

package/src/ImageData/resampleImageData.ts

@@ -2,34 +2,16 @@
  * Resamples ImageData by a specific factor.
  * Factor > 1 upscales, Factor < 1 downscales.
  */
-export function resampleImageData(
-  source: ImageData,
-  factor: number,
-): ImageData {
-  const srcW = source.width
-  const srcH = source.height
-  const dstW = Math.max(1, (srcW * factor) | 0)
-  const dstH = Math.max(1, (srcH * factor) | 0)
-  const srcData = source.data
-  const dstData = new Uint8ClampedArray(dstW * dstH * 4)
+import { resample32 } from '../Internal/resample32'
 
-  for (let y = 0; y < dstH; y++) {
-    const srcY = (y / factor) | 0
-    const srcRowOffset = srcY * srcW * 4
-    const dstRowOffset = y * dstW * 4
-
-    for (let x = 0; x < dstW; x++) {
-      const srcX = (x / factor) | 0
-      const srcIdx = srcRowOffset + srcX * 4
-      const dstIdx = dstRowOffset + x * 4
-
-      // Copy RGBA channels
-      dstData[dstIdx] = srcData[srcIdx]!
-      dstData[dstIdx + 1] = srcData[srcIdx + 1]!
-      dstData[dstIdx + 2] = srcData[srcIdx + 2]!
-      dstData[dstIdx + 3] = srcData[srcIdx + 3]!
-    }
-  }
+/**
+ * Resamples ImageData by a specific factor.
+ * Factor > 1 upscales, Factor < 1 downscales.
+ */
+export function resampleImageData(source: ImageData, factor: number): ImageData {
+  const src32 = new Uint32Array(source.data.buffer)
+  const { data, width, height } = resample32(src32, source.width, source.height, factor)
 
-  return new ImageData(dstData, dstW, dstH)
+  const uint8ClampedArray = new Uint8ClampedArray(data.buffer) as Uint8ClampedArray<ArrayBuffer>
+  return new ImageData(uint8ClampedArray, width, height)
 }

package/src/ImageData/serialization.ts

@@ -1,8 +1,11 @@
 import type { Base64EncodedUInt8Array, ImageDataLike, SerializedImageData } from '../_types'
 
 export function base64EncodeArrayBuffer(buffer: ArrayBufferLike): Base64EncodedUInt8Array {
-  const binary = String.fromCharCode(...new Uint8Array(buffer))
-  return btoa(binary) as Base64EncodedUInt8Array
+  const uint8 = new Uint8Array(buffer);
+  const decoder = new TextDecoder('latin1');
+  const binary = decoder.decode(uint8);
+
+  return btoa(binary) as Base64EncodedUInt8Array;
 }
 
 export function base64DecodeArrayBuffer(encoded: Base64EncodedUInt8Array): Uint8ClampedArray<ArrayBuffer> {

package/src/IndexedImage/resampleIndexedImage.ts

@@ -1,4 +1,9 @@
+/**
+ * Resamples an IndexedImage by a specific factor using nearest neighbor
+ * Factor > 1 upscales, Factor < 1 downscales.
+ */
 import type { IndexedImage } from '../index'
+import { resample32 } from '../Internal/resample32'
 
 /**
  * Resamples an IndexedImage by a specific factor using nearest neighbor
@@ -8,28 +13,18 @@ export function resampleIndexedImage(
   source: IndexedImage,
   factor: number,
 ): IndexedImage {
-  const srcW = source.width
-  const srcH = source.height
-  const dstW = srcW * factor
-  const dstH = srcH * factor
-  const srcData = source.data
-  const dstData = new Int32Array(dstW * dstH)
-
-  for (let y = 0; y < dstH; y++) {
-    const srcY = (y / factor) | 0
-    const rowOffset = srcY * srcW
-    const dstOffset = y * dstW
 
-    for (let x = 0; x < dstW; x++) {
-      const srcX = (x / factor) | 0
-      dstData[dstOffset + x] = srcData[rowOffset + srcX]!
-    }
-  }
+  const { data, width, height } = resample32(
+    source.data,
+    source.width,
+    source.height,
+    factor,
+  )
 
   return {
-    width: dstW,
-    height: dstH,
-    data: dstData,
+    width,
+    height,
+    data,
     palette: source.palette,
     transparentPalletIndex: source.transparentPalletIndex,
   }

package/src/Internal/resample32.ts

@@ -0,0 +1,40 @@
+const resample32Scratch = {
+  data: null as null | Int32Array,
+  width: 0,
+  height: 0,
+}
+
+type Resample32Result = { data: Int32Array; width: number; height: number }
+
+export function resample32(
+  srcData32: Uint32Array | Int32Array,
+  srcW: number,
+  srcH: number,
+  factor: number,
+): Resample32Result {
+  const dstW = Math.max(1, (srcW * factor) | 0)
+  const dstH = Math.max(1, (srcH * factor) | 0)
+  const dstData = new Int32Array(dstW * dstH)
+
+  // Use the reciprocal to map back precisely
+  const scaleX = srcW / dstW
+  const scaleY = srcH / dstH
+
+  for (let y = 0; y < dstH; y++) {
+    const srcY = Math.min(srcH - 1, (y * scaleY) | 0)
+    const srcRowOffset = srcY * srcW
+    const dstRowOffset = y * dstW
+
+    for (let x = 0; x < dstW; x++) {
+      const srcX = Math.min(srcW - 1, (x * scaleX) | 0)
+
+      dstData[dstRowOffset + x] = srcData32[srcRowOffset + srcX]!
+    }
+  }
+
+  resample32Scratch.data = dstData
+  resample32Scratch.width = dstW
+  resample32Scratch.height = dstH
+
+  return resample32Scratch as Resample32Result
+}

package/src/PixelData/resamplePixelData.ts

@@ -1,29 +1,23 @@
-import { PixelData } from '../index'
-
 /**
  * Resamples an PixelData by a specific factor using nearest neighbor
  * Factor > 1 upscales, Factor < 1 downscales.
  */
-export function resamplePixelData(pixelData: PixelData, factor: number): PixelData {
-  const dstW = Math.max(1, (pixelData.width * factor) | 0)
-  const dstH = Math.max(1, (pixelData.height * factor) | 0)
-  const dstBuffer = new Uint8ClampedArray(dstW * dstH * 4)
-  const dstData32 = new Uint32Array(dstBuffer.buffer)
-
-  for (let y = 0; y < dstH; y++) {
-    const srcY = (y / factor) | 0
-    const srcRowOffset = srcY * pixelData.width
-    const dstRowOffset = y * dstW
+import { PixelData } from '../index'
+import { resample32 } from '../Internal/resample32'
 
-    for (let x = 0; x < dstW; x++) {
-      const srcX = (x / factor) | 0
-      dstData32[dstRowOffset + x] = pixelData.data32[srcRowOffset + srcX]!
-    }
-  }
+/**
+ * Resamples PixelData by a specific factor using nearest neighbor.
+ * Factor > 1 upscales, Factor < 1 downscales.
+ */
+export function resamplePixelData(
+  pixelData: PixelData,
+  factor: number,
+): PixelData {
+  const { data, width, height } = resample32(pixelData.data32, pixelData.width, pixelData.height, factor)
 
   return new PixelData({
-    data: dstBuffer,
-    width: dstW,
-    height: dstH,
+    width,
+    height,
+    data: new Uint8ClampedArray(data.buffer),
   })
 }