knock-knock client in yew

2024-05-29 09:31:19 -07:00 · 2024-05-29 09:31:19 -07:00 · 94a5b2a622
commit 94a5b2a622
3 changed files with 72 additions and 0 deletions
--- a/Cargo.toml
+++ b/Cargo.toml
@ -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"
--- a/index.html
+++ b/index.html
@ -0,0 +1,5 @@
+<!doctype html>
+<html lang="en">
+    <head></head>
+    <body></body>
+</html>
--- a/src/main.rs
+++ b/src/main.rs
@ -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();
+}