feat: introduce AppState

A simple shared state for recipes so that they can be displayed and
updated in different places. This may need to be split into further
structs but there is no point in doing so yet.

crates/ui/src/lib.rs

@@ -1,10 +1,12 @@
-use crate::routing::Route;
+use crate::{routing::Route, state::AppState};
+use annapurna_data::types::{Ingredient, Recipe};
 use dioxus::prelude::*;
 use dioxus_router::components::Router;
 use wasm_bindgen::prelude::*;
 
 mod components;
 mod routing;
+mod state;
 pub mod util;
 
 #[wasm_bindgen(start)]
@@ -18,6 +20,17 @@ pub fn launch_app() {
 }
 
 fn app(cx: Scope) -> Element {
+    let recipes = vec![Recipe::new(
+        "pizza dough".to_string(),
+        vec![
+            Ingredient::new("flour".to_string()),
+            Ingredient::new("water".to_string()),
+            Ingredient::new("salt".to_string()),
+            Ingredient::new("yeast".to_string()),
+        ],
+    )];
+    use_shared_state_provider(cx, || AppState { recipes });
+
     render! {
         Router::<Route> { }
     }

crates/ui/src/routing.rs

@@ -1,23 +1,25 @@
-use crate::{components::Recipe, util};
+use crate::{components::Recipe, state::AppState, util};
 use dioxus::prelude::*;
 use dioxus_router::prelude::*;
 
 #[derive(Debug, Clone, Routable)]
 pub(crate) enum Route {
     #[route("/")]
     Index {},
-    /*
     #[route("/app")]
     AppIndex {},
     #[route("/app/recipes")]
     AppRecipes {},
-    */
 }
 
 #[allow(non_snake_case)]
 pub(crate) fn Index(cx: Scope) -> Element {
     cx.render(rsx! {
         div { "hello, wasm!" }
+        Link {
+            to: Route::AppRecipes {},
+            "recipes"
+        }
         button {
             onclick: |_| async move {
                 let filename = "test.txt";
@@ -32,3 +34,24 @@ pub(crate) fn Index(cx: Scope) -> Element {
         }
     })
 }
+
+#[allow(non_snake_case)]
+pub(crate) fn AppIndex(cx: Scope) -> Element {
+    cx.render(rsx! {
+        div { "app index" }
+    })
+}
+
+#[allow(non_snake_case)]
+pub(crate) fn AppRecipes(cx: Scope) -> Element {
+    let app_state = use_shared_state::<AppState>(cx).unwrap();
+
+    cx.render(rsx! {
+        app_state.read().recipes.iter().map(|recipe| rsx! {
+            Recipe {
+                name: recipe.name.clone(),
+                ingredients: recipe.ingredients.iter().map(|ingredient| ingredient.name.clone()).collect(),
+            }
+        })
+    })
+}

crates/ui/src/state.rs

@@ -0,0 +1,7 @@
+use annapurna_data::types::Recipe;
+use serde::{Deserialize, Serialize};
+
+#[derive(Default, Debug, Clone, Deserialize, Serialize)]
+pub(crate) struct AppState {
+    pub recipes: Vec<Recipe>,
+}