leptos_forge 0.6.3

Build and test your Leptos components
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85

//! Base component of the application

mod state;

use leptos::leptos_dom::logging::console_log;
use leptos::prelude::*;
use leptos::tachys::view::iterators::StaticVec;
use leptos_router::components::Router;
use leptos_router::components::Routes;
use reactive_stores::Store;
use state::State;
use ui_components::menu::MenuState;

use super::navigation::PathSpec;
use super::navigation::RouteDef;
use ui_components::layout::main_menu::MainMenu;
use ui_components::layout::root::Root;
use ui_components::menu::Menu;
use ui_components::widgets::logo::Logo;

use super::views::content::Content;

/// Main application component
#[component]
pub fn App(
    /// The routing information for the Leptos Forge
    routes: Vec<RouteDef>,
    /// Path to image to be used as a logo
    #[prop(default=Option::<&'static str>::None,optional)]
    logo: Option<&'static str>,
) -> impl IntoView {
    let _store = Store::new(State::new());

    let menu_defs = {
        let routes = routes.clone();
        move || {
            let menu = Store::new(MenuState::new());

            let window = window();
            let location = window.location();
            let path = location.pathname().expect("We are running csr mode. Window should exist, location should exist and pathname should be there");

            StaticVec::from(
                routes
                    .iter()
                    .flat_map(move |route| route.as_menu_items(PathSpec::Root, &path, menu))
                    .collect::<Vec<_>>(),
            )
        }
    };

    let route_defs = {
        move || {
            StaticVec::from(
                routes
                    .iter()
                    .flat_map(|route| route.as_routes(PathSpec::Root).into_iter())
                    .collect::<Vec<_>>(),
            )
        }
    };

    console_log("Rendering <App>");

    view! {
        <Router>
            <Root>
                <MainMenu>
                    { move || {
                        if let Some(logo) = &logo {
                            view!{ <Logo src={logo.to_string()} alt="Logo" /> }.into_any()
                        }
                        else {
                            ().into_any()
                        }
                    }}
                    <Menu children=ToChildren::to_children(menu_defs) />
                </MainMenu>
                <Content>
                    <Routes fallback=|| "404" children=ToChildren::to_children(route_defs) />
                </Content>
            </Root>
        </Router>
    }
}