thaw 0.4.8

An easy to use leptos component library
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

use leptos::prelude::{document, SetValue, StoredValue, WithValue};
use send_wrapper::SendWrapper;
use std::sync::Arc;
use wasm_bindgen::{closure::Closure, JsCast, UnwrapThrowExt};
use web_sys::{HtmlElement, Node, NodeFilter, TreeWalker};

pub fn use_option_walker<MF>(match_option: MF) -> (Box<dyn Fn(&Node) + Send + Sync>, OptionWalker)
where
    MF: Fn(HtmlElement) -> bool + Send + Sync + 'static,
{
    let tree_walker = StoredValue::new(
        None::<(
            SendWrapper<TreeWalker>,
            SendWrapper<Closure<dyn Fn(Node) -> u32>>,
        )>,
    );
    let option_walker = OptionWalker(tree_walker);
    let match_option = Arc::new(match_option);
    let set_listbox = move |el: &Node| {
        let match_option = match_option.clone();
        let cb: Closure<dyn Fn(Node) -> u32> = Closure::new(move |node: Node| {
            if let Ok(html_element) = node.dyn_into() {
                if match_option(html_element) {
                    return 1u32;
                }
            }

            3u32
        });
        let node_filter = NodeFilter::new();
        node_filter.set_accept_node(cb.as_ref().unchecked_ref());

        let tw = document()
            .create_tree_walker_with_what_to_show_and_filter(el, 0x1, Some(&node_filter))
            .unwrap_throw();
        tree_walker.set_value(Some((SendWrapper::new(tw), SendWrapper::new(cb))));
    };

    (Box::new(set_listbox), option_walker)
}

#[derive(Clone)]
pub struct OptionWalker(
    StoredValue<
        Option<(
            SendWrapper<TreeWalker>,
            SendWrapper<Closure<dyn Fn(Node) -> u32>>,
        )>,
    >,
);

impl OptionWalker {
    pub fn first(&self) -> Option<HtmlElement> {
        self.0.with_value(|tree_walker| {
            let Some((tree_walker, _)) = tree_walker.as_ref() else {
                return None;
            };
            tree_walker.set_current_node(&tree_walker.root());
            tree_walker.first_child().unwrap_throw()?.dyn_into().ok()
        })
    }

    pub fn last(&self) -> Option<HtmlElement> {
        self.0.with_value(|tree_walker| {
            let Some((tree_walker, _)) = tree_walker.as_ref() else {
                return None;
            };
            tree_walker.set_current_node(&tree_walker.root());
            tree_walker.last_child().unwrap_throw()?.dyn_into().ok()
        })
    }

    pub fn next(&self) -> Option<HtmlElement> {
        self.0.with_value(|tree_walker| {
            let Some((tree_walker, _)) = tree_walker.as_ref() else {
                return None;
            };
            tree_walker.next_node().unwrap_throw()?.dyn_into().ok()
        })
    }

    pub fn prev(&self) -> Option<HtmlElement> {
        self.0.with_value(|tree_walker| {
            let Some((tree_walker, _)) = tree_walker.as_ref() else {
                return None;
            };
            tree_walker.previous_node().unwrap_throw()?.dyn_into().ok()
        })
    }

    pub fn find(&self, predicate: impl Fn(String) -> bool) -> Option<HtmlElement> {
        self.0.with_value(|tree_walker| {
            let Some((tree_walker, _)) = tree_walker.as_ref() else {
                return None;
            };
            tree_walker.set_current_node(&tree_walker.root());
            let mut current: Option<HtmlElement> =
                tree_walker.first_child().unwrap_throw()?.dyn_into().ok();

            while let Some(cur) = current.as_ref() {
                if predicate(cur.id()) {
                    break;
                }
                current = tree_walker.next_node().unwrap_throw()?.dyn_into().ok();
            }

            current
        })
    }
}