actuate 0.21.0

A reactive user-interface framework
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

use super::Theme;
use crate::{
    ecs::{spawn, Modifier, Modify},
    prelude::Compose,
    use_provider, Scope, Signal,
};
use actuate_macros::Data;
use bevy_ui::{BackgroundColor, FlexDirection, Node, Val};

/// Create a material UI composable.
///
/// This will provide a [`Theme`] and set the background for its content.
pub fn material_ui<'a, C: Compose>(content: C) -> MaterialUi<'a, C> {
    MaterialUi {
        content,
        theme: Theme::default(),
        modifier: Modifier::default(),
    }
}

/// Material UI composable.
///
/// For more see [`material_ui`].
#[derive(Data)]
#[actuate(path = "crate")]
pub struct MaterialUi<'a, C> {
    content: C,
    theme: Theme,
    modifier: Modifier<'a>,
}

impl<'a, C> MaterialUi<'a, C> {
    /// Set the theme of this composable.
    pub fn theme(mut self, theme: Theme) -> Self {
        self.theme = theme;
        self
    }
}

impl<'a, C: Compose> Compose for MaterialUi<'a, C> {
    fn compose(cx: Scope<Self>) -> impl Compose {
        let theme = use_provider(&cx, || cx.me().theme.clone());

        cx.me()
            .modifier
            .apply(spawn((
                Node {
                    flex_direction: FlexDirection::Column,
                    width: Val::Percent(100.),
                    height: Val::Percent(100.),
                    ..Default::default()
                },
                BackgroundColor(theme.colors.background),
            )))
            .content(unsafe { Signal::map_unchecked(cx.me(), |me| &me.content) })
    }
}

impl<'a, C> Modify<'a> for MaterialUi<'a, C> {
    fn modifier(&mut self) -> &mut Modifier<'a> {
        &mut self.modifier
    }
}