beet_rsx 0.0.8

An Astro inspired templating system built with bevy
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

use crate::prelude::*;
use beet_core::prelude::*;
use beet_dom::prelude::*;
use js_sys::Array;
use js_sys::Reflect;
use wasm_bindgen::JsCast;
use web_sys::Event;

/// A system that runs once after hydration to playback any events
/// that occured while the wasm was loading. These are applied directly
/// to the bevy event listeners, no element or [`DomNodeBinding`] is involved.
pub(crate) fn event_playback(
	query: Populated<
		(Entity, &DomIdx, &Attributes),
		(With<EventTarget>, Added<DomIdx>),
	>,
	constants: Res<HtmlConstants>,
	mut commands: Commands,
	attribute_query: Query<&AttributeKey>,
) -> Result<()> {
	let event_map: HashMap<(DomIdx, &AttributeKey), Entity> = query
		.iter()
		.map(|(entity, idx, attributes)| {
			attributes
				.iter()
				.filter_map(|attr| attribute_query.get(attr).ok())
				.map(move |attr_key| ((*idx, attr_key), entity))
		})
		.flatten()
		.collect();

	let global_this = js_sys::global();
	let event_store =
		Reflect::get(&global_this, &constants.event_store.clone().into())
			.map_err(|_| {
				format!(
					"could not find event store: 'globalThis.{}'",
					constants.event_store
				)
			})?;
	if event_store.is_undefined() {
		return Ok(());
	}

	for item in Array::from(&event_store).iter() {
		let event_arr = Array::from(&item);
		if event_arr.length() == 2 {
			let dom_idx =
				event_arr.get(0).as_f64().expect("bad event id") as u32;
			let event: Event = event_arr.get(1).unchecked_into();
			let event_type = format!("on{}", event.type_());
			if let Some(entity) = event_map
				.get(&(DomIdx::new(dom_idx), &AttributeKey::new(&event_type)))
			{
				DomEvent::trigger(
					&mut commands.entity(*entity),
					&event_type,
					event,
				);
			} else {
				bevybail!(
					"Event playback: could not find entity for event {}",
					dom_idx
				);
			}
		}
	}
	// we no longer need event store and event handler
	// because the event listeners have been hooked up
	js_sys::Reflect::delete_property(
		&global_this.unchecked_ref(),
		&constants.event_store.clone().into(),
	)
	.unwrap();
	js_sys::Reflect::delete_property(
		&global_this.unchecked_ref(),
		&constants.event_handler.clone().into(),
	)
	.unwrap();

	Ok(())
}