151 lines
4.3 KiB
Rust
151 lines
4.3 KiB
Rust
#![doc = include_str!("../README.md")]
|
|
#![doc(html_logo_url = "https://avatars.githubusercontent.com/u/79236386")]
|
|
#![doc(html_favicon_url = "https://avatars.githubusercontent.com/u/79236386")]
|
|
|
|
mod adapters;
|
|
#[allow(unused_imports)]
|
|
pub use adapters::*;
|
|
|
|
mod element;
|
|
pub mod pool;
|
|
mod query;
|
|
use dioxus_interpreter_js::NATIVE_JS;
|
|
use futures_util::{SinkExt, StreamExt};
|
|
pub use pool::*;
|
|
mod config;
|
|
mod eval;
|
|
mod events;
|
|
pub use config::*;
|
|
#[cfg(feature = "axum")]
|
|
pub mod launch;
|
|
|
|
pub trait WebsocketTx: SinkExt<String, Error = LiveViewError> {}
|
|
impl<T> WebsocketTx for T where T: SinkExt<String, Error = LiveViewError> {}
|
|
|
|
pub trait WebsocketRx: StreamExt<Item = Result<String, LiveViewError>> {}
|
|
impl<T> WebsocketRx for T where T: StreamExt<Item = Result<String, LiveViewError>> {}
|
|
|
|
#[derive(Debug, thiserror::Error)]
|
|
#[non_exhaustive]
|
|
pub enum LiveViewError {
|
|
#[error("Sending to client error")]
|
|
SendingFailed,
|
|
}
|
|
|
|
fn handle_edits_code() -> String {
|
|
use dioxus_interpreter_js::unified_bindings::SLEDGEHAMMER_JS;
|
|
|
|
let serialize_file_uploads = r#"if (
|
|
target.tagName === "INPUT" &&
|
|
(event.type === "change" || event.type === "input")
|
|
) {
|
|
const type = target.getAttribute("type");
|
|
if (type === "file") {
|
|
async function read_files() {
|
|
const files = target.files;
|
|
const file_contents = {};
|
|
|
|
for (let i = 0; i < files.length; i++) {
|
|
const file = files[i];
|
|
|
|
file_contents[file.name] = Array.from(
|
|
new Uint8Array(await file.arrayBuffer())
|
|
);
|
|
}
|
|
let file_engine = {
|
|
files: file_contents,
|
|
};
|
|
contents.files = file_engine;
|
|
|
|
if (realId === null) {
|
|
return;
|
|
}
|
|
const message = window.interpreter.serializeIpcMessage("user_event", {
|
|
name: name,
|
|
element: parseInt(realId),
|
|
data: contents,
|
|
bubbles,
|
|
});
|
|
window.ipc.postMessage(message);
|
|
}
|
|
read_files();
|
|
return;
|
|
}
|
|
}"#;
|
|
let mut interpreter = format!(
|
|
r#"
|
|
// Bring the sledgehammer code
|
|
{SLEDGEHAMMER_JS}
|
|
|
|
// And then extend it with our native bindings
|
|
{NATIVE_JS}
|
|
"#
|
|
)
|
|
.replace("/*POST_EVENT_SERIALIZATION*/", serialize_file_uploads)
|
|
.replace("export", "");
|
|
while let Some(import_start) = interpreter.find("import") {
|
|
let import_end = interpreter[import_start..]
|
|
.find(|c| c == ';' || c == '\n')
|
|
.map(|i| i + import_start)
|
|
.unwrap_or_else(|| interpreter.len());
|
|
interpreter.replace_range(import_start..import_end, "");
|
|
}
|
|
let main_js = include_str!("./main.js");
|
|
let js = format!("{interpreter}\n{main_js}");
|
|
js
|
|
}
|
|
|
|
/// This script that gets injected into your app connects this page to the websocket endpoint
|
|
///
|
|
/// Once the endpoint is connected, it will send the initial state of the app, and then start
|
|
/// processing user events and returning edits to the liveview instance.
|
|
///
|
|
/// You can pass a relative path prefixed with "/", or enter a full URL including the protocol
|
|
/// (`ws:` or `wss:`) as an argument.
|
|
///
|
|
/// If you enter a relative path, the web client automatically prefixes the host address in
|
|
/// `window.location` when creating a web socket to LiveView.
|
|
///
|
|
/// ```rust
|
|
/// use dioxus_liveview::interpreter_glue;
|
|
///
|
|
/// // Creates websocket connection to same host as current page
|
|
/// interpreter_glue("/api/liveview");
|
|
///
|
|
/// // Creates websocket connection to specified url
|
|
/// interpreter_glue("ws://localhost:8080/api/liveview");
|
|
/// ```
|
|
pub fn interpreter_glue(url_or_path: &str) -> String {
|
|
// If the url starts with a `/`, generate glue which reuses current host
|
|
let get_ws_url = if url_or_path.starts_with('/') {
|
|
r#"
|
|
let loc = window.location;
|
|
let new_url = "";
|
|
if (loc.protocol === "https:") {{
|
|
new_url = "wss:";
|
|
}} else {{
|
|
new_url = "ws:";
|
|
}}
|
|
new_url += "//" + loc.host + path;
|
|
return new_url;
|
|
"#
|
|
} else {
|
|
"return path;"
|
|
};
|
|
|
|
let handle_edits = handle_edits_code();
|
|
|
|
format!(
|
|
r#"
|
|
<script>
|
|
function __dioxusGetWsUrl(path) {{
|
|
{get_ws_url}
|
|
}}
|
|
|
|
var WS_ADDR = __dioxusGetWsUrl("{url_or_path}");
|
|
{handle_edits}
|
|
</script>
|
|
"#
|
|
)
|
|
}
|