floem-css 0.2.0

Hot reloading css-like styles for Floem
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
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

use floem::{
    style::{BorderRadius, SelectionCornerRadius, Style, StyleValue, TextColor},
    unit::PxPct,
    views::{editor::SelectionColor, PlaceholderTextClass},
};
use floem_css_parser::{css_to_rules, declaration::Declaration, PseudoClass, Rule};

use crate::style::StyleMap;

fn rule_to_style(value: &Rule) -> Style {
    let mut style = Style::new();
    for kv in value.iter_props() {
        if let Some(d) = Declaration::from_cow(kv) {
            style = d.apply_style(style);
        }
    }
    style
}

#[must_use]
pub fn parse_rules(rules: &[Rule]) -> StyleMap {
    let mut map = StyleMap::new_const();
    for rule in rules {
        let style = rule_to_style(rule);
        for selector in &rule.selectors {
            let selector_style = style.clone();
            let to_modify = map.remove(selector.selector).unwrap_or_default();
            let modified = modify_selector(&selector.pseudo_class, to_modify, selector_style);
            map.insert(selector.selector, modified);
        }
    }
    map
}

fn modify_selector(
    pseudo_class: &Option<PseudoClass>,
    to_modify: Style,
    selector_style: Style,
) -> Style {
    if pseudo_class.is_none() {
        return to_modify.apply(selector_style);
    }
    let pseudo_class = pseudo_class.unwrap();
    apply_pseudo(pseudo_class, to_modify, selector_style)
}

#[cold]
fn apply_pseudo(pseudo_class: PseudoClass, to_modify: Style, selector_style: Style) -> Style {
    match pseudo_class {
        PseudoClass::Hover => to_modify.hover(|_| selector_style),
        PseudoClass::Focus => to_modify.focus(|_| selector_style),
        PseudoClass::FocusHover => to_modify.focus(|s| s.hover(|_| selector_style)),
        PseudoClass::Active => to_modify.active(|_| selector_style),
        PseudoClass::ActiveHover => to_modify.active(|s| s.hover(|_| selector_style)),
        PseudoClass::Disabled => to_modify.disabled(|_| selector_style),
        PseudoClass::DisabledHover => to_modify.disabled(|s| s.hover(|_| selector_style)),
        PseudoClass::Placeholder => {
            to_modify.class(PlaceholderTextClass, |s| s.apply(selector_style))
        }
        PseudoClass::Selection => {
            // TODO Maybe ugly maybe not
            if let StyleValue::Val(PxPct::Px(radius)) = selector_style.get_style_value(BorderRadius)
            {
                return to_modify.set_style_value(SelectionCornerRadius, radius.into());
            }
            if let StyleValue::Val(Some(color)) = selector_style.get_style_value(TextColor) {
                return to_modify.set_style_value(SelectionColor, color.into());
            }
            to_modify
        }
    }
}

#[must_use]
pub fn parse_css(input: &str) -> StyleMap {
    let rules = css_to_rules(input);
    let mut map = StyleMap::new_const();
    for rule in &rules {
        let style = rule_to_style(rule);
        for selector in &rule.selectors {
            let selector_style = style.clone();
            let mut to_modify = map.remove(selector.selector).unwrap_or_default();
            let to_insert = match selector.pseudo_class {
                Some(PseudoClass::Hover) => to_modify.hover(|_| selector_style),
                Some(PseudoClass::Focus) => to_modify.focus(|_| selector_style),
                Some(PseudoClass::FocusHover) => to_modify.focus(|s| s.hover(|_| selector_style)),
                Some(PseudoClass::Active) => to_modify.active(|_| selector_style),
                Some(PseudoClass::ActiveHover) => to_modify.active(|s| s.hover(|_| selector_style)),
                Some(PseudoClass::Disabled) => to_modify.disabled(|_| selector_style),
                Some(PseudoClass::DisabledHover) => {
                    to_modify.disabled(|s| s.hover(|_| selector_style))
                }
                Some(PseudoClass::Placeholder) => {
                    to_modify.class(PlaceholderTextClass, |s| s.apply(selector_style))
                }
                Some(PseudoClass::Selection) => {
                    // TODO Maybe ugly maybe not
                    if let StyleValue::Val(PxPct::Px(radius)) =
                        selector_style.get_style_value(BorderRadius)
                    {
                        to_modify = to_modify.set_style_value(SelectionCornerRadius, radius.into());
                    }
                    if let StyleValue::Val(Some(color)) = selector_style.get_style_value(TextColor)
                    {
                        to_modify = to_modify.set_style_value(SelectionColor, color.into());
                    }
                    to_modify
                }
                None => to_modify.apply(selector_style),
            };
            map.insert(selector.selector, to_insert);
        }
    }
    map
}