docs: demo

maximegosselin · maximegosselin · commit 44722f0bc54f · 2024-12-04T21:18:30.000-05:00
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,5 @@
 /.idea
+/wasm/wasm_exec.js
 jimi
-jimi.exe
+jimi.exe
+jimi.wasm
diff --git a/README.md b/README.md
@@ -4,6 +4,10 @@ A command line utility written in Go to display guitar fretboard, scales and cho
 
 Because I love Go, CLIs and guitar (and Hendrix obviously!)
 
+## Demo
+
+Try Jimi in your browser with a [live demo](https://maximegosselin.github.io/jimi-wasm-demo/) made with WebAssembly.
+
 ## Build
 
 [![Go](https://github.com/maximegosselin/jimi/actions/workflows/go.yml/badge.svg)](https://github.com/maximegosselin/jimi/actions/workflows/go.yml)
@@ -93,20 +97,20 @@ Specify the root note with `-r` and the chord pattern with `-p`.
 
 Chord preset patterns are:
 
-- `5th`        
-- `aug`        
-- `dim`        
-- `m7b5`       
-- `major-6th`  
-- `major-7th`  
+- `5th`
+- `aug`
+- `dim`
+- `m7b5`
+- `major-6th`
+- `major-7th`
 - `major-maj7`
 - `major-triad`
-- `minor-6th`  
-- `minor-7th`  
+- `minor-6th`
+- `minor-7th`
 - `minor-maj7`
 - `minor-triad`
-- `sus`        
-- `sus2`       
+- `sus`
+- `sus2`
 - `sus4`
 
 ```
diff --git a/wasm/build.sh b/wasm/build.sh
@@ -0,0 +1,4 @@
+#!/bin/sh
+
+GOOS=js GOARCH=wasm go build -o jimi.wasm ../.
+cp $(go env GOROOT)/misc/wasm/wasm_exec.js .
diff --git a/wasm/index.html b/wasm/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <script src="wasm_exec.js"></script>
+    <script>
+        const go = new Go();
+        WebAssembly.instantiateStreaming(fetch("jimi.wasm"), go.importObject).then((result) => {
+            let outputBuf = '';
+            const decoder = new TextDecoder("utf-8");
+            globalThis.fs.writeSync = function(fd, buf) {
+                outputBuf += decoder.decode(buf);
+                const nl = outputBuf.lastIndexOf("\n");
+                if (nl != -1) {
+                    alert(outputBuf.substr(0, nl + 1));
+                    outputBuf = outputBuf.substr(nl + 1);
+                }
+                return buf.length;
+            };
+
+            go.argv = ['jimi', '-r=C', '-p=major-triad'];
+            go.run(result.instance);
+        });
+    </script>
+</head>
+</html>
