first working version

.cargo/config.toml

@@ -1,2 +1,2 @@
-[profile]
+[build]
 target = "wasm32-unknown-unknown"

Cargo.toml

@@ -4,9 +4,9 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-yew = { git = "https://github.com/yewstack/yew/", features = ["csr"] }
+gloo-console = "0.3.0"
 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"
+yew = { git = "https://github.com/yewstack/yew/", features = ["csr"] }

src/main.rs

@@ -1,7 +1,10 @@
+use std::collections::HashSet;
+
 extern crate serde;
 use gloo_console::log;
+use gloo_net::http;
 extern crate wasm_bindgen_futures;
-extern crate wasm_cookies;
+use wasm_cookies as cookies;
 use yew::prelude::*;
 
 #[derive(Properties, Clone, PartialEq)]
@@ -11,9 +14,9 @@ struct CookieProps {
 
 impl CookieProps {
     fn setup_cookie() -> Self {
-        let cookie_options = wasm_cookies::CookieOptions::default()
+        let cookie_options = cookies::CookieOptions::default()
             .expires_after(core::time::Duration::from_secs(52 * 7 * 24 * 60 * 60));
-        match wasm_cookies::get("test") {
+        match cookies::get("test") {
             Some(Ok(cookie)) => {
                 log!("got cookie");
                 return Self { cookie: cookie };
@@ -26,7 +29,7 @@ impl CookieProps {
             }
         }
         log!("setting cookie");
-        wasm_cookies::set("test", "123", &cookie_options);
+        cookies::set("test", "123", &cookie_options);
         let cookie = "123".to_string();
         // XXX Don't do this!! No secrets in logs!
         // log!(&cookie);
@@ -43,16 +46,71 @@ fn cookie(CookieProps { cookie }: &CookieProps) -> Html {
     }
 }
 
+#[derive(Properties, Clone, PartialEq, serde::Deserialize)]
+struct JokeStruct {
+    id: String,
+    whos_there: String,
+    answer_who: String,
+    tags: Option<HashSet<String>>,
+    source: Option<String>,
+}
+
+impl JokeStruct {
+    async fn get_joke() -> Result<Self, gloo_net::Error> {
+        http::Request::get("http://localhost:3000/api/v1/joke")
+            .send()
+            .await?
+            .json()
+            .await
+    }
+}
+
+#[derive(Properties, Clone, PartialEq, serde::Deserialize)]
+struct JokeProps {
+    joke: JokeStruct,
+}
+
+#[function_component(Joke)]
+fn joke(joke: &JokeProps) -> Html {
+    html! {
+        <div class="joke">
+            <span class="teller">{"Knock-Knock!"}</span><br/>
+            <span class="tellee">{"Who's there?"}</span><br/>
+            <span class="teller">{joke.joke.whos_there.clone()}</span><br/>
+            <span class="tellee">{format!("{} who?", &joke.joke.whos_there)}</span><br/>
+            <span class="teller">{joke.joke.answer_who.clone()}</span><br/>
+        </div>
+    }
+}
+
 #[function_component(App)]
 fn app() -> Html {
     let cookie = use_state(|| CookieProps::setup_cookie());
 
+    let joke = use_state(|| Err(gloo_net::Error::GlooError("uninit".to_string())));
+    let get_joke = joke.clone();
+    use_effect_with((), move |()| {
+        wasm_bindgen_futures::spawn_local(async move {
+            let joke = JokeStruct::get_joke().await;
+            get_joke.set(joke);
+        });
+        || ()
+    });
+
     html! {
     <>
         <h1>{ "Knock-Knock" }</h1>
         <div>
             <Cookie cookie={cookie.cookie.clone()} />
         </div>
+        if let Ok(ref joke) = *joke {
+            <Joke joke={joke.clone()}/>
+        }
+        if let Err(ref error) = *joke {
+            <div>
+                <p>{error.to_string().clone()}</p>
+            </div>
+        }
     </>
     }
 }