stellation-frontend 0.3.0

The framework experience for Yew.
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

use anymap2::AnyMap;
use bounce::helmet::HelmetBridge;
use bounce::BounceRoot;
use stellation_bridge::links::Link;
use stellation_bridge::state::BridgeState;
use yew::prelude::*;
use yew_router::BrowserRouter;

#[derive(Properties)]
pub(crate) struct StellationRootProps<L>
where
    L: Link,
{
    #[prop_or_default]
    pub children: Html,
    pub bridge_state: Option<BridgeState<L>>,
}

impl<L> PartialEq for StellationRootProps<L>
where
    L: Link,
{
    fn eq(&self, other: &Self) -> bool {
        self.children == other.children && self.bridge_state == other.bridge_state
    }
}

impl<L> Clone for StellationRootProps<L>
where
    L: Link,
{
    fn clone(&self) -> Self {
        Self {
            children: self.children.clone(),
            bridge_state: self.bridge_state.clone(),
        }
    }
}

#[function_component]
pub(crate) fn StellationRoot<L>(props: &StellationRootProps<L>) -> Html
where
    L: 'static + Link,
{
    let StellationRootProps {
        children,
        bridge_state,
    } = props.clone();

    let get_init_states = use_callback(
        move |_, bridge_state| {
            let mut states = AnyMap::new();

            if let Some(m) = bridge_state.clone() {
                states.insert(m);
            }

            states
        },
        bridge_state,
    );

    html! {
        <BounceRoot {get_init_states}>
            <HelmetBridge />
            <BrowserRouter>
                {children}
            </BrowserRouter>
        </BounceRoot>
    }
}