david/questions-yew
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

knock-knock client in yew

Browse Source
This commit is contained in:
Bart Massey 2024-05-29 09:31:19 -07:00
commit 94a5b2a622
3 changed files with 72 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
Cargo.toml Normal file
View File

@ -0,0 +1,12 @@
[package]
name = "knock-knock-yew"
version = "0.1.0"
edition = "2021"
[dependencies]
yew = { git = "https://github.com/yewstack/yew/", features = ["csr"] }
gloo-net = "0.2"
serde = { version = "1.0", features = ["derive"] }
wasm-bindgen-futures = "0.4"
wasm-cookies = "0.2.1"
gloo-console = "0.3.0"

5
index.html Normal file
View File

@ -0,0 +1,5 @@
<!doctype html>
<html lang="en">
<head></head>
<body></body>
</html>

55
src/main.rs Normal file
View File

@ -0,0 +1,55 @@
extern crate serde;
use gloo_console::log;
extern crate wasm_bindgen_futures;
extern crate wasm_cookies;
use yew::prelude::*;
use std::sync::Arc;
#[derive(Properties, Clone, PartialEq)]
struct CookieProps {
cookie: Arc<String>,
}
impl CookieProps {
fn setup_cookie() -> Self {
let cookie_options = wasm_cookies::CookieOptions::default()
.expires_after(core::time::Duration::from_secs(52 * 7 * 24 * 60 * 60));
let cookie = wasm_cookies::get("test");
let cookie = if let Some(cookie) = cookie {
cookie.unwrap()
} else {
log!("setting cookie");
wasm_cookies::set("test", "123", &cookie_options);
"123".to_string()
};
log!(&cookie);
Self { cookie: Arc::new(cookie) }
}
}
#[function_component(Cookie)]
fn cookie(CookieProps { cookie }: &CookieProps) -> Html {
html! {
<div>
<p>{cookie.clone()}</p>
</div>
}
}
#[function_component(App)]
fn app() -> Html {
let cookie = use_state(|| CookieProps::setup_cookie());
html! {
<>
<h1>{ "Knock-Knock" }</h1>
<div>
<Cookie cookie={cookie.cookie.clone()} />
</div>
</>
}
}
fn main() {
yew::Renderer::<App>::new().render();
}