As part of building shine , I am using lume and webassembly with zig.

zig, through emscripten generates both a js and wasm file, which, by default are expected to be in the same directory.

I wanted to put them in different places, and struggled to get that working with lume for a bit. I did eventually solve it though:

Include emscripten js file

Firstly, the js file output from emscripten should be included in you page manually. I had used site.add which meant that it was loaded before we could put the override for locateFile in window.Module.

I am using the simple-blog theme , so I add the following line to the top of src/index.vto

1

<script defer src="/js/shine.js"></script>

Override Module

You can override how emscripten finds the wasm file in the Module Object .

This can be done in the html file in a script block, or even better, in a js file that is included automatically.

js/main.js felt like a good place.

1
2
3
4
5
6
7
8
9

window.Module = {
  locateFile: function (path, scriptDir) {
    if (path === "shine.wasm") {
      return "/static/shine/shine.wasm";
    } else {
      return scriptDirectory + path;
    }
  },
};

Closing

With this setup, I can not only have the js and wasm files in different locations, it’s also easy to modify / augment the Module object.