Open olliejm opened 5 months ago
The loader class just looked like this:
class WasmLoader {
// eslint-disable-next-line @typescript-eslint/consistent-type-imports
private csl: typeof import('@emurgo/cardano-serialization-lib-browser') | undefined;
async load() {
if (this.csl) {
return;
}
this.csl = await import('@emurgo/cardano-serialization-lib-browser');
}
get CSL() {
return this.csl;
}
}
export const loader = new WasmLoader();
Should the wasm libraries like https://github.com/MeshJS/mesh/blob/main/packages/module/src/core/CSL.ts#L3 not be loaded asynchronously ideally with
await import
? Since I added Mesh to a Next.js project the build time and first load times increased dramatically. I had this same problem when I was directly using the Emurgo WASM packages in another project, I instead had to create a Loader class which lazy loads the libraries on demand at first use, and that significantly improved the app's build and initial response times