Setup Typst syntax highlighting via WASM module

Author: kxxt

Makefile

@@ -152,8 +152,8 @@ static/%.css: sass/%.scss | node_modules
 %.avif: %.pdf
 	$(MAGICK) -density 150 $< $@
 
-static/codemirror.js: src/codemirror-bundle.js | node_modules
-	$(NPX) esbuild $< --bundle --outfile=$@ --format=iife --conditions=import
+static/codemirror.js: src/codemirror-bundle.js build.js | node_modules
+	$(NPX) node build.js
 
 .PHONY: static
 static: $(PDFS) $(PREVIEWS) static/main.css static/codemirror.js

build.js

@@ -0,0 +1,20 @@
+import { build } from "esbuild";
+import { wasmLoader } from 'esbuild-plugin-wasm'
+
+await build({
+  entryPoints: ["src/codemirror-bundle.js"],
+  bundle: true,
+  format: "esm",
+  target: ["es2020"],
+  sourcemap: false,
+  loader: { ".wasm": "file" },
+  outdir: "static",
+  outbase: "src",
+  assetNames: "[name]",
+  entryNames: "codemirror",
+  plugins: [wasmLoader()],
+  publicPath: "/",
+  supported: {
+    'top-level-await': true,
+  },
+});