Add webrunner

X-R-G-B · Jan 14, 2024 · 9b46bef · 9b46bef
1 parent 1559875
commit 9b46bef
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 0 deletions.
diff --git a/.github/workflows/documentation.yml b/.github/workflows/documentation.yml
@@ -48,6 +48,10 @@ jobs:
         if: steps.filter.outputs.docs == 'true' || steps.filter.outputs.docs2 == 'true' || steps.filter.outputs.workflow == 'true' || github.ref == 'refs/heads/main'
         run: mdbook build
 
+      - name: Copy OnlineRunner
+        if: steps.filter.outputs.docs == 'true' || steps.filter.outputs.docs2 == 'true' || steps.filter.outputs.workflow == 'true' || github.ref == 'refs/heads/main'
+        run: cp ./lvtext/webrunner/index.html ./book/OnlineVm.html
+
       - name: Setup Pages
         if: github.ref == 'refs/heads/main'
         uses: actions/configure-pages@v3

diff --git a/docs/OnlineVm.md b/docs/OnlineVm.md
diff --git a/docs/SUMMARY.md b/docs/SUMMARY.md
@@ -8,3 +8,4 @@ made in Haskell.
 [Byte Code Spec Ex](ByteCodeSpecEx.md)
 [Syntax Highlighting Extension](SyntaxHighlighting.md)
 [BNF](BNF.md)
+[Online VM](OnlineVM.md)
diff --git a/lvtext/webrunner/README.md b/lvtext/webrunner/README.md
@@ -0,0 +1,5 @@
+# WebRunner
+
+A simple static site that load a wasm and call the `start` exported function.
+
+<https://x-r-g-b.github.io/Leviator/OnlineVm.html>
diff --git a/lvtext/webrunner/index.html b/lvtext/webrunner/index.html
@@ -0,0 +1,30 @@
+<head>
+    <title>Leviator Web Runner</title>
+</head>
+<body>
+    <h1>Leviator Web Runner</h1>
+    <a href="https://x-r-g-b.github.io/Leviator/">online docs</a><br/><br/>
+
+    <label for="fileWasm">Wasm File: </label><input type="file" id="fileWasm" />
+
+    <p>Output:<br/></p>
+    <pre><code id="output"></code></pre>
+
+    <script>
+        const importObject = {
+            imports: {},
+        };
+
+        document.getElementById("fileWasm").addEventListener("change", (event) => {
+            const reader = new FileReader();
+            reader.onload = () => {
+                const arrayBuffer = reader.result;
+                WebAssembly.instantiate(arrayBuffer, importObject).then((result) => {
+                    const res = result.instance.exports.start();
+                    document.getElementById("output").innerText = res;
+                })
+            }
+            reader.readAsArrayBuffer(event.target.files[0]);
+        })
+    </script>
+</body>