2022-12-16 03:57:48 +00:00
|
|
|
use dioxus::prelude::*;
|
2022-09-13 21:24:30 +00:00
|
|
|
|
2022-12-16 03:57:48 +00:00
|
|
|
use dioxus_liveview::LiveViewPool;
|
|
|
|
|
use salvo::extra::affix;
|
|
|
|
|
use salvo::extra::ws::WsHandler;
|
|
|
|
|
use salvo::prelude::*;
|
|
|
|
|
use std::net::SocketAddr;
|
|
|
|
|
use std::sync::Arc;
|
2022-09-13 21:24:30 +00:00
|
|
|
|
2022-12-16 03:57:48 +00:00
|
|
|
fn app(cx: Scope) -> Element {
|
|
|
|
|
let mut num = use_state(cx, || 0);
|
2022-09-13 21:24:30 +00:00
|
|
|
|
2022-12-16 03:57:48 +00:00
|
|
|
cx.render(rsx! {
|
|
|
|
|
div {
|
|
|
|
|
"hello salvo! {num}"
|
|
|
|
|
button { onclick: move |_| num += 1, "Increment" }
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
2022-09-13 21:24:30 +00:00
|
|
|
|
2022-12-16 03:57:48 +00:00
|
|
|
#[tokio::main]
|
|
|
|
|
async fn main() {
|
2022-09-13 21:24:30 +00:00
|
|
|
pretty_env_logger::init();
|
|
|
|
|
|
2022-12-16 03:57:48 +00:00
|
|
|
let addr: SocketAddr = ([127, 0, 0, 1], 3030).into();
|
|
|
|
|
|
|
|
|
|
let view = LiveViewPool::new();
|
2022-09-13 21:24:30 +00:00
|
|
|
|
|
|
|
|
let router = Router::new()
|
|
|
|
|
.hoop(affix::inject(Arc::new(view)))
|
|
|
|
|
.get(index)
|
2022-12-16 03:57:48 +00:00
|
|
|
.push(Router::with_path("ws").get(connect));
|
|
|
|
|
|
|
|
|
|
println!("Listening on http://{}", addr);
|
|
|
|
|
|
2022-09-13 21:24:30 +00:00
|
|
|
Server::new(TcpListener::bind(addr)).serve(router).await;
|
2022-12-16 03:57:48 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#[handler]
|
|
|
|
|
fn index(_depot: &mut Depot, res: &mut Response) {
|
|
|
|
|
let addr: SocketAddr = ([127, 0, 0, 1], 3030).into();
|
|
|
|
|
res.render(Text::Html(format!(
|
|
|
|
|
r#"
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head> <title>Dioxus LiveView with Warp</title> </head>
|
|
|
|
|
<body> <div id="main"></div> </body>
|
|
|
|
|
{glue}
|
|
|
|
|
</html>
|
|
|
|
|
"#,
|
|
|
|
|
glue = dioxus_liveview::interpreter_glue(&format!("ws://{addr}/ws"))
|
|
|
|
|
)));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#[handler]
|
|
|
|
|
async fn connect(
|
|
|
|
|
req: &mut Request,
|
|
|
|
|
depot: &mut Depot,
|
|
|
|
|
res: &mut Response,
|
|
|
|
|
) -> Result<(), StatusError> {
|
|
|
|
|
let view = depot.obtain::<Arc<LiveViewPool>>().unwrap().clone();
|
|
|
|
|
let fut = WsHandler::new().handle(req, res)?;
|
|
|
|
|
|
|
|
|
|
tokio::spawn(async move {
|
|
|
|
|
if let Some(ws) = fut.await {
|
|
|
|
|
_ = view.launch(dioxus_liveview::salvo_socket(ws), app).await;
|
|
|
|
|
}
|
|
|
|
|
});
|
2022-09-13 21:24:30 +00:00
|
|
|
|
2022-12-16 03:57:48 +00:00
|
|
|
Ok(())
|
2022-09-13 21:24:30 +00:00
|
|
|
}
|
