kitchen/web/src/web.rs

125 lines
4.1 KiB
Rust
Raw Normal View History

2022-01-13 18:07:01 -05:00
// 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.
2022-07-15 19:30:06 -04:00
use crate::pages::*;
use crate::{app_state::*, components::*, router_integration::*, service::AppService};
2022-07-21 16:33:55 -04:00
use tracing::{debug, error, info, instrument};
2022-01-24 19:59:16 -05:00
2022-08-13 13:27:03 -04:00
use recipe_store::{self, *};
use sycamore::{
context::{ContextProvider, ContextProviderProps},
futures::spawn_local_in_scope,
prelude::*,
};
2022-01-13 18:07:01 -05:00
2022-07-21 16:33:55 -04:00
#[instrument]
2022-07-15 19:30:06 -04:00
fn route_switch<G: Html>(route: ReadSignal<AppRoutes>) -> View<G> {
// NOTE(jwall): This needs to not be a dynamic node. The rules around
// this are somewhat unclear and underdocumented for Sycamore. But basically
// avoid conditionals in the `view!` macro calls here.
2022-08-15 16:58:35 -04:00
let node = cloned!((route) => match route.get().as_ref() {
2022-07-15 19:30:06 -04:00
AppRoutes::Plan => view! {
PlanPage()
},
AppRoutes::Inventory => view! {
InventoryPage()
},
AppRoutes::Cook => view! {
CookPage()
},
AppRoutes::Recipe(idx) => view! {
2022-08-15 19:37:08 -04:00
RecipePage(RecipePageProps { recipe: Signal::new(idx.clone()) })
2022-07-15 19:30:06 -04:00
},
AppRoutes::NotFound => view! {
// TODO(Create a real one)
PlanPage()
},
AppRoutes::Error(ref e) => {
let e = e.clone();
view! {
"Error: " (e)
2022-06-28 20:29:09 -04:00
}
2022-07-15 19:30:06 -04:00
}
2022-08-15 16:58:35 -04:00
});
debug!(node=?node, "routing to new page");
node
2022-02-10 17:11:27 -05:00
}
#[cfg(not(target_arch = "wasm32"))]
fn get_appservice() -> AppService<AsyncFileStore> {
AppService::new(recipe_store::AsyncFileStore::new("/".to_owned()))
}
#[cfg(target_arch = "wasm32")]
fn get_appservice() -> AppService<HttpStore> {
AppService::new(recipe_store::HttpStore::new("/api/v1".to_owned()))
}
2022-08-15 22:15:53 -04:00
#[instrument]
#[component(RouterComponent<G>)]
2022-08-14 20:46:29 -04:00
fn router_component(route: Option<AppRoutes>) -> View<G> {
2022-08-15 22:15:53 -04:00
debug!("Setting up router component");
2022-08-14 20:46:29 -04:00
match route {
Some(route) => {
view! {
StaticRouter(StaticRouterProps{route: route, route_select: route_switch})
}
}
None => {
view! {
Router(RouterProps{
route: AppRoutes::default(),
browser_integration: BrowserIntegration::new(),
route_select: route_switch,
})
}
}
}
}
#[instrument]
2022-01-25 20:32:17 -05:00
#[component(UI<G>)]
2022-08-14 20:46:29 -04:00
pub fn ui(route: Option<AppRoutes>) -> View<G> {
let app_service = get_appservice();
info!("Starting UI");
2022-01-25 20:32:17 -05:00
view! {
// NOTE(jwall): Set the app_service in our toplevel scope. Children will be able
// to find the service as long as they are a child of this scope.
ContextProvider(ContextProviderProps {
value: app_service.clone(),
children: || {
2022-08-15 22:15:53 -04:00
let view = Signal::new(View::empty());
create_effect(cloned!((route, view, app_service) => move || {
2022-07-15 19:30:06 -04:00
spawn_local_in_scope({
2022-08-15 22:15:53 -04:00
cloned!((route, view, app_service) => async move {
2022-07-21 16:33:55 -04:00
debug!("fetching recipes");
2022-08-15 16:58:35 -04:00
if let Err(msg) = app_service.init(false).await {
2022-08-15 22:15:53 -04:00
error!("Failed to get recipes {}", msg);
}
2022-08-15 22:15:53 -04:00
view.set(view!{
RouterComponent(route)
});
})
})
}));
2022-07-15 19:30:06 -04:00
view! {
div(class="app") {
Header()
2022-08-15 22:15:53 -04:00
(view.get().as_ref().clone())
}
2022-01-26 20:40:21 -05:00
}
}
})
2022-01-25 20:32:17 -05:00
}
2022-01-23 14:28:01 -05:00
}