var Module = {};
    fetch('public/FlowerEvolver.wasm')
       .then(response => response.arrayBuffer())
       .then(buffer => {
           Module.wasmBinary = buffer;
           let script = document.createElement('script');
           script.src = 'public/FlowerEvolver.js';
           script.setAttribute("type", "text/javascript");
           document.body.appendChild(script);
        });
// then after is loaded
// const genome = Module.makeFlower(64, 3, 6.0, 1.0);
// ...

import fe from '@cristianglezm/flower-evolver-wasm';

//in a state manager like pinia:

export const useFlowersStore = defineStore('FlowersStore', {
	state: () => ({
		fe: null,
		canvas: document.getElementById("canvas"),
        }),
        getters: {},
        actions:{
            async loadFE(){
                this.fe = await fe();
            },
        });
//then when using the store you will need to call
const store = useFlowersStore(pinia);
store.loadFE();
//...

let worker = new Worker('worker.js');
worker.onmessage = () => {
    // do stuff
};
// ...
const fn = () => {
    let canvas = document.createElement("canvas").transferControlToOffscreen();
    worker.postMessage({canvas: canvas}, [canvas]);
}

import fe from '@cristianglezm/flower-evolver-wasm';

let FE;
self.onmessage = async (e) => {
    self.canvas = e.data.canvas;
    // or use its own canvas
    // self.canvas = new OffscreenCanvas(128, 192);
    // the canvas width must be radius * 2 and the height radius * 3
    if(!FE){
        FE = await fe();
    }
    // use functions from FE module.
    let f = {};
    try{
        f.genome = FE.makeFlower(64, 3, 6.0, 1.0);
    }catch(e){
        // handle error
        let msg = FE.getExceptionMessage(e);
    }
    // convert image data to send, store, etc
    let blob = await self.canvas.convertToBlob();
    let frs = await new FileReaderSync();
    f.image = await frs.readAsDataURL(blob);
}