@nkzw/palette-swap 4.0.0 → 4.0.1

package/README.md

@@ -71,6 +71,8 @@ for (const canvas of paletteSwap(image, variants).values()) {
 
 Modern bundlers select the `browser` export automatically. The browser fallback also supports bundlers using the `browser` field. Each entry point has matching TypeScript declarations. With TypeScript's `bundler` module resolution, set `customConditions: ["browser"]` to select the browser declarations explicitly.
 
+The browser build also accepts `ImageData`. Read pixels once with `getImageData()` and reuse them across calls when generating variants in batches.
+
 ### Migrating from node-canvas
 
 Browser callers keep the same API. Node.js callers should create and load images using `@napi-rs/canvas` instead of `canvas`, and use `canvas.toBuffer('image/png')` to encode results. Returned Node canvases are `@napi-rs/canvas` objects; native objects from the old `canvas` package are not interchangeable.

package/lib/browser.d.ts

@@ -1,9 +1,7 @@
-import { n as HSL, r as VariantName, t as HEX } from "./palette-swap-BQyCssvL.js";
-//#region src/browser.d.ts
+import { n as HSL, r as VariantName, t as HEX } from "./palette-swap-CpUFcX2w.js";
 export type Image = HTMLImageElement | HTMLCanvasElement | ImageBitmap | OffscreenCanvas;
-declare const _default: (image: Image, inputVariants: ReadonlyMap<VariantName, ReadonlyMap<HEX, HEX> | number>, staticColors?: Set<HEX> | null, images?: ReadonlyMap<VariantName, Image> | null | undefined, options?: {
+declare const _default: (image: ImageData | Image, inputVariants: ReadonlyMap<VariantName, ReadonlyMap<HEX, HEX> | number>, staticColors?: Set<HEX> | null, images?: ReadonlyMap<VariantName, ImageData | Image> | null | undefined, options?: {
   imageName?: string;
   ignoreMissing?: boolean;
 } | undefined) => ReadonlyMap<VariantName, HTMLCanvasElement>;
-//#endregion
 export { type HEX, type HSL, type VariantName, _default as default };

package/lib/browser.js

@@ -1,14 +1,22 @@
-import { t as createPaletteSwap } from "./palette-swap-D-ZznABu.js";
-//#region src/browser.ts
+import { t as createPaletteSwap } from "./palette-swap-DnkKCKpC.js";
+// src/browser.ts
 var browser_default = createPaletteSwap({
 	readImage(image, width = image.width, height = image.height) {
+		const isImageData = image instanceof ImageData;
+		if (isImageData && image.width === width && image.height === height && image.colorSpace === "srgb" && image.data.BYTES_PER_ELEMENT === 1) return image;
 		const canvas = document.createElement("canvas");
 		canvas.width = image.width;
 		canvas.height = image.height;
-		const context = canvas.getContext("2d");
-		if (!context) throw new Error("paletteSwap: Could not create a canvas context.");
-		context.drawImage(image, 0, 0);
-		return context.getImageData(0, 0, width, height);
+		try {
+			const context = canvas.getContext("2d");
+			if (!context) throw new Error("paletteSwap: Could not create a canvas context.");
+			if (isImageData) context.putImageData(image, 0, 0);
+			else context.drawImage(image, 0, 0);
+			return context.getImageData(0, 0, width, height);
+		} finally {
+			canvas.width = 0;
+			canvas.height = 0;
+		}
 	},
 	writeImage({ data, height, width }) {
 		const canvas = document.createElement("canvas");
@@ -20,5 +28,4 @@ var browser_default = createPaletteSwap({
 		return canvas;
 	}
 });
-//#endregion
 export { browser_default as default };

package/lib/node.d.ts

@@ -1,10 +1,8 @@
-import { n as HSL, r as VariantName, t as HEX } from "./palette-swap-BQyCssvL.js";
+import { n as HSL, r as VariantName, t as HEX } from "./palette-swap-CpUFcX2w.js";
 import { Canvas, Image as Image$1 } from "@napi-rs/canvas";
-//#region src/node.d.ts
 export type Image = Image$1 | Canvas;
 declare const _default: (image: Image, inputVariants: ReadonlyMap<VariantName, ReadonlyMap<HEX, HEX> | number>, staticColors?: Set<HEX> | null, images?: ReadonlyMap<VariantName, Image> | null | undefined, options?: {
   imageName?: string;
   ignoreMissing?: boolean;
 } | undefined) => ReadonlyMap<VariantName, Canvas>;
-//#endregion
 export { type HEX, type HSL, type VariantName, _default as default };

package/lib/node.js

@@ -1,6 +1,6 @@
-import { t as createPaletteSwap } from "./palette-swap-D-ZznABu.js";
+import { t as createPaletteSwap } from "./palette-swap-DnkKCKpC.js";
 import { ImageData, createCanvas } from "@napi-rs/canvas";
-//#region src/node.ts
+// src/node.ts
 var node_default = createPaletteSwap({
 	readImage(image, width = image.width, height = image.height) {
 		const context = createCanvas(image.width, image.height).getContext("2d");
@@ -13,5 +13,4 @@ var node_default = createPaletteSwap({
 		return canvas;
 	}
 });
-//#endregion
 export { node_default as default };

package/lib/{palette-swap-BQyCssvL.d.ts → palette-swap-CpUFcX2w.d.ts}

@@ -1,6 +1,4 @@
-//#region src/palette-swap.d.ts
 type HEX = `#${string}`;
 type HSL = [hue: number, saturation: number, lightness: number];
 type VariantName = number | string;
-//#endregion
 export { HSL as n, VariantName as r, HEX as t };

package/lib/{palette-swap-D-ZznABu.js → palette-swap-DnkKCKpC.js}

@@ -1,4 +1,4 @@
-//#region src/palette-swap.ts
+// src/palette-swap.ts
 const hexToUint32LE = (hex) => {
 	const n = Number.parseInt(hex.slice(1), 16) & 16777215;
 	const [r, g, b] = int32ToRgb(n);
@@ -195,5 +195,4 @@ function createPaletteSwap({ readImage, writeImage }) {
 		return results;
 	};
 }
-//#endregion
 export { createPaletteSwap as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nkzw/palette-swap",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "Image palette swapping and color replacement tool based on canvas for Node.js and browsers.",
   "keywords": [
     "canvas",
@@ -31,14 +31,21 @@
     }
   },
   "dependencies": {
-    "@napi-rs/canvas": "^1.0.9"
+    "@napi-rs/canvas": "^1.1.0"
   },
   "devDependencies": {
-    "@types/node": "^25.9.7",
-    "playwright": "^1.63.0",
-    "tsdown": "^0.23.0",
+    "@types/node": "^26.6.6",
+    "playwright": "^1.65.0",
+    "tsdown": "^0.23.7",
     "typescript": "^7.0.2",
-    "vitest": "^5.0.1"
+    "vitest": "^5.1.0"
+  },
+  "devEngines": {
+    "packageManager": {
+      "name": "pnpm",
+      "version": "12.18.0",
+      "onFail": "download"
+    }
   },
   "engines": {
     "node": ">=22.0.0"

package/.gitignore

@@ -1,2 +0,0 @@
-lib
-node_modules

package/.npmignore

@@ -1,6 +0,0 @@
-example
-lib/tsconfig.tsbuildinfo
-pnpm-lock.yaml
-src
-tsconfig.json
-tsdown.config.ts