call global javascript function from rust (ugly)

wasm_test_site/src/lib.rs

@@ -4,6 +4,12 @@ fn log(string: impl AsRef<str>) {
     web_sys::console::log_1(&JsValue::from_str(string.as_ref()));
 }
 
+#[wasm_bindgen]
+extern "C" {
+    #[wasm_bindgen(js_namespace = window)]
+    fn writeToDom(s: &str);
+}
+
 #[wasm_bindgen]
 pub fn greet() {
     console_error_panic_hook::set_once();
@@ -17,7 +23,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.json

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