wasm-image-optimization 1.1.7 → 1.1.9

package/README.md

@@ -1,23 +1,57 @@
 # wasm-image-optimization
 
+## Supported Environments
+
 - Cloudflare workers  
   `import { optimizeImage } from 'wasm-image-optimization';`
-- Next.js(Webpack)  
+- Next.js (Webpack)  
   `import { optimizeImage } from 'wasm-image-optimization/next';`
-- ESM(import base) & Deno Deploy  
-  `import { optimizeImage } from 'wasm-image-optimization/esm';`
-- CJS(file base)  
-  `import { optimizeImage } from 'wasm-image-optimization/node';`
-- Vite(Browser)  
+- ESM (import base) & Deno Deploy  
+  `import { optimizeImage } from 'wasm-image-optimization';`
+- CJS (file base)  
+  `import { optimizeImage } from 'wasm-image-optimization';`
+- Vite (Browser)  
   `import { optimizeImage } from 'wasm-image-optimization/vite';`
+- Web Worker (Browser) Multi process  
+  `import { optimizeImage } from 'wasm-image-optimization/webworker';`
+
+## WebWorker on Vite
+
+- vite.config.ts
+
+```ts
+import wasmImageOptimizationPlugin from "wasm-image-optimization/vite-plugin";
+
+export default defineConfig(() => ({
+  plugins: [wasmImageOptimizationPlugin()],
+}));
+```
 
-- function
+## function
 
 ```ts
-// quality: 1-100
-optimizeImage({image: ArrayBuffer, width?: number, height?:number,quality?: number,format?: "png" | "jpeg" | "avif" | "webp"}): Promise<ArrayBuffer>
 
-optimizeImageExt({image: ArrayBuffer, width?: number, height?:number,quality?: number,format?: "png" | "jpeg" | "avif" | "webp"}): Promise<{data: Uint8Array;originalWidth: number;originalHeight: number; width: number;height: number;}>
+optimizeImage({
+  image: ArrayBuffer,
+  width?: number,
+  height?:number,
+  quality?: number, // quality: 1-100
+  format?: "png" | "jpeg" | "avif" | "webp"})
+    :Promise<
+      ArrayBuffer>
+
+optimizeImageExt({
+  image: ArrayBuffer,
+  width?: number,
+  height?:number,
+  quality?: number,
+  format?: "png" | "jpeg" | "avif" | "webp"})
+    :Promise<{
+      data: Uint8Array;
+      originalWidth: number;
+      originalHeight: number;
+      width: number;
+      height: number;}>
 
 ```
 
