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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173

use dioxus_native_core::{
    exports::shipyard::Component,
    node::OwnedAttributeValue,
    node_ref::NodeView,
    prelude::{AttributeMaskBuilder, Dependancy, NodeMaskBuilder, State},
    SendAnyMap,
};
use dioxus_native_core_macro::partial_derive_state;
use torin::scaled::Scaled;

use crate::{
    parsing::ExtSplit, Border, BorderAlignment, CornerRadius, CustomAttributeValues, Fill,
    OverflowMode, Parse, Shadow,
};

#[derive(Default, Debug, Clone, PartialEq, Component)]
pub struct Style {
    pub background: Fill,
    pub relative_layer: i16,
    pub border: Border,
    pub shadows: Vec<Shadow>,
    pub corner_radius: CornerRadius,
    pub image_data: Option<Vec<u8>>,
    pub svg_data: Option<Vec<u8>>,
    pub overflow: OverflowMode,
    pub opacity: Option<f32>,
}

#[partial_derive_state]
impl State<CustomAttributeValues> for Style {
    type ParentDependencies = (Self,);

    type ChildDependencies = ();

    type NodeDependencies = ();

    const NODE_MASK: NodeMaskBuilder<'static> =
        NodeMaskBuilder::new().with_attrs(AttributeMaskBuilder::Some(&[
            "background",
            "layer",
            "border",
            "border_align",
            "shadow",
            "corner_radius",
            "corner_smoothing",
            "image_data",
            "svg_data",
            "svg_content",
            "overflow",
            "opacity",
        ]));

    fn update<'a>(
        &mut self,
        node_view: NodeView<CustomAttributeValues>,
        _node: <Self::NodeDependencies as Dependancy>::ElementBorrowed<'a>,
        _parent: Option<<Self::ParentDependencies as Dependancy>::ElementBorrowed<'a>>,
        _children: Vec<<Self::ChildDependencies as Dependancy>::ElementBorrowed<'a>>,
        context: &SendAnyMap,
    ) -> bool {
        let mut style = Style::default();
        let scale_factor = context.get::<f32>().unwrap();

        if let Some(attributes) = node_view.attributes() {
            for attr in attributes {
                match attr.attribute.name.as_str() {
                    "background" => {
                        if let Some(value) = attr.value.as_text() {
                            if let Ok(background) = Fill::parse(value) {
                                style.background = background;
                            }
                        }
                    }
                    "layer" => {
                        if let Some(value) = attr.value.as_text() {
                            if let Ok(relative_layer) = value.parse::<i16>() {
                                style.relative_layer = relative_layer;
                            }
                        }
                    }
                    "border" => {
                        if let Some(value) = attr.value.as_text() {
                            if let Ok(mut border) = Border::parse(value) {
                                border.alignment = style.border.alignment;
                                border.scale(*scale_factor);

                                style.border = border;
                            }
                        }
                    }
                    "border_align" => {
                        if let Some(value) = attr.value.as_text() {
                            if let Ok(alignment) = BorderAlignment::parse(value) {
                                style.border.alignment = alignment;
                            }
                        }
                    }
                    "shadow" => {
                        if let Some(value) = attr.value.as_text() {
                            style.shadows = value
                                .split_excluding_group(',', '(', ')')
                                .map(|chunk| {
                                    let mut shadow = Shadow::parse(chunk).unwrap_or_default();
                                    shadow.scale(*scale_factor);
                                    shadow
                                })
                                .collect();
                        }
                    }
                    "corner_radius" => {
                        if let Some(value) = attr.value.as_text() {
                            if let Ok(mut radius) = CornerRadius::parse(value) {
                                radius.scale(*scale_factor);
                                radius.smoothing = style.corner_radius.smoothing;
                                style.corner_radius = radius;
                            }
                        }
                    }
                    "corner_smoothing" => {
                        if let Some(value) = attr.value.as_text() {
                            if value.ends_with('%') {
                                if let Ok(smoothing) = value.replacen('%', "", 1).parse::<f32>() {
                                    style.corner_radius.smoothing =
                                        (smoothing / 100.0).clamp(0.0, 1.0);
                                }
                            }
                        }
                    }
                    "image_data" => {
                        if let OwnedAttributeValue::Custom(CustomAttributeValues::Bytes(bytes)) =
                            attr.value
                        {
                            style.image_data = Some(bytes.clone());
                        }
                    }
                    "svg_data" => {
                        if let OwnedAttributeValue::Custom(CustomAttributeValues::Bytes(bytes)) =
                            attr.value
                        {
                            style.svg_data = Some(bytes.clone());
                        }
                    }
                    "svg_content" => {
                        let text = attr.value.as_text();
                        style.svg_data = text.map(|v| v.as_bytes().to_owned());
                    }
                    "overflow" => {
                        if let Some(value) = attr.value.as_text() {
                            if let Ok(overflow) = OverflowMode::parse(value) {
                                style.overflow = overflow;
                            }
                        }
                    }
                    "opacity" => {
                        if let Some(value) = attr.value.as_text() {
                            if let Ok(opacity) = value.parse::<f32>() {
                                style.opacity = Some(opacity);
                            }
                        }
                    }
                    _ => {
                        panic!("Unsupported attribute <{}>, this should not be happening, please report it.", attr.attribute.name);
                    }
                }
            }
        }

        let changed = &style != self;

        *self = style;
        changed
    }
}