Evan AlmloffandJonathan Kelley
20d146d9bd
* improve documentation for the fullstack server context * Add a section about axum integration to the crate root docs * make serve_dioxus_application accept the cfg builder directly * remove unused server_fn module * improve fullstack config docs * improve documentation for the server function macro * fix axum router extension link * Fix doc tests * Fix launch builder * Simplify the launch builder * don't re-export launch in the prelude * refactor fullstack launch * Fix fullstack launch builder * Update static generation with the new builder api * fix some formatting/overly broad launch replacements * fix custom menu example * fix fullstack/static generation examples * Fix static generation launch * A few small formatting fixes * Fix a few doc tests * implement LaunchConfig for serve configs * fix fullstack launch with separate web and server launch methods * fix check with all features * dont expose inner core module * clippy and check * fix readme --------- Co-authored-by: Jonathan Kelley <jkelleyrtp@gmail.com>
48 lines
1.7 KiB
Rust
48 lines
1.7 KiB
Rust
//! This example shows how to use the `eval` function to run JavaScript code in the webview.
|
|
//!
|
|
//! Eval will only work with renderers that support javascript - so currently only the web and desktop/mobile renderers
|
|
//! that use a webview. Native renderers will throw "unsupported" errors when calling `eval`.
|
|
|
|
use async_std::task::sleep;
|
|
use dioxus::prelude::*;
|
|
|
|
fn main() {
|
|
dioxus::launch(app);
|
|
}
|
|
|
|
fn app() -> Element {
|
|
// Create a future that will resolve once the javascript has been successfully executed.
|
|
let future = use_resource(move || async move {
|
|
// Wait a little bit just to give the appearance of a loading screen
|
|
sleep(std::time::Duration::from_secs(1)).await;
|
|
|
|
// The `eval` is available in the prelude - and simply takes a block of JS.
|
|
// Dioxus' eval is interesting since it allows sending messages to and from the JS code using the `await dioxus.recv()`
|
|
// builtin function. This allows you to create a two-way communication channel between Rust and JS.
|
|
let mut eval = eval(
|
|
r#"
|
|
dioxus.send("Hi from JS!");
|
|
let msg = await dioxus.recv();
|
|
console.log(msg);
|
|
return "hi from JS!";
|
|
"#,
|
|
);
|
|
|
|
// Send a message to the JS code.
|
|
eval.send("Hi from Rust!".into()).unwrap();
|
|
|
|
// Our line on the JS side will log the message and then return "hello world".
|
|
let res = eval.recv().await.unwrap();
|
|
|
|
// This will print "Hi from JS!" and "Hi from Rust!".
|
|
println!("{:?}", eval.await);
|
|
|
|
res
|
|
});
|
|
|
|
match future.value().as_ref() {
|
|
Some(v) => rsx!( p { "{v}" } ),
|
|
_ => rsx!( p { "waiting.." } ),
|
|
}
|
|
}
|