initializeImageMagick using UInt8Array of WASM Module

[theomarkkuspaul]

magick-wasm version

0.0.21

Description

This example is for the browser environment

Curious how to initialize the ImageMagick WASM module by fetch-ing the magick.wasm file, then converting that into an UInt8Array, before passing that data into the initializeImageMagick function.

It would appear the initialization function supports the magick.wasm file as an 8-bit array as defined here, but running this in the browser doesn't appear to be working for me.

Here's a rudimentary example of what I mean:

import {
    initializeImageMagick,
} from "@imagemagick/magick-wasm";

(async () => {
    const wasmLocation = new URL('http://localhost:7000/magick.wasm').href;  // basic web server using the `http-server` npm package
    const wasmResponse = await fetch(wasmLocation);
    const wasmBuffer = await wasmResponse.arrayBuffer();
    const wasmBytes = new Uint8Array(wasmBuffer);

    await initializeImageMagick(wasmBytes);
})();

Console gives me this error Uncaught (in promise) TypeError: t.startsWith is not a function.

Bundling using esbuild, not sure that's doing anything strange or not.

For what it's worth, passing a URL as the wasm location into initializeImageMagick imports the wasm module fine.

AKA

(async () => {
    const wasmLocation = new URL('http://localhost:7000/magick.wasm').href;
    await initializeImageMagick(wasmLocation);
})();

Thanks!

Steps to Reproduce

Example in bug description.

Images

[dlemstra]

That functionality has not yet been released. This will become available in the next release. If you really need this I can publish a new release sooner?

[theomarkkuspaul]

No rush, thanks for the update!