Switch SSR examples from wasm-logger to tracing-web (#4054)

Author: Copilot

Cargo.lock

@@ -48,6 +48,8 @@ serde_json = "1"
 futures = { version = "0.3", default-features = false }
 log = "0.4"
 wasm-logger = "0.2"
+tracing-web = "0.1"
+tracing-subscriber = { version = "0.3", features = ["fmt"] }
 rand = "0.9"
 getrandom = { version = "0.3", features = ["wasm_js"] }
 instant = { version = "0.1", features = ["wasm-bindgen"] }

Cargo.toml

@@ -21,8 +21,8 @@ futures.workspace = true
 
 [target.'cfg(target_arch = "wasm32")'.dependencies]
 wasm-bindgen-futures.workspace = true
-wasm-logger.workspace = true
-log.workspace = true
+tracing-web.workspace = true
+tracing-subscriber.workspace = true
 
 [target.'cfg(not(target_arch = "wasm32"))'.dependencies]
 tokio = { workspace = true, features = ["macros", "rt-multi-thread", "fs"] }

examples/simple_ssr/Cargo.toml

@@ -2,6 +2,14 @@ use simple_ssr::App;
 
 fn main() {
     #[cfg(target_arch = "wasm32")]
-    wasm_logger::init(wasm_logger::Config::new(log::Level::Trace));
+    {
+        let fmt_layer = tracing_subscriber::fmt::layer()
+            .with_ansi(false) // Only partially supported across browsers
+            .without_time() // std::time is not available in browsers
+            .with_writer(tracing_web::MakeWebConsoleWriter::new())
+            .with_filter(tracing_subscriber::filter::LevelFilter::TRACE);
+        use tracing_subscriber::prelude::*;
+        tracing_subscriber::registry().with(fmt_layer).init();
+    }
     yew::Renderer::<App>::new().hydrate();
 }

examples/simple_ssr/src/bin/simple_ssr_hydrate.rs

@@ -16,13 +16,13 @@ required-features = ["ssr"]
 [dependencies]
 yew = { path = "../../packages/yew" }
 function_router = { path = "../function_router" }
-log = "0.4"
 futures = { workspace = true, features = ["std"] }
 hyper-util = "0.1.20"
 
 [target.'cfg(target_arch = "wasm32")'.dependencies]
 wasm-bindgen-futures.workspace = true
-wasm-logger.workspace = true
+tracing-web.workspace = true
+tracing-subscriber.workspace = true
 
 [target.'cfg(not(target_arch = "wasm32"))'.dependencies]
 yew-router = { path = "../../packages/yew-router" }

examples/ssr_router/Cargo.toml

@@ -2,6 +2,14 @@ use function_router::App;
 
 fn main() {
     #[cfg(target_arch = "wasm32")]
-    wasm_logger::init(wasm_logger::Config::new(log::Level::Trace));
+    {
+        let fmt_layer = tracing_subscriber::fmt::layer()
+            .with_ansi(false) // Only partially supported across browsers
+            .without_time() // std::time is not available in browsers
+            .with_writer(tracing_web::MakeWebConsoleWriter::new())
+            .with_filter(tracing_subscriber::filter::LevelFilter::TRACE);
+        use tracing_subscriber::prelude::*;
+        tracing_subscriber::registry().with(fmt_layer).init();
+    }
     yew::Renderer::<App>::new().hydrate();
 }