basic dioxus state

src/app.rs

@@ -2,10 +2,23 @@
 
 use dioxus::prelude::*;
 
+pub struct State {
+    pub status: GlobalSignal<String>,
+}
+
+pub static STATE: State = State {
+    status: Signal::global(|| "Starting...".to_owned()),
+};
+
 pub fn app() -> Element {
+    use_coroutine(|_: UnboundedReceiver<()>| super::network_entrypoint());
+
+    let status = &STATE.status;
     rsx!(
         div {
             "Hello, World!"
+            br {}
+            "{status}"
         }
     )
 }

src/lib.rs

@@ -1,5 +1,6 @@
 pub mod app;
 
+use app::STATE;
 use wasm_bindgen::prelude::*;
 use web_sys::console;
 use web_sys::WebTransport;
@@ -42,6 +43,8 @@ pub async fn network_entrypoint() {
 
     console::log_1(&"Created WebTransportOptions!".into());
 
+    *STATE.status.write() = "Connecting to WebTransport...".into();
+
     let transport = match WebTransport::new_with_options(
         "https://localhost:4433/?hostname=ohea.xyz&port=64738&username=test",
         &options,
@@ -64,6 +67,8 @@ pub async fn network_entrypoint() {
 
     console::log_1(&"Transport is ready.".into());
 
+    *STATE.status.write() = "Creating stream...".into();
+
     let stream: web_sys::WebTransportBidirectionalStream =
         match wasm_bindgen_futures::JsFuture::from(transport.create_bidirectional_stream()).await {
             Ok(x) => x.into(),
@@ -78,4 +83,6 @@ pub async fn network_entrypoint() {
 
     console::log_1(&"Created bidirectional stream!".into());
     console::log_1(&stream.into());
+
+    //*STATE.status.write() = "Ready!".into();
 }

src/main.rs

@@ -1,6 +1,5 @@
-use mumble_webtransport::{app, network_entrypoint};
+use mumble_webtransport::app;
 
 pub fn main() {
-    wasm_bindgen_futures::spawn_local(network_entrypoint());
     dioxus::launch(app::app);
 }