salvo_adapter.rs 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554
  1. //! Dioxus utilities for the [Salvo](https://salvo.rs) server framework.
  2. //!
  3. //! # Example
  4. //! ```rust
  5. //! #![allow(non_snake_case)]
  6. //! use dioxus::prelude::*;
  7. //! use dioxus_fullstack::prelude::*;
  8. //!
  9. //! fn main() {
  10. //! #[cfg(feature = "web")]
  11. //! dioxus_web::launch_cfg(app, dioxus_web::Config::new().hydrate(true));
  12. //! #[cfg(feature = "ssr")]
  13. //! {
  14. //! use salvo::prelude::*;
  15. //! GetServerData::register().unwrap();
  16. //! tokio::runtime::Runtime::new()
  17. //! .unwrap()
  18. //! .block_on(async move {
  19. //! let router =
  20. //! Router::new().serve_dioxus_application("", ServeConfigBuilder::new(app, ()));
  21. //! Server::new(TcpListener::bind("127.0.0.1:8080"))
  22. //! .serve(router)
  23. //! .await;
  24. //! });
  25. //! }
  26. //! }
  27. //!
  28. //! fn app(cx: Scope) -> Element {
  29. //! let text = use_state(cx, || "...".to_string());
  30. //!
  31. //! cx.render(rsx! {
  32. //! button {
  33. //! onclick: move |_| {
  34. //! to_owned![text];
  35. //! async move {
  36. //! if let Ok(data) = get_server_data().await {
  37. //! text.set(data);
  38. //! }
  39. //! }
  40. //! },
  41. //! "Run a server function"
  42. //! }
  43. //! "Server said: {text}"
  44. //! })
  45. //! }
  46. //!
  47. //! #[server(GetServerData)]
  48. //! async fn get_server_data() -> Result<String, ServerFnError> {
  49. //! Ok("Hello from the server!".to_string())
  50. //! }
  51. //! ```
  52. use dioxus_core::VirtualDom;
  53. use hyper::{http::HeaderValue, StatusCode};
  54. use salvo::{
  55. async_trait, handler,
  56. serve_static::{StaticDir, StaticFile},
  57. Depot, FlowCtrl, Handler, Request, Response, Router,
  58. };
  59. use server_fn::{Encoding, Payload, ServerFunctionRegistry};
  60. use std::error::Error;
  61. use std::sync::Arc;
  62. use tokio::task::spawn_blocking;
  63. use crate::{
  64. prelude::*, render::SSRState, serve_config::ServeConfig, server_fn::DioxusServerFnRegistry,
  65. };
  66. /// A extension trait with utilities for integrating Dioxus with your Salvo router.
  67. pub trait DioxusRouterExt {
  68. /// Registers server functions with a custom handler function. This allows you to pass custom context to your server functions by generating a [`DioxusServerContext`] from the request.
  69. ///
  70. /// # Example
  71. /// ```rust
  72. /// use salvo::prelude::*;
  73. /// use std::{net::TcpListener, sync::Arc};
  74. /// use dioxus_fullstack::prelude::*;
  75. ///
  76. /// struct ServerFunctionHandler {
  77. /// server_fn: ServerFunction,
  78. /// }
  79. ///
  80. /// #[handler]
  81. /// impl ServerFunctionHandler {
  82. /// async fn handle(
  83. /// &self,
  84. /// req: &mut Request,
  85. /// depot: &mut Depot,
  86. /// res: &mut Response,
  87. /// flow: &mut FlowCtrl,
  88. /// ) {
  89. /// // Add the headers to server context
  90. /// ServerFnHandler::new((req.headers().clone(),), self.server_fn.clone())
  91. /// .handle(req, depot, res, flow)
  92. /// .await
  93. /// }
  94. /// }
  95. ///
  96. /// #[tokio::main]
  97. /// async fn main() {
  98. /// let router = Router::new()
  99. /// .register_server_fns_with_handler("", |func| {
  100. /// ServerFnHandler::new(DioxusServerContext::default(), func)
  101. /// });
  102. /// Server::new(TcpListener::bind("127.0.0.1:8080"))
  103. /// .serve(router)
  104. /// .await;
  105. /// }
  106. /// ```
  107. fn register_server_fns_with_handler<H>(
  108. self,
  109. server_fn_route: &'static str,
  110. handler: impl Fn(ServerFunction) -> H,
  111. ) -> Self
  112. where
  113. H: Handler + 'static;
  114. /// Registers server functions with the default handler. This handler function will pass an empty [`DioxusServerContext`] to your server functions.
  115. ///
  116. /// # Example
  117. /// ```rust
  118. /// use salvo::prelude::*;
  119. /// use std::{net::TcpListener, sync::Arc};
  120. /// use dioxus_fullstack::prelude::*;
  121. ///
  122. /// #[tokio::main]
  123. /// async fn main() {
  124. /// let router = Router::new()
  125. /// .register_server_fns("");
  126. /// Server::new(TcpListener::bind("127.0.0.1:8080"))
  127. /// .serve(router)
  128. /// .await;
  129. /// }
  130. ///
  131. /// ```
  132. fn register_server_fns(self, server_fn_route: &'static str) -> Self;
  133. /// Register the web RSX hot reloading endpoint. This will enable hot reloading for your application in debug mode when you call [`dioxus_hot_reload::hot_reload_init`].
  134. ///
  135. /// # Example
  136. /// ```rust
  137. /// use salvo::prelude::*;
  138. /// use std::{net::TcpListener, sync::Arc};
  139. /// use dioxus_fullstack::prelude::*;
  140. ///
  141. /// #[tokio::main]
  142. /// async fn main() {
  143. /// let router = Router::new()
  144. /// .connect_hot_reload();
  145. /// Server::new(TcpListener::bind("127.0.0.1:8080"))
  146. /// .serve(router)
  147. /// .await;
  148. /// }
  149. fn connect_hot_reload(self) -> Self;
  150. /// Serves the static WASM for your Dioxus application (except the generated index.html).
  151. ///
  152. /// # Example
  153. /// ```rust
  154. /// use salvo::prelude::*;
  155. /// use std::{net::TcpListener, sync::Arc};
  156. /// use dioxus_fullstack::prelude::*;
  157. ///
  158. /// #[tokio::main]
  159. /// async fn main() {
  160. /// let router = Router::new()
  161. /// .server_static_assets("/dist");
  162. /// Server::new(TcpListener::bind("127.0.0.1:8080"))
  163. /// .serve(router)
  164. /// .await;
  165. /// }
  166. /// ```
  167. fn serve_static_assets(self, assets_path: impl Into<std::path::PathBuf>) -> Self;
  168. /// Serves the Dioxus application. This will serve a complete server side rendered application.
  169. /// This will serve static assets, server render the application, register server functions, and intigrate with hot reloading.
  170. ///
  171. /// # Example
  172. /// ```rust
  173. /// #![allow(non_snake_case)]
  174. /// use dioxus::prelude::*;
  175. /// use dioxus_fullstack::prelude::*;
  176. /// use salvo::prelude::*;
  177. /// use std::{net::TcpListener, sync::Arc};
  178. ///
  179. /// #[tokio::main]
  180. /// async fn main() {
  181. /// let router = Router::new().serve_dioxus_application("", ServeConfigBuilder::new(app, ()));
  182. /// Server::new(TcpListener::bind("127.0.0.1:8080"))
  183. /// .serve(router)
  184. /// .await;
  185. /// }
  186. ///
  187. /// fn app(cx: Scope) -> Element {todo!()}
  188. /// ```
  189. fn serve_dioxus_application<P: Clone + serde::Serialize + Send + Sync + 'static>(
  190. self,
  191. server_fn_path: &'static str,
  192. cfg: impl Into<ServeConfig<P>>,
  193. ) -> Self;
  194. }
  195. impl DioxusRouterExt for Router {
  196. fn register_server_fns_with_handler<H>(
  197. self,
  198. server_fn_route: &'static str,
  199. mut handler: impl FnMut(ServerFunction) -> H,
  200. ) -> Self
  201. where
  202. H: Handler + 'static,
  203. {
  204. let mut router = self;
  205. for server_fn_path in DioxusServerFnRegistry::paths_registered() {
  206. let func = DioxusServerFnRegistry::get(server_fn_path).unwrap();
  207. let full_route = format!("{server_fn_route}/{server_fn_path}");
  208. match func.encoding {
  209. Encoding::Url | Encoding::Cbor => {
  210. router = router.push(Router::with_path(&full_route).post(handler(func)));
  211. }
  212. Encoding::GetJSON | Encoding::GetCBOR => {
  213. router = router.push(Router::with_path(&full_route).get(handler(func)));
  214. }
  215. }
  216. }
  217. router
  218. }
  219. fn register_server_fns(self, server_fn_route: &'static str) -> Self {
  220. self.register_server_fns_with_handler(server_fn_route, |func| ServerFnHandler {
  221. server_context: DioxusServerContext::default(),
  222. function: func,
  223. })
  224. }
  225. fn serve_static_assets(mut self, assets_path: impl Into<std::path::PathBuf>) -> Self {
  226. let assets_path = assets_path.into();
  227. // Serve all files in dist folder except index.html
  228. let dir = std::fs::read_dir(&assets_path).unwrap_or_else(|e| {
  229. panic!(
  230. "Couldn't read assets directory at {:?}: {}",
  231. &assets_path, e
  232. )
  233. });
  234. for entry in dir.flatten() {
  235. let path = entry.path();
  236. if path.ends_with("index.html") {
  237. continue;
  238. }
  239. let route = path
  240. .strip_prefix(&assets_path)
  241. .unwrap()
  242. .iter()
  243. .map(|segment| {
  244. segment.to_str().unwrap_or_else(|| {
  245. panic!("Failed to convert path segment {:?} to string", segment)
  246. })
  247. })
  248. .collect::<Vec<_>>()
  249. .join("/");
  250. if path.is_file() {
  251. let route = format!("/{}", route);
  252. let serve_dir = StaticFile::new(path.clone());
  253. self = self.push(Router::with_path(route).get(serve_dir))
  254. } else {
  255. let route = format!("/{}/<**path>", route);
  256. let serve_dir = StaticDir::new([path.clone()]);
  257. self = self.push(Router::with_path(route).get(serve_dir))
  258. }
  259. }
  260. self
  261. }
  262. fn serve_dioxus_application<P: Clone + serde::Serialize + Send + Sync + 'static>(
  263. self,
  264. server_fn_path: &'static str,
  265. cfg: impl Into<ServeConfig<P>>,
  266. ) -> Self {
  267. let cfg = cfg.into();
  268. self.serve_static_assets(&cfg.assets_path)
  269. .connect_hot_reload()
  270. .register_server_fns(server_fn_path)
  271. .push(Router::with_path("/").get(SSRHandler { cfg }))
  272. }
  273. fn connect_hot_reload(self) -> Self {
  274. let mut _dioxus_router = Router::with_path("_dioxus");
  275. _dioxus_router = _dioxus_router
  276. .push(Router::with_path("hot_reload").handle(HotReloadHandler::default()));
  277. #[cfg(all(debug_assertions, feature = "hot-reload", feature = "ssr"))]
  278. {
  279. _dioxus_router = _dioxus_router.push(Router::with_path("disconnect").handle(ignore_ws));
  280. }
  281. self.push(_dioxus_router)
  282. }
  283. }
  284. /// Extracts the parts of a request that are needed for server functions. This will take parts of the request and replace them with empty values.
  285. pub fn extract_parts(req: &mut Request) -> RequestParts {
  286. RequestParts {
  287. method: std::mem::take(req.method_mut()),
  288. uri: std::mem::take(req.uri_mut()),
  289. version: req.version(),
  290. headers: std::mem::take(req.headers_mut()),
  291. extensions: std::mem::take(req.extensions_mut()),
  292. }
  293. }
  294. struct SSRHandler<P: Clone> {
  295. cfg: ServeConfig<P>,
  296. }
  297. #[async_trait]
  298. impl<P: Clone + serde::Serialize + Send + Sync + 'static> Handler for SSRHandler<P> {
  299. async fn handle(
  300. &self,
  301. req: &mut Request,
  302. depot: &mut Depot,
  303. res: &mut Response,
  304. _flow: &mut FlowCtrl,
  305. ) {
  306. // Get the SSR renderer from the depot or create a new one if it doesn't exist
  307. let renderer_pool = if let Some(renderer) = depot.obtain::<SSRState>() {
  308. renderer.clone()
  309. } else {
  310. let renderer = SSRState::default();
  311. depot.inject(renderer.clone());
  312. renderer
  313. };
  314. let parts: Arc<RequestParts> = Arc::new(extract_parts(req));
  315. let server_context = DioxusServerContext::new(parts);
  316. let mut vdom = VirtualDom::new_with_props(self.cfg.app, self.cfg.props.clone())
  317. .with_root_context(server_context.clone());
  318. let _ = vdom.rebuild();
  319. res.write_body(renderer_pool.render_vdom(&vdom, &self.cfg))
  320. .unwrap();
  321. *res.headers_mut() = server_context.take_response_headers();
  322. }
  323. }
  324. /// A default handler for server functions. It will deserialize the request body, call the server function, and serialize the response.
  325. pub struct ServerFnHandler {
  326. server_context: DioxusServerContext,
  327. function: ServerFunction,
  328. }
  329. impl ServerFnHandler {
  330. /// Create a new server function handler with the given server context and server function.
  331. pub fn new(server_context: impl Into<DioxusServerContext>, function: ServerFunction) -> Self {
  332. let server_context = server_context.into();
  333. Self {
  334. server_context,
  335. function,
  336. }
  337. }
  338. }
  339. #[handler]
  340. impl ServerFnHandler {
  341. async fn handle(&self, req: &mut Request, _depot: &mut Depot, res: &mut Response) {
  342. let Self {
  343. server_context,
  344. function,
  345. } = self;
  346. let query = req
  347. .uri()
  348. .query()
  349. .unwrap_or_default()
  350. .as_bytes()
  351. .to_vec()
  352. .into();
  353. let body = hyper::body::to_bytes(req.body_mut().unwrap()).await;
  354. let Ok(body)=body else {
  355. handle_error(body.err().unwrap(), res);
  356. return;
  357. };
  358. let headers = req.headers();
  359. let accept_header = headers.get("Accept").cloned();
  360. let parts = Arc::new(extract_parts(req));
  361. // Because the future returned by `server_fn_handler` is `Send`, and the future returned by this function must be send, we need to spawn a new runtime
  362. let (resp_tx, resp_rx) = tokio::sync::oneshot::channel();
  363. spawn_blocking({
  364. let function = function.clone();
  365. let mut server_context = server_context.clone();
  366. server_context.parts = parts;
  367. move || {
  368. tokio::runtime::Runtime::new()
  369. .expect("couldn't spawn runtime")
  370. .block_on(async move {
  371. let data = match &function.encoding {
  372. Encoding::Url | Encoding::Cbor => &body,
  373. Encoding::GetJSON | Encoding::GetCBOR => &query,
  374. };
  375. let resp = (function.trait_obj)(server_context, data).await;
  376. resp_tx.send(resp).unwrap();
  377. })
  378. }
  379. });
  380. let result = resp_rx.await.unwrap();
  381. // Set the headers from the server context
  382. *res.headers_mut() = server_context.take_response_headers();
  383. match result {
  384. Ok(serialized) => {
  385. // if this is Accept: application/json then send a serialized JSON response
  386. let accept_header = accept_header.as_ref().and_then(|value| value.to_str().ok());
  387. if accept_header == Some("application/json")
  388. || accept_header
  389. == Some(
  390. "application/\
  391. x-www-form-urlencoded",
  392. )
  393. || accept_header == Some("application/cbor")
  394. {
  395. res.set_status_code(StatusCode::OK);
  396. }
  397. match serialized {
  398. Payload::Binary(data) => {
  399. res.headers_mut()
  400. .insert("Content-Type", HeaderValue::from_static("application/cbor"));
  401. res.write_body(data).unwrap();
  402. }
  403. Payload::Url(data) => {
  404. res.headers_mut().insert(
  405. "Content-Type",
  406. HeaderValue::from_static(
  407. "application/\
  408. x-www-form-urlencoded",
  409. ),
  410. );
  411. res.write_body(data).unwrap();
  412. }
  413. Payload::Json(data) => {
  414. res.headers_mut()
  415. .insert("Content-Type", HeaderValue::from_static("application/json"));
  416. res.write_body(data).unwrap();
  417. }
  418. }
  419. }
  420. Err(err) => handle_error(err, res),
  421. }
  422. }
  423. }
  424. fn handle_error(error: impl Error + Send + Sync, res: &mut Response) {
  425. let mut resp_err = Response::new();
  426. resp_err.set_status_code(StatusCode::INTERNAL_SERVER_ERROR);
  427. resp_err.render(format!("Internal Server Error: {}", error));
  428. *res = resp_err;
  429. }
  430. /// A handler for Dioxus web hot reload websocket. This will send the updated static parts of the RSX to the client when they change.
  431. #[cfg(not(all(debug_assertions, feature = "hot-reload", feature = "ssr")))]
  432. #[derive(Default)]
  433. pub struct HotReloadHandler;
  434. #[cfg(not(all(debug_assertions, feature = "hot-reload", feature = "ssr")))]
  435. #[handler]
  436. impl HotReloadHandler {
  437. async fn handle(
  438. &self,
  439. _req: &mut Request,
  440. _depot: &mut Depot,
  441. _res: &mut Response,
  442. ) -> Result<(), salvo::http::StatusError> {
  443. Err(salvo::http::StatusError::not_found())
  444. }
  445. }
  446. /// A handler for Dioxus web hot reload websocket. This will send the updated static parts of the RSX to the client when they change.
  447. #[cfg(all(debug_assertions, feature = "hot-reload", feature = "ssr"))]
  448. #[derive(Default)]
  449. pub struct HotReloadHandler;
  450. #[cfg(all(debug_assertions, feature = "hot-reload", feature = "ssr"))]
  451. #[handler]
  452. impl HotReloadHandler {
  453. async fn handle(
  454. &self,
  455. req: &mut Request,
  456. _depot: &mut Depot,
  457. res: &mut Response,
  458. ) -> Result<(), salvo::http::StatusError> {
  459. use salvo::ws::Message;
  460. use salvo::ws::WebSocketUpgrade;
  461. let state = crate::hot_reload::spawn_hot_reload().await;
  462. WebSocketUpgrade::new()
  463. .upgrade(req, res, move |mut websocket| async move {
  464. use futures_util::StreamExt;
  465. println!("🔥 Hot Reload WebSocket connected");
  466. {
  467. // update any rsx calls that changed before the websocket connected.
  468. {
  469. println!("🔮 Finding updates since last compile...");
  470. let templates_read = state.templates.read().await;
  471. for template in &*templates_read {
  472. if websocket
  473. .send(Message::text(serde_json::to_string(&template).unwrap()))
  474. .await
  475. .is_err()
  476. {
  477. return;
  478. }
  479. }
  480. }
  481. println!("finished");
  482. }
  483. let mut rx = tokio_stream::wrappers::WatchStream::from_changes(
  484. state.message_receiver.clone(),
  485. );
  486. while let Some(change) = rx.next().await {
  487. if let Some(template) = change {
  488. let template = { serde_json::to_string(&template).unwrap() };
  489. if websocket.send(Message::text(template)).await.is_err() {
  490. break;
  491. };
  492. }
  493. }
  494. })
  495. .await
  496. }
  497. }
  498. #[cfg(all(debug_assertions, feature = "hot-reload", feature = "ssr"))]
  499. #[handler]
  500. async fn ignore_ws(req: &mut Request, res: &mut Response) -> Result<(), salvo::http::StatusError> {
  501. use salvo::ws::WebSocketUpgrade;
  502. WebSocketUpgrade::new()
  503. .upgrade(req, res, |mut ws| async move {
  504. let _ = ws.send(salvo::ws::Message::text("connected")).await;
  505. while let Some(msg) = ws.recv().await {
  506. if msg.is_err() {
  507. return;
  508. };
  509. }
  510. })
  511. .await
  512. }