beautiful-image 0.1.0

package/README.md

@@ -0,0 +1,69 @@
+# Beautiful Image
+
+A Rust library for optimizing images in the browser using WebAssembly.
+
+## What it does
+
+Optimizes images by resizing and compressing them to JPEG format. Perfect for reducing image file sizes before uploading to your website.
+
+## Features
+
+- Resize images to a specific width (maintains aspect ratio)
+- Compress to JPEG with adjustable quality
+- Two resize modes:
+  - **Standard**: Fast resizing (Triangle filter)
+  - **HighQuality**: Better quality (Lanczos3 filter)
+- Supports JPEG, PNG, and WebP input formats
+- Runs in the browser via WebAssembly
+
+## Installation
+
+First, install [wasm-pack](https://rustwasm.github.io/wasm-pack/):
+
+```bash
+cargo install wasm-pack
+```
+
+Then build the project:
+
+```bash
+wasm-pack build --target web
+```
+
+This will generate a `pkg/` folder with the necessary files.
+
+## Usage in JavaScript
+
+```html
+<script type="module">
+  import init, { optimize_image, ResizeMode } from "./pkg/beautiful_image.js";
+
+  async function optimizeImage() {
+    // Initialize WASM
+    await init();
+
+    // Get image bytes (e.g., from a file input)
+    const file = document.getElementById('upload').files[0];
+    const arrayBuffer = await file.arrayBuffer();
+    const bytes = new Uint8Array(arrayBuffer);
+
+    // Optimize: resize to 800px width with quality 85
+    const result = optimize_image(
+      bytes,                      // Image bytes
+      800,                        // New width in pixels
+      85,                         // Quality (0-100)
+      ResizeMode.HighQuality      // Resize mode
+    );
+
+    // Create blob to display/download
+    const blob = new Blob([result], { type: "image/jpeg" });
+    const url = URL.createObjectURL(blob);
+  }
+
+  optimizeImage();
+</script>
+```
+
+## License
+
+MIT

package/beautiful_image.d.ts

@@ -0,0 +1,11 @@
+/* tslint:disable */
+/* eslint-disable */
+
+export enum ResizeMode {
+  Standard = 0,
+  HighQuality = 1,
+}
+
+export function main_js(): void;
+
+export function optimize_image(datos_entrada: Uint8Array, new_width: number, quality: number, resize_mode?: ResizeMode | null): Uint8Array;

package/beautiful_image.js

@@ -0,0 +1,5 @@
+import * as wasm from "./beautiful_image_bg.wasm";
+export * from "./beautiful_image_bg.js";
+import { __wbg_set_wasm } from "./beautiful_image_bg.js";
+__wbg_set_wasm(wasm);
+wasm.__wbindgen_start();

package/beautiful_image_bg.js

@@ -0,0 +1,193 @@
+let wasm;
+export function __wbg_set_wasm(val) {
+    wasm = val;
+}
+
+function getArrayU8FromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return getUint8ArrayMemory0().subarray(ptr / 1, ptr / 1 + len);
+}
+
+let cachedDataViewMemory0 = null;
+function getDataViewMemory0() {
+    if (cachedDataViewMemory0 === null || cachedDataViewMemory0.buffer.detached === true || (cachedDataViewMemory0.buffer.detached === undefined && cachedDataViewMemory0.buffer !== wasm.memory.buffer)) {
+        cachedDataViewMemory0 = new DataView(wasm.memory.buffer);
+    }
+    return cachedDataViewMemory0;
+}
+
+function getStringFromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return decodeText(ptr, len);
+}
+
+let cachedUint8ArrayMemory0 = null;
+function getUint8ArrayMemory0() {
+    if (cachedUint8ArrayMemory0 === null || cachedUint8ArrayMemory0.byteLength === 0) {
+        cachedUint8ArrayMemory0 = new Uint8Array(wasm.memory.buffer);
+    }
+    return cachedUint8ArrayMemory0;
+}
+
+function isLikeNone(x) {
+    return x === undefined || x === null;
+}
+
+function passArray8ToWasm0(arg, malloc) {
+    const ptr = malloc(arg.length * 1, 1) >>> 0;
+    getUint8ArrayMemory0().set(arg, ptr / 1);
+    WASM_VECTOR_LEN = arg.length;
+    return ptr;
+}
+
+function passStringToWasm0(arg, malloc, realloc) {
+    if (realloc === undefined) {
+        const buf = cachedTextEncoder.encode(arg);
+        const ptr = malloc(buf.length, 1) >>> 0;
+        getUint8ArrayMemory0().subarray(ptr, ptr + buf.length).set(buf);
+        WASM_VECTOR_LEN = buf.length;
+        return ptr;
+    }
+
+    let len = arg.length;
+    let ptr = malloc(len, 1) >>> 0;
+
+    const mem = getUint8ArrayMemory0();
+
+    let offset = 0;
+
+    for (; offset < len; offset++) {
+        const code = arg.charCodeAt(offset);
+        if (code > 0x7F) break;
+        mem[ptr + offset] = code;
+    }
+    if (offset !== len) {
+        if (offset !== 0) {
+            arg = arg.slice(offset);
+        }
+        ptr = realloc(ptr, len, len = offset + arg.length * 3, 1) >>> 0;
+        const view = getUint8ArrayMemory0().subarray(ptr + offset, ptr + len);
+        const ret = cachedTextEncoder.encodeInto(arg, view);
+
+        offset += ret.written;
+        ptr = realloc(ptr, len, offset, 1) >>> 0;
+    }
+
+    WASM_VECTOR_LEN = offset;
+    return ptr;
+}
+
+function takeFromExternrefTable0(idx) {
+    const value = wasm.__wbindgen_externrefs.get(idx);
+    wasm.__externref_table_dealloc(idx);
+    return value;
+}
+
+let cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
+cachedTextDecoder.decode();
+const MAX_SAFARI_DECODE_BYTES = 2146435072;
+let numBytesDecoded = 0;
+function decodeText(ptr, len) {
+    numBytesDecoded += len;
+    if (numBytesDecoded >= MAX_SAFARI_DECODE_BYTES) {
+        cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
+        cachedTextDecoder.decode();
+        numBytesDecoded = len;
+    }
+    return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));
+}
+
+const cachedTextEncoder = new TextEncoder();
+
+if (!('encodeInto' in cachedTextEncoder)) {
+    cachedTextEncoder.encodeInto = function (arg, view) {
+        const buf = cachedTextEncoder.encode(arg);
+        view.set(buf);
+        return {
+            read: arg.length,
+            written: buf.length
+        };
+    }
+}
+
+let WASM_VECTOR_LEN = 0;
+
+/**
+ * @enum {0 | 1}
+ */
+export const ResizeMode = Object.freeze({
+    Standard: 0, "0": "Standard",
+    HighQuality: 1, "1": "HighQuality",
+});
+
+export function main_js() {
+    wasm.main_js();
+}
+
+/**
+ * @param {Uint8Array} datos_entrada
+ * @param {number} new_width
+ * @param {number} quality
+ * @param {ResizeMode | null} [resize_mode]
+ * @returns {Uint8Array}
+ */
+export function optimize_image(datos_entrada, new_width, quality, resize_mode) {
+    const ptr0 = passArray8ToWasm0(datos_entrada, wasm.__wbindgen_malloc);
+    const len0 = WASM_VECTOR_LEN;
+    const ret = wasm.optimize_image(ptr0, len0, new_width, quality, isLikeNone(resize_mode) ? 2 : resize_mode);
+    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;
+}
+
+export function __wbg___wbindgen_throw_dd24417ed36fc46e(arg0, arg1) {
+    throw new Error(getStringFromWasm0(arg0, arg1));
+};
+
+export function __wbg_error_7534b8e9a36f1ab4(arg0, arg1) {
+    let deferred0_0;
+    let deferred0_1;
+    try {
+        deferred0_0 = arg0;
+        deferred0_1 = arg1;
+        console.error(getStringFromWasm0(arg0, arg1));
+    } finally {
+        wasm.__wbindgen_free(deferred0_0, deferred0_1, 1);
+    }
+};
+
+export function __wbg_log_2638f9d948a0513e(arg0, arg1) {
+    console.log(getStringFromWasm0(arg0, arg1));
+};
+
+export function __wbg_new_8a6f238a6ece86ea() {
+    const ret = new Error();
+    return ret;
+};
+
+export function __wbg_stack_0ed75d68575b0f3c(arg0, arg1) {
+    const ret = arg1.stack;
+    const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+    const len1 = WASM_VECTOR_LEN;
+    getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+    getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+};
+
+export function __wbindgen_cast_2241b6af4c4b2941(arg0, arg1) {
+    // Cast intrinsic for `Ref(String) -> Externref`.
+    const ret = getStringFromWasm0(arg0, arg1);
+    return ret;
+};
+
+export function __wbindgen_init_externref_table() {
+    const table = wasm.__wbindgen_externrefs;
+    const offset = table.grow(4);
+    table.set(0, undefined);
+    table.set(offset + 0, undefined);
+    table.set(offset + 1, null);
+    table.set(offset + 2, true);
+    table.set(offset + 3, false);
+};

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "beautiful-image",
+  "type": "module",
+  "description": "A Rust library for optimizing images for the web",
+  "version": "0.1.0",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/devcastech/beautiful-image"
+  },
+  "files": [
+    "beautiful_image_bg.wasm",
+    "beautiful_image.js",
+    "beautiful_image_bg.js",
+    "beautiful_image.d.ts"
+  ],
+  "main": "beautiful_image.js",
+  "types": "beautiful_image.d.ts",
+  "sideEffects": [
+    "./beautiful_image.js",
+    "./snippets/*"
+  ]
+}