vertigo 0.11.2

Reactive Real-DOM library with SSR for Rust
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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135

use std::rc::Rc;

use crate::{
    Css, DomId,
    computed::{DropResource, struct_mut::ValueMut},
    css::get_css_manager,
    driver_module::{StaticString, get_driver_dom},
};

struct DomElementClassMergeInner {
    id_dom: DomId,
    css_name: Option<(Css, Option<String>)>,
    attr_name: Option<Rc<String>>,
    _suspense_drop: Option<DropResource>,
    suspense_css: Option<Css>,
    // Class name (autocss_X) and optional class_name_hint
    command_last_sent: Option<(String, Option<String>)>,
}

impl DomElementClassMergeInner {
    fn new(id_dom: DomId) -> Self {
        Self {
            id_dom,
            css_name: None,
            attr_name: None,
            _suspense_drop: None,
            suspense_css: None,
            command_last_sent: None,
        }
    }

    fn get_new_command(&self) -> Option<(String, Option<String>)> {
        let mut result = Vec::new();
        let mut class_name_hint = None;

        if let Some(attr) = &self.attr_name {
            result.push(attr.to_string());
        }

        if let Some((css, debug_class_name)) = &self.css_name {
            let css = get_css_manager().get_class_name(css);
            result.push(css);
            class_name_hint = debug_class_name.clone();
        }

        if let Some(suspense_css) = &self.suspense_css {
            let suspense_css = get_css_manager().get_class_name(suspense_css);
            result.push(suspense_css);
        }

        if result.is_empty() {
            None
        } else {
            Some((result.join(" "), class_name_hint))
        }
    }

    fn refresh_dom(&mut self) {
        let new_command = self.get_new_command();

        if self.command_last_sent != new_command {
            self.command_last_sent.clone_from(&new_command);

            let (new_command, class_name_hint) = match new_command {
                Some(new_command) => (new_command.0, new_command.1),
                None => ("".to_string(), None),
            };

            get_driver_dom().set_attr(self.id_dom, "class", &new_command);

            if let Some(class_name_hint) = class_name_hint {
                get_driver_dom().set_attr(self.id_dom, "v-css", &class_name_hint);
            }
        }
    }
}

#[derive(Clone)]
pub struct DomElementClassMerge {
    inner: Rc<ValueMut<DomElementClassMergeInner>>,
}

impl DomElementClassMerge {
    pub fn new(id_dom: DomId) -> Self {
        Self {
            inner: Rc::new(ValueMut::new(DomElementClassMergeInner::new(id_dom))),
        }
    }

    pub fn set_attribute(&self, new_value: Rc<String>) {
        self.inner.change(|state| {
            state.attr_name = Some(new_value);
            state.refresh_dom();
        });
    }

    pub fn remove_attribute(&self) {
        self.inner.change(|state| {
            state.attr_name = None;
            state.refresh_dom();
        });
    }

    pub fn set_css(&self, new_value: Css, debug_class_name: Option<String>) {
        self.inner.change(|state| {
            state.css_name = Some((new_value, debug_class_name));
            state.refresh_dom();
        });
    }

    pub fn set_attr_value(&self, name: StaticString, value: Option<Rc<String>>) {
        if name.as_str() == "class" {
            match value {
                Some(value) => {
                    self.set_attribute(value);
                }
                None => {
                    self.remove_attribute();
                }
            }
            return;
        }

        let id = self.inner.map(|state| state.id_dom);

        match value {
            Some(value) => {
                get_driver_dom().set_attr(id, name, &value);
            }
            None => {
                get_driver_dom().remove_attr(id, name);
            }
        }
    }
}