experiment: compiling wasm for use in docs

awslabs · Dec 6, 2024 · 75946a6 · 75946a6
1 parent da3591e
commit 75946a6
Show file tree

Hide file tree

Showing 8 changed files with 651 additions and 3 deletions.
diff --git a/nodeadm/internal/configprovider/file.go b/nodeadm/internal/configprovider/file.go
@@ -35,5 +35,5 @@ func (fcs *fileConfigProvider) Provide() (*internalapi.NodeConfig, error) {
 	if err != nil {
 		return nil, err
 	}
-	return parseMaybeMultipart(data)
+	return ParseMaybeMultipart(data)
 }
diff --git a/nodeadm/internal/configprovider/mime.go b/nodeadm/internal/configprovider/mime.go
@@ -13,7 +13,7 @@ import (
 	apibridge "github.com/awslabs/amazon-eks-ami/nodeadm/internal/api/bridge"
 )
 
-func parseMaybeMultipart(data []byte) (*internalapi.NodeConfig, error) {
+func ParseMaybeMultipart(data []byte) (*internalapi.NodeConfig, error) {
 	// if the MIME data fails to parse as a multipart document, then fall back
 	// to parsing the entire userdata as the node config.
 	if multipartReader, err := getMultipartReader(data); err == nil {

diff --git a/nodeadm/internal/configprovider/userdata.go b/nodeadm/internal/configprovider/userdata.go
@@ -49,5 +49,5 @@ func (p *userDataConfigProvider) Provide() (*internalapi.NodeConfig, error) {
 	if err != nil {
 		return nil, fmt.Errorf("failed to decompress user data: %v", err)
 	}
-	return parseMaybeMultipart(userData)
+	return ParseMaybeMultipart(userData)
 }
diff --git a/nodeadm/wasm/README.md b/nodeadm/wasm/README.md
@@ -0,0 +1,28 @@
+# WASM assets
+
+A quick guide to building WASM binaries using nodeadm functions.
+
+you can see the [go.dev webassembly](https://go.dev/wiki/WebAssembly) wiki for
+greater detail, but the high level steps involved are:
+
+cd into the nodeadm directory
+```
+git clone [email protected]:awslabs/amazon-eks-ami.git
+cd amazon-eks-ami/nodeadm
+```
+
+Copy the javascript glue code from 
+```
+cp "$(go env GOROOT)/misc/wasm/wasm_exec.js" ./wasm/assets/
+```
+
+Compile the wasm binary
+```
+GOOS=js GOARCH=wasm go build -o ./wasm/assets/main.wasm wasm/check/main.go
+```
+
+Serve the assets
+```
+cd ./wasm/assets
+python -m http.server # or http server variant
+```
diff --git a/nodeadm/wasm/assets/index.html b/nodeadm/wasm/assets/index.html
@@ -0,0 +1,23 @@
+<html>
+    <head>
+        <script type="module" src="https://cdn.jsdelivr.net/gh/vanillawc/wc-monaco-editor@1/index.js"></script>
+        <meta charset="utf-8"/>
+        <script src="wasm_exec.js"></script>
+        <script>
+            const go = new Go();
+            WebAssembly.instantiateStreaming(fetch("main.wasm"), go.importObject).then((result) => {
+                go.run(result.instance);
+            });
+            function check() {
+                document.getElementById("response").value = nodeadmCheck(editor.value)
+            }
+        </script>
+    </head>
+    <body>
+        <div style="display: grid; margin: auto; width: 90vw">
+            <wc-monaco-editor style="height:80vh" language="yaml"></wc-monaco-editor>
+            <button onclick="check()">check</button>
+            <textarea style="height:15vh" id="response"></textarea>
+        </div>
+    </body>
+</html>
diff --git a/nodeadm/wasm/assets/main.wasm b/nodeadm/wasm/assets/main.wasm