kitchen/web/src/web.rs

// 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 sycamore::{futures::spawn_local_scoped, prelude::*};
use tracing::{error, info, instrument};

use crate::components::Header;
use crate::pages::*;
use crate::{api, app_state::*, router_integration::*};

#[instrument]
fn route_switch<G: Html>(cx: Scope, route: &ReadSignal<Routes>) -> 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.
    match route.get().as_ref() {
        Routes::Plan => view! {cx,
            PlanPage()
        },
        Routes::Inventory => view! {cx,
            InventoryPage()
        },
        Routes::Login => view! {cx,
            LoginPage()
        },
        Routes::Cook => view! {cx,
            CookPage()
        },
        Routes::Recipe(idx) => view! {cx,
            RecipePage(recipe=idx.clone())
        },
        Routes::Categories => view! {cx,
            CategoryPage()
        },
        Routes::NotFound => view! {cx,
            // TODO(Create a real one)
            PlanPage()
        },
    }
}

#[instrument]
#[component]
pub fn UI<G: Html>(cx: Scope) -> View<G> {
    crate::app_state::State::provide_context(cx);
    api::HttpStore::provide_context(cx, "/api/v1".to_owned());
    info!("Starting UI");

    let view = create_signal(cx, View::empty());
    // FIXME(jwall): We need a way to trigger refreshes when required. Turn this
    // into a create_effect with a refresh signal stored as a context.
    spawn_local_scoped(cx, {
        let store = api::HttpStore::get_from_context(cx);
        let state = crate::app_state::State::get_from_context(cx);
        async move {
            if let Err(err) = api::init_page_state(store.as_ref(), state.as_ref()).await {
                error!(?err);
            };
            view.set(view! { cx,
                div(class="app") {
                    Header { }
                    Router(RouterProps {
                        route: Routes::Plan,
                        route_select: route_switch,
                        browser_integration: BrowserIntegration::new(),
                    })
                }
            });
        }
    });

    view! { cx, (view.get().as_ref()) }
}