skima 0.1.0

Rust structural UI library for web
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

use std::rc::Rc;

use wasm_bindgen::prelude::Closure;
use wasm_bindgen::JsCast;

use super::dispatch::{Action, DispatcherExt};
use crate::web::{Markup, WebSys};

pub struct HistoryEvent(Closure<dyn Fn(web_sys::Event)>);

struct History {}

#[derive(Debug)]
pub struct Navigate(pub String);

impl Action for Navigate {}

impl Markup for History {
	fn has_own_node() -> bool {
		false
	}

	fn render(&self, tree: &crate::tree::Tree<WebSys>) {
		let callback: Closure<dyn Fn(web_sys::Event)> = Closure::new({
			let tree = tree.clone();
			move |event: web_sys::Event| {
				let Some(href) = event
					.target()
					.unwrap()
					.unchecked_into::<web_sys::Element>()
					.closest("[href]")
					.unwrap()
					.and_then(|el| el.get_attribute("href")) else {
						return
					};

				let history = web_sys::window().unwrap().history().unwrap();

				history
					.push_state_with_url(&wasm_bindgen::JsValue::NULL, "", Some(&href))
					.unwrap();

				event.stop_propagation();
				event.prevent_default();

				tree.dispatch(Navigate(href));
			}
		});

		let node = tree.closest_node();
		node.add_event_listener_with_callback("click", &callback.as_ref().unchecked_ref())
			.unwrap();

		tree.set_data(Rc::new(HistoryEvent(callback)));
	}

	fn diff(&self, _prev: &Self, _tree: &crate::tree::Tree<WebSys>) {
		// None
	}

	fn drop(&self, tree: &crate::tree::Tree<WebSys>, _should_unmount: bool) {
		let event = tree.remove_data::<HistoryEvent>();
		tree.closest_node()
			.remove_event_listener_with_callback("click", &event.0.as_ref().unchecked_ref())
			.unwrap();
	}
}

pub fn use_history() -> impl Markup {
	History {}
}