freya-devtools-app 0.4.0-alpha.7

Devtools App for Freya app
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

use freya::prelude::*;
use freya_core::integration::NodeId;
use freya_devtools::NodeStateAttributes;

use crate::{
    components::attribute::attribute_element,
    hooks::use_node_info,
};

#[derive(PartialEq)]
pub struct NodeInspectorStyle {
    pub node_id: NodeId,
    pub window_id: u64,
}

impl Render for NodeInspectorStyle {
    fn render(&self) -> impl IntoElement {
        let Some(node) = use_node_info(self.node_id, self.window_id) else {
            return rect().into_element();
        };

        ScrollView::new()
            .children_iter(
                node.state
                    .style_attributes()
                    .into_iter()
                    .enumerate()
                    .filter_map(|(i, (name, attribute))| {
                        let background = if i % 2 == 0 {
                            Color::from_af32rgb(0.1, 255, 255, 255)
                        } else {
                            Color::TRANSPARENT
                        };

                        let element = attribute_element(name, attribute)?;

                        Some(
                            rect()
                                .key(i)
                                .background(background)
                                .padding((5., 16.))
                                .child(element)
                                .into(),
                        )
                    }),
            )
            .into()
    }
}