preload scripts for wasm

bgkillas · bgkillas · commit 35a03309309a · 2025-06-12T16:10:39.000-04:00
diff --git a/.github/workflows/wasm.yml b/.github/workflows/wasm.yml
@@ -43,9 +43,8 @@ jobs:
       - name: Build WASM app
         run: |
           rustup component add rust-src --toolchain nightly-x86_64-unknown-linux-gnu
-          export RUSTUP_TOOLCHAIN=nightly
-          wasm-pack build --out-dir www/pkg --target web --release --no-default-features --features "wasm-draw"
-          wasm-opt -O3   --enable-bulk-memory   --enable-nontrapping-float-to-int   -o www/pkg/kalc_plot_bg.wasm   www/pkg/kalc_plot_bg.wasm
+          cd www
+          bash start.sh
 
       - name: Copy site files to output
         run: |
diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,4 @@
 /target
 /www/pkg/
 /bin
-/www/node_modules
-/www/dist
+/www/index.html
diff --git a/window.js b/window.js
@@ -1,5 +1,6 @@
 const canvas = document.getElementById('canvas');
 const ctx = canvas.getContext("2d", {desynchronized: true, alpha: false});
+ctx.font = "18px monospace";
 export function draw(slice, width) {
     const clamped = new Uint8ClampedArray(slice);
     const height = clamped.length / (width * 4);
diff --git a/www/index b/www/index
@@ -1,6 +1,11 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <link rel="modulepreload" href="pkg/kalc_plot.js">
+    <link rel="modulepreload" href="pkg/snippets/@@KALC@@/window.js">
+    <link rel="modulepreload" href="pkg/snippets/@@RUPL@@/painter.js">
+    <link rel="preload" href="favicon.ico" as="image">
+    <link rel="preload" href="pkg/kalc_plot_bg.wasm" as="fetch" type="application/wasm" crossorigin>
     <meta charset="utf-8">
     <title>kalc plot</title>
   <style>
diff --git a/www/start.sh b/www/start.sh
@@ -0,0 +1,11 @@
+set -e
+set -x
+export RUSTUP_TOOLCHAIN=nightly
+wasm-pack build --out-dir www/pkg --target web --release --no-default-features --features "wasm-draw"
+wasm-opt -O3 --enable-bulk-memory --enable-nontrapping-float-to-int -o pkg/kalc_plot_bg.wasm pkg/kalc_plot_bg.wasm
+cp index index.html
+sed -i "s/@@KALC@@/$(ls --color=never -d ./pkg/snippets/kalc-plot-*|sed 's@.*/@@')/" index.html
+sed -i "s/@@RUPL@@/$(ls --color=never -d ./pkg/snippets/rupl-*|sed 's@.*/@@')/" index.html
+if [ $# -ne 0 ]; then
+    python3 -m http.server 8080
+fi
