Switch to no-modules wasm-pack build, in preparation for using WASM with

web workers. #23

.github/workflows/web.yml

@@ -15,7 +15,7 @@ jobs:
 
       - name: Build web app
         run: |
-                wasm-pack build --release --target web route-snapper
+                wasm-pack build --release --target no-modules route-snapper
 
                 mkdir -p publish/route-snapper
                 cp -Rv *.html *.geojson *.js *.css deps publish

route-snapper/Cargo.toml

@@ -4,7 +4,7 @@ version = "0.1.0"
 edition = "2021"
 
 [lib]
-crate-type = ["cdylib", "rlib"]
+crate-type = ["cdylib"]
 
 [dependencies]
 bincode = "1.3.1"

route-snapper/lib.js

@@ -1,6 +1,10 @@
-import init, { JsRouteSnapper } from "./pkg/route_snapper.js";
-
-await init();
+// Weird workaround to make WASM work in web workers. See
+// https://rustwasm.github.io/wasm-bindgen/examples/wasm-in-web-worker.html
+const { JsRouteSnapper } = wasm_bindgen;
+async function setup() {
+  await wasm_bindgen("./route-snapper/pkg/route_snapper_bg.wasm");
+}
+setup();
 
 export class RouteSnapper {
   constructor(app, mapBytes) {

scheme.html

@@ -9,6 +9,9 @@
     <script src="deps/maplibre-gl.js"></script>
     <script src="deps/geojson-extent.js"></script>
     <script src="deps/mapbox-gl-draw.js"></script>
+    <!-- Weird ES module workaround -->
+    <script src="route-snapper/pkg/route_snapper.js"></script>
+
     <script type="module">
       import { App } from "./app.js";
 

serve_locally.sh

@@ -1,3 +1,3 @@
 #!/bin/bash
 
-wasm-pack build --release --target web route-snapper && python3 -m http.server --directory .
+wasm-pack build --release --target no-modules route-snapper && python3 -m http.server --directory .