wasm-image-processor 0.2.0 → 0.4.0

package/README.md

@@ -16,7 +16,7 @@ A high-performance image processing toolkit built with Rust and WebAssembly. Pro
 
 ## Demo
 
-Try the live demo at: [https://stanleymasinde.github.io/wasm-image-processor/](https://stanleymasinde.github.io/wasm-image-processor/)
+Try the live demo at: [https://wasm-ip-demo.vercel.app](https://wasm-ip-demo.vercel.app)
 
 - **Basic Resizer**: Resize images to custom dimensions
 - **PWA Icon Generator**: Generate complete icon sets for web apps
@@ -34,57 +34,38 @@ Try the live demo at: [https://stanleymasinde.github.io/wasm-image-processor/](h
 npm i wasm-image-processor
 ```
 
-## Building
-
-### Prerequisites
-
-- [Rust](https://rustup.rs/)
-- [wasm-pack](https://rustwasm.github.io/wasm-pack/)
-
-### Steps
-1. Clone the repository:
-```bash
-git clone https://github.com/yourusername/wasm-image-processor.git
-cd wasm-image-processor
-```
-
-2. Build the WASM package:
-```bash
-wasm-pack build --target web
-```
+### Usage
 
-3. Copy files to demo directory:
-```bash
-# Copy JS and WASM files to demo folder
-./prep-demo.sh
-```
+Include the WASM module in your web page:
 
-4. Serve the demo locally:
-```bash
-# Using Node.js
-npx serve .
+```javascript
+import { resize_square } from "wasm-image-processor";
 
-# Or any other static file server
-```
+// Example: resize an image uploaded via <input type="file">
+const fileInput = document.querySelector<HTMLInputElement>("#fileInput")!;
 
-5. Open `http://localhost:3000/demo` in your browser
+fileInput.addEventListener("change", () => {
+  const file = fileInput.files?.[0]
+  if (!file) return
 
-### Usage
+  const reader = new FileReader()
+  reader.onload = () => {
+    const arrayBuffer = reader.result as ArrayBuffer
+    const uint8Array = new Uint8Array(arrayBuffer)
 
-Include the WASM module in your web page:
+    // Resize to 512x512
+    const resizedBytes = resize_square(uint8Array, 512)
 
-```html
-<script type="module">
-  import init, { resize_square } from "pwa_image_generator";
+    // Create a new File from the resized bytes
+    const resizedImage = new File([resizedBytes], "resized.png", {
+      type: "image/png",
+    })
 
-  init().then(() => {
-    // WASM module is ready
-    const imageData = new Uint8Array(/* your image data */);
-    const resizedBytes = resize_square(Array.from(imageData), 500);
+    console.log("Resized image:", resizedImage)
+  }
 
-    // Use resizedBytes as needed
-  });
-</script>
+  reader.readAsArrayBuffer(file)
+})
 ```
 
 ### API Reference
@@ -146,9 +127,9 @@ The codebase is structured to easily add new image processing functions:
 
 **Near Term:**
 - [ ] Stable API design
-- [ ] npm package publication
+- [x] npm package publication
 - [ ] Comprehensive documentation
-- [ ] CI/CD pipeline
+- [x] CI/CD pipeline
 
 **Future Features:**
 - [ ] Image format conversion (PNG ↔ JPEG ↔ WebP)

package/package.json

@@ -5,7 +5,7 @@
     "Stanley Masinde <hello@stanleymasinde.com>"
   ],
   "description": "High-performance client-side image processing toolkit powered by Rust and WebAssembly",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/wasm_image_processor_bg.js

@@ -4,6 +4,12 @@ export function __wbg_set_wasm(val) {
 }
 
 
+const lTextDecoder = typeof TextDecoder === 'undefined' ? (0, module.require)('util').TextDecoder : TextDecoder;
+
+let cachedTextDecoder = new lTextDecoder('utf-8', { ignoreBOM: true, fatal: true });
+
+cachedTextDecoder.decode();
+
 let cachedUint8ArrayMemory0 = null;
 
 function getUint8ArrayMemory0() {
@@ -13,6 +19,11 @@ function getUint8ArrayMemory0() {
     return cachedUint8ArrayMemory0;
 }
 
+function getStringFromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));
+}
+
 let WASM_VECTOR_LEN = 0;
 
 function passArray8ToWasm0(arg, malloc) {
@@ -22,6 +33,12 @@ function passArray8ToWasm0(arg, malloc) {
     return ptr;
 }
 
+function takeFromExternrefTable0(idx) {
+    const value = wasm.__wbindgen_export_0.get(idx);
+    wasm.__externref_table_dealloc(idx);
+    return value;
+}
+
 function getArrayU8FromWasm0(ptr, len) {
     ptr = ptr >>> 0;
     return getUint8ArrayMemory0().subarray(ptr / 1, ptr / 1 + len);
@@ -41,6 +58,9 @@ export function resize_square(image_data, side) {
     const ptr0 = passArray8ToWasm0(image_data, wasm.__wbindgen_malloc);
     const len0 = WASM_VECTOR_LEN;
     const ret = wasm.resize_square(ptr0, len0, side);
+    if (ret[3]) {
+        throw takeFromExternrefTable0(ret[2]);
+    }
     var v2 = getArrayU8FromWasm0(ret[0], ret[1]).slice();
     wasm.__wbindgen_free(ret[0], ret[1] * 1, 1);
     return v2;
@@ -57,3 +77,8 @@ export function __wbindgen_init_externref_table() {
     ;
 };
 
+export function __wbindgen_string_new(arg0, arg1) {
+    const ret = getStringFromWasm0(arg0, arg1);
+    return ret;
+};
+