// Copyright 2022 Jeremy Wall // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. use crate::{console_debug, console_error, console_log}; use reqwasm::http; use sycamore::context::{use_context, ContextProvider, ContextProviderProps}; use sycamore::futures::spawn_local_in_scope; use sycamore::prelude::*; use recipes::{parse, Recipe}; #[derive(Clone)] struct AppService { recipes: Signal>, } impl AppService { fn new() -> Self { Self { recipes: Signal::new(Vec::new()), } } async fn fetch_recipes() -> Result, String> { let resp = match http::Request::get("/api/v1/recipes").send().await { Ok(resp) => resp, Err(e) => return Err(format!("Error: {}", e)), }; if resp.status() != 200 { return Err(format!("Status: {}", resp.status())); } else { console_debug!("We got a valid response back!"); let recipe_list = match resp.json::>().await { Ok(recipes) => recipes, Err(e) => return Err(format!("Eror getting recipe list as json {}", e)), }; let mut parsed_list = Vec::new(); for r in recipe_list { let recipe = match parse::as_recipe(&r) { Ok(r) => r, Err(e) => { console_error!("Error parsing recipe {}", e); break; } }; console_debug!("We parsed a recipe {}", recipe.title); parsed_list.push(recipe); } return Ok(parsed_list); } } fn get_recipes(&self) -> Signal> { self.recipes.clone() } fn set_recipes(&mut self, recipes: Vec) { self.recipes.set(recipes); } } /// Component to list available recipes. #[component(RecipeList)] fn recipe_list() -> View { let app_service = use_context::(); view! { ul { Indexed(IndexedProps{ iterable: app_service.get_recipes().handle(), template: |recipe| { view! { li { (recipe.title) } } } }) } } } #[component(UI)] pub fn ui() -> View { let app_service = AppService::new(); console_log!("Starting UI"); spawn_local_in_scope({ let mut app_service = app_service.clone(); async move { match AppService::fetch_recipes().await { Ok(recipes) => { app_service.set_recipes(recipes); } Err(msg) => console_error!("Failed to get recipes {}", msg), } } }); view! { div { "hello chefs!" } ContextProvider(ContextProviderProps { value: app_service, children: || view! { RecipeList() } }) } }