@@ -33,9 +67,9 @@ optimizeImageExt({image: ArrayBuffer, width?: number, height?:number,quality?: n
   - webp
   - avif(default)
 
-# usage
+## usage
 
-## Next.js image optimization with Cloudflare
+### Next.js image optimization with Cloudflare
 
 ```ts
 import { optimizeImage } from "wasm-image-optimization";
@@ -155,9 +189,9 @@ const config = {
 export default config;
 ```
 
-## Deno Deploy
+### Deno Deploy
 
-### Parameters
+#### Parameters
 
 | Name | Type   | Description |
 | ---- | ------ | ----------- |

package/dist/cjs/lib/optimizeImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"optimizeImage.js","sourceRoot":"","sources":["../../../src/lib/optimizeImage.ts"],"names":[],"mappings":";;;AAUA,MAAM,MAAM,GAAG,CACb,MAAsD,EACtD,aAAyB,EACzB,EAAE;IACF,MAAM,CAAC,GAAG,MAAM;QACd,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;QACnD,CAAC,CAAC,SAAS,CAAC;IACd,aAAa,EAAE,CAAC;IAChB,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACK,MAAM,cAAc,GAAG,KAAK,EAAE,EACnC,KAAK,EACL,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,OAAO,GAAG,GAAG,EACb,MAAM,GAAG,MAAM,EACf,QAAQ,GAGT,EAAE,EAAE,CACH,IAAA,yBAAiB,EAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,CACzE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,CACf,CAAC;AAZS,QAAA,cAAc,kBAYvB;AAEG,MAAM,iBAAiB,GAAG,KAAK,EAAE,EACtC,KAAK,EACL,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,OAAO,GAAG,GAAG,EACb,MAAM,GAAG,MAAM,EACf,QAAQ,GAGT,EAAE,EAAE,CACH,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE,CAC5C,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,CAAC,CACvE,CAAC;AAZS,QAAA,iBAAiB,qBAY1B","sourcesContent":["import { type ModuleType } from \"../esm/libImage.js\";\n\nexport type OptimizeParams = {\n  image: BufferSource | string; // The input image data\n  width?: number; // The desired output width (optional)\n  height?: number; // The desired output height (optional)\n  quality?: number; // The desired output quality (0-100, optional)\n  format?: \"jpeg\" | \"png\" | \"webp\" | \"avif\"; // The desired output format (optional)\n};\n\nconst result = (\n  result: ReturnType<ModuleType[\"optimize\"]> | undefined,\n  releaseResult: () => void\n) => {\n  const r = result\n    ? { ...result, data: Uint8Array.from(result.data) }\n    : undefined;\n  releaseResult();\n  return r;\n};\nexport const _optimizeImage = async ({\n  image,\n  width = 0,\n  height = 0,\n  quality = 100,\n  format = \"avif\",\n  libImage,\n}: OptimizeParams & {\n  libImage: Promise<ModuleType>;\n}) =>\n  _optimizeImageExt({ image, width, height, quality, format, libImage }).then(\n    (r) => r?.data\n  );\n\nexport const _optimizeImageExt = async ({\n  image,\n  width = 0,\n  height = 0,\n  quality = 100,\n  format = \"avif\",\n  libImage,\n}: OptimizeParams & {\n  libImage: Promise<ModuleType>;\n}) =>\n  libImage.then(({ optimize, releaseResult }) =>\n    result(optimize(image, width, height, quality, format), releaseResult)\n  );\n"]}
+{"version":3,"file":"optimizeImage.js","sourceRoot":"","sources":["../../../src/lib/optimizeImage.ts"],"names":[],"mappings":";;;AAUA,MAAM,MAAM,GAAG,CACb,MAAsD,EACtD,aAAyB,EACzB,EAAE;IACF,MAAM,CAAC,GAAG,MAAM;QACd,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;QACnD,CAAC,CAAC,SAAS,CAAC;IACd,aAAa,EAAE,CAAC;IAChB,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACK,MAAM,cAAc,GAAG,KAAK,EAAE,EACnC,KAAK,EACL,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,OAAO,GAAG,GAAG,EACb,MAAM,GAAG,MAAM,EACf,QAAQ,GAGT,EAAE,EAAE,CACH,IAAA,yBAAiB,EAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,CACzE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,CACf,CAAC;AAZS,QAAA,cAAc,kBAYvB;AAEG,MAAM,iBAAiB,GAAG,KAAK,EAAE,EACtC,KAAK,EACL,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,OAAO,GAAG,GAAG,EACb,MAAM,GAAG,MAAM,EACf,QAAQ,GAGT,EAAE,EAAE,CACH,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE,CAC5C,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,CAAC,CACvE,CAAC;AAZS,QAAA,iBAAiB,qBAY1B","sourcesContent":["import { type ModuleType } from \"../esm/libImage.js\";\n\nexport type OptimizeParams = {\n  image: BufferSource | string; // The input image data\n  width?: number; // The desired output width (optional)\n  height?: number; // The desired output height (optional)\n  quality?: number; // The desired output quality (0-100, optional)\n  format?: \"jpeg\" | \"png\" | \"webp\" | \"avif\"; // The desired output format (optional)\n};\n\nconst result = (\n  result: ReturnType<ModuleType[\"optimize\"]> | undefined,\n  releaseResult: () => void,\n) => {\n  const r = result\n    ? { ...result, data: Uint8Array.from(result.data) }\n    : undefined;\n  releaseResult();\n  return r;\n};\nexport const _optimizeImage = async ({\n  image,\n  width = 0,\n  height = 0,\n  quality = 100,\n  format = \"avif\",\n  libImage,\n}: OptimizeParams & {\n  libImage: Promise<ModuleType>;\n}) =>\n  _optimizeImageExt({ image, width, height, quality, format, libImage }).then(\n    (r) => r?.data,\n  );\n\nexport const _optimizeImageExt = async ({\n  image,\n  width = 0,\n  height = 0,\n  quality = 100,\n  format = \"avif\",\n  libImage,\n}: OptimizeParams & {\n  libImage: Promise<ModuleType>;\n}) =>\n  libImage.then(({ optimize, releaseResult }) =>\n    result(optimize(image, width, height, quality, format), releaseResult),\n  );\n"]}

package/dist/cjs/node/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/node/index.ts"],"names":[],"mappings":";;;;;;AAAA,4CAAoB;AACpB,gDAAwB;AAExB,6DAA6D;AAC7D,gBAAgB;AAChB,4EAAiD;AACjD,8DAIiC;AAEjC,MAAM,QAAQ,GAAG,IAAA,qBAAQ,EAAC;IACxB,UAAU,EAAE,YAAE,CAAC,YAAY,CACzB,cAAI,CAAC,OAAO,CAAC,SAAS,EAAE,yBAAyB,CAAC,CAC1C;CACX,CAAC,CAAC;AAEI,MAAM,aAAa,GAAG,KAAK,EAAE,MAAsB,EAAE,EAAE,CAC5D,IAAA,iCAAc,EAAC,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;AAD7B,QAAA,aAAa,iBACgB;AAEnC,MAAM,gBAAgB,GAAG,KAAK,EAAE,MAAsB,EAAE,EAAE,CAC/D,IAAA,oCAAiB,EAAC,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;AADhC,QAAA,gBAAgB,oBACgB","sourcesContent":["import fs from \"fs\";\nimport path from \"path\";\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n/* @ts-ignore */\nimport LibImage from \"../../workers/libImage.js\";\nimport {\n  _optimizeImage,\n  _optimizeImageExt,\n  type OptimizeParams,\n} from \"../lib/optimizeImage.js\";\n\nconst libImage = LibImage({\n  wasmBinary: fs.readFileSync(\n    path.resolve(__dirname, \"../../esm/libImage.wasm\")\n  ) as never,\n});\n\nexport const optimizeImage = async (params: OptimizeParams) =>\n  _optimizeImage({ ...params, libImage });\n\nexport const optimizeImageExt = async (params: OptimizeParams) =>\n  _optimizeImageExt({ ...params, libImage });\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/node/index.ts"],"names":[],"mappings":";;;;;;AAAA,4CAAoB;AACpB,gDAAwB;AAExB,6DAA6D;AAC7D,gBAAgB;AAChB,4EAAiD;AACjD,8DAIiC;AAEjC,MAAM,QAAQ,GAAG,IAAA,qBAAQ,EAAC;IACxB,UAAU,EAAE,YAAE,CAAC,YAAY,CACzB,cAAI,CAAC,OAAO,CAAC,SAAS,EAAE,yBAAyB,CAAC,CAC1C;CACX,CAAC,CAAC;AAEI,MAAM,aAAa,GAAG,KAAK,EAAE,MAAsB,EAAE,EAAE,CAC5D,IAAA,iCAAc,EAAC,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;AAD7B,QAAA,aAAa,iBACgB;AAEnC,MAAM,gBAAgB,GAAG,KAAK,EAAE,MAAsB,EAAE,EAAE,CAC/D,IAAA,oCAAiB,EAAC,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;AADhC,QAAA,gBAAgB,oBACgB","sourcesContent":["import fs from \"fs\";\nimport path from \"path\";\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n/* @ts-ignore */\nimport LibImage from \"../../workers/libImage.js\";\nimport {\n  _optimizeImage,\n  _optimizeImageExt,\n  type OptimizeParams,\n} from \"../lib/optimizeImage.js\";\n\nconst libImage = LibImage({\n  wasmBinary: fs.readFileSync(\n    path.resolve(__dirname, \"../../esm/libImage.wasm\"),\n  ) as never,\n});\n\nexport const optimizeImage = async (params: OptimizeParams) =>\n  _optimizeImage({ ...params, libImage });\n\nexport const optimizeImageExt = async (params: OptimizeParams) =>\n  _optimizeImageExt({ ...params, libImage });\n"]}