67 lines
2.1 KiB
Rust
67 lines
2.1 KiB
Rust
#![allow(dead_code)]
|
|
|
|
use futures_channel::mpsc::UnboundedReceiver;
|
|
|
|
use dioxus_core::Template;
|
|
use web_sys::Element;
|
|
|
|
pub(crate) fn init() -> UnboundedReceiver<Template> {
|
|
use wasm_bindgen::closure::Closure;
|
|
use wasm_bindgen::JsCast;
|
|
use web_sys::{MessageEvent, WebSocket};
|
|
|
|
use serde::Deserialize;
|
|
|
|
let window = web_sys::window().unwrap();
|
|
|
|
let protocol = match window.location().protocol().unwrap() {
|
|
prot if prot == "https:" => "wss:",
|
|
_ => "ws:",
|
|
};
|
|
|
|
let url = format!(
|
|
"{protocol}//{}/_dioxus/hot_reload",
|
|
window.location().host().unwrap()
|
|
);
|
|
|
|
let ws = WebSocket::new(&url).unwrap();
|
|
|
|
let (tx, rx) = futures_channel::mpsc::unbounded();
|
|
|
|
// change the rsx when new data is received
|
|
let cl = Closure::wrap(Box::new(move |e: MessageEvent| {
|
|
if let Ok(text) = e.data().dyn_into::<js_sys::JsString>() {
|
|
let string: String = text.into();
|
|
|
|
if let Ok(val) = serde_json::from_str::<serde_json::Value>(&string) {
|
|
// leak the value
|
|
let val: &'static serde_json::Value = Box::leak(Box::new(val));
|
|
let template: Template = Template::deserialize(val).unwrap();
|
|
tx.unbounded_send(template).unwrap();
|
|
} else {
|
|
// it might be triggering a reload of assets
|
|
// invalidate all the stylesheets on the page
|
|
let links = web_sys::window()
|
|
.unwrap()
|
|
.document()
|
|
.unwrap()
|
|
.query_selector_all("link[rel=stylesheet]")
|
|
.unwrap();
|
|
|
|
let noise = js_sys::Math::random();
|
|
|
|
for x in 0..links.length() {
|
|
let link: Element = links.get(x).unwrap().unchecked_into();
|
|
let href = link.get_attribute("href").unwrap();
|
|
_ = link.set_attribute("href", &format!("{}?{}", href, noise));
|
|
}
|
|
}
|
|
}
|
|
}) as Box<dyn FnMut(MessageEvent)>);
|
|
|
|
ws.set_onmessage(Some(cl.as_ref().unchecked_ref()));
|
|
cl.forget();
|
|
|
|
rx
|
|
}
|