call global javascript function from rust (ugly)

Author: MingweiSamuel

wasm_test_site/shim.js

@@ -0,0 +1,3 @@
+function writeToDom(str) {
+    document.body.appendChild(str);
+}

wasm_test_site/src/lib.rs

@@ -4,6 +4,11 @@ fn log(string: impl AsRef<str>) {
     web_sys::console::log_1(&JsValue::from_str(string.as_ref()));
 }
 
+#[wasm_bindgen(module = "/shim.js")]
+extern "C" {
+    fn writeToDom(s: String);
+}
+
 #[wasm_bindgen]
 pub fn greet() {
     console_error_panic_hook::set_once();
@@ -17,7 +22,7 @@ pub fn test_hydroflow() -> web_sys::js_sys::Promise {
 
     let mut df = hydroflow::hydroflow_syntax! {
         // https://hydro.run/docs/hydroflow/quickstart/example_1_simplest
-        source_iter(0..10) -> for_each(|n| log(format!("Hello {}", n)));
+        source_iter(0..10) -> for_each(|n| writeToDom(format!("Hello {}", n)));
     };
 
     wasm_bindgen_futures::future_to_promise(async move {

wasm_test_site/www/index.ts

@@ -1,4 +1,10 @@
 import init, { greet, test_hydroflow } from "wasm_test_site";
 let { memory } = await init();
+
+(window as any).writeToDom = function(str: string) {
+    document.body.appendChild(document.createTextNode(str));
+    document.body.append(document.createElement('br'));
+};
+
 greet();
 test_hydroflow();

wasm_test_site/www/package-lock.json

@@ -27,4 +27,4 @@
     "vite-plugin-html": "^3.2.0",
     "vite-plugin-wasm-pack": "^0.1.12"
   }
-}
+}