example with custom errors

This commit is contained in:
Greg Johnston 2024-01-15 20:38:21 -05:00
parent 7d114c7414
commit 4d602c21f8
2 changed files with 67 additions and 0 deletions

View file

@ -28,6 +28,7 @@ wasm-bindgen = "0.2"
serde_toml = "0.0.1" serde_toml = "0.0.1"
toml = "0.8.8" toml = "0.8.8"
web-sys = { version = "0.3.67", features = ["FileList", "File"] } web-sys = { version = "0.3.67", features = ["FileList", "File"] }
strum = { version = "0.25.0", features = ["strum_macros", "derive"] }
[features] [features]
hydrate = ["leptos/hydrate", "leptos_meta/hydrate", "leptos_router/hydrate"] hydrate = ["leptos/hydrate", "leptos_meta/hydrate", "leptos_router/hydrate"]

View file

@ -9,6 +9,7 @@ use std::sync::{
atomic::{AtomicU8, Ordering}, atomic::{AtomicU8, Ordering},
Mutex, Mutex,
}; };
use strum::{Display, EnumString};
use wasm_bindgen::JsCast; use wasm_bindgen::JsCast;
use web_sys::{FormData, HtmlFormElement, SubmitEvent}; use web_sys::{FormData, HtmlFormElement, SubmitEvent};
@ -39,6 +40,8 @@ pub fn HomePage() -> impl IntoView {
<SpawnLocal/> <SpawnLocal/>
<WithAnAction/> <WithAnAction/>
<WithActionForm/> <WithActionForm/>
<h2>"Custom Error Types"</h2>
<CustomErrorTypes/>
<h2>"Alternative Encodings"</h2> <h2>"Alternative Encodings"</h2>
<ServerFnArgumentExample/> <ServerFnArgumentExample/>
<RkyvExample/> <RkyvExample/>
@ -368,3 +371,66 @@ pub fn FileUpload() -> impl IntoView {
</p> </p>
} }
} }
/// The `ServerFnError` type is generic over a custom error type, which defaults to `NoCustomError`
/// for backwards compatibility and to support the most common use case.
///
/// A custom error type should implement `FromStr` and `Display`, which allows it to be converted
/// into and from a string easily to be sent over the network. It does *not* need to implement
/// `Serialize` and `Deserialize`, although these can be used to generate the `FromStr`/`Display`
/// implementations if you'd like. However, it's much lighter weight to use something like `strum`
/// simply to generate those trait implementations.
#[server]
pub async fn ascii_uppercase(
text: String,
) -> Result<String, ServerFnError<InvalidArgument>> {
if text.len() < 5 {
Err(InvalidArgument::TooShort.into())
} else if text.len() > 15 {
Err(InvalidArgument::TooLong.into())
} else if text.is_ascii() {
Ok(text.to_ascii_uppercase())
} else {
Err(InvalidArgument::NotAscii.into())
}
}
// The EnumString and Display derive macros are provided by strum
#[derive(Debug, Clone, EnumString, Display)]
pub enum InvalidArgument {
TooShort,
TooLong,
NotAscii,
}
#[component]
pub fn CustomErrorTypes() -> impl IntoView {
let input_ref = NodeRef::<Input>::new();
let (result, set_result) = create_signal(None);
view! {
<h3>Using custom error types</h3>
<p>
"Server functions can use a custom error type that is preserved across the network boundary."
</p>
<p>
"Try typing a message that is between 5 and 15 characters of ASCII text below. Then try breaking \
the rules!"
</p>
<input node_ref=input_ref placeholder="Type something here."/>
<button
on:click=move |_| {
let value = input_ref.get().unwrap().value();
spawn_local(async move {
let data = ascii_uppercase(value).await;
set_result(Some(data));
});
}
>
"Submit"
</button>
<p>
{move || format!("{:?}", result.get())}
</p>
}
}