docs: Add alternative example without ES Modules

ruby · Dec 14, 2023 · 72f14dc · 72f14dc
1 parent 84671e1
commit 72f14dc
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/docs/cheat_sheet.md b/docs/cheat_sheet.md
@@ -64,6 +64,30 @@ If you want to control Ruby VM from JavaScript, you can use `@ruby/wasm-wasi` pa
 </html>
 ```
 
+<details>
+<summary>Alternative: Without ES Modules</summary>
+
+```html
+<html>
+  <script src="https://cdn.jsdelivr.net/npm/@ruby/[email protected]/dist/browser.umd.js"></script>
+  <script>
+    const main = async () => {
+      const { DefaultRubyVM } = window["ruby-wasm-wasi"];
+      const response = await fetch("https://cdn.jsdelivr.net/npm/@ruby/[email protected]/dist/ruby+stdlib.wasm");
+      const module = await WebAssembly.compileStreaming(response);
+      const { vm } = await DefaultRubyVM(module);
+
+      vm.eval(`
+        require "js"
+        JS.global[:document].write "Hello, world!"
+      `);
+    }
+    main()
+  </script>
+</html>
+```
+</details>
+
 ## Use JavaScript from Ruby
 
 ### Get/set JavaScript variables from Ruby