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
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157

use crate::prelude::*;
use beet_core::prelude::*;
use beet_dom::prelude::*;


/// Some cases cant just use a `#[requires(RequiresDomIdx)]`,
/// like the parent element of a dynamic attribute, fragment or text node.
/// This system applies the [RequiresDomIdx] attribute to those entities.
pub fn apply_requires_dom_idx(
	mut commands: Commands,
	attributes: Query<(Entity, &Attributes)>,
	dyn_attrs: Query<(), (With<AttributeOf>, Added<SignalEffect>)>,
	dyn_text_nodes: Query<
		Entity,
		(With<TextNode>, With<SignalEffect>, Without<AttributeOf>),
	>,
	dyn_fragments: Query<Entity, (With<FragmentNode>, Added<SignalEffect>)>,
	parents: Query<&ChildOf>,
	elements: Query<Entity, With<ElementNode>>,
) -> Result {
	// 1. fragments
	for entity in dyn_fragments.iter() {
		let parent = parents
			.iter_ancestors(entity)
			.find(|e| elements.contains(*e))
			.ok_or_else(|| {
				bevyhow!(
					"FragmentNode with SignalEffect must have an ElementNode parent"
				)
			})?;
		// fragment nodes do not need an idx, but their parents do
		commands.entity(parent).insert(RequiresDomIdx);
	}

	// 2. text nodes
	for entity in dyn_text_nodes.iter() {
		let parent = parents
			.iter_ancestors(entity)
			.find(|e| elements.contains(*e))
			.ok_or_else(|| {
				bevyhow!(
					"TextNode with SignalEffect must have an ElementNode parent"
				)
			})?;
		// text node also needs idx for creating the boundary comment nodes
		commands.entity(entity).insert(RequiresDomIdx);
		commands.entity(parent).insert(RequiresDomIdx);
	}
	// 3. attributes
	for (entity, _) in attributes
		.iter()
		.filter(|(_, attrs)| attrs.iter().any(|attr| dyn_attrs.contains(attr)))
	{
		commands.entity(entity).insert(RequiresDomIdx);
	}
	Ok(())
}


/// Recursively applies a [`DomIdx`] to root nodes spawned *without* one,
/// not counting roots that are spawned with one like client islands.
#[allow(dead_code)]
pub(super) fn apply_root_dom_idx(
	mut commands: Commands,
	html_constants: Res<HtmlConstants>,
	roots: Populated<Entity, Added<HtmlDocument>>,
	children: Query<&Children>,
	requires_idx: Query<(), Added<RequiresDomIdx>>,
) {
	let mut id = 0;

	// find only the top level roots
	for root in roots.iter() {
		for entity in children
			//dfs allows for client islands to accurately pick up the next index
			.iter_descendants_depth_first(root)
			.filter(|entity| requires_idx.contains(*entity))
		{
			commands
				.entity(entity)
				.remove::<RequiresDomIdx>()
				.insert(DomIdx::new(id));

			commands.spawn((
				AttributeOf::new(entity),
				AttributeKey::new(html_constants.dom_idx_key.clone()),
				TextNode::new(id.to_string()),
			));
			id += 1;
		}
	}
}

/// Recursively applies a [`DomIdx`] to children of root nodes spawned *with* one,
/// like client islands.
#[allow(dead_code)]
pub(super) fn apply_client_island_dom_idx(
	mut commands: Commands,
	html_constants: Res<HtmlConstants>,
	// definition of a root: any fragment or element without a parent
	roots: Populated<
		(Entity, &DomIdx),
		(Added<DomIdx>, Without<ChildOf>, Without<AttributeOf>),
	>,
	children: Query<&Children>,
	requires_idx: Query<(), Added<RequiresDomIdx>>,
) {
	for (root, idx) in roots.iter() {
		let mut id = idx.inner() + 1; // start at the next index after the root
		for entity in children
			//dfs exclusive, root already has a DomIdx
			.iter_descendants_depth_first(root)
			.filter(|entity| requires_idx.contains(*entity))
		{
			commands
				.entity(entity)
				.remove::<RequiresDomIdx>()
				.insert(DomIdx::new(id));
			commands.spawn((
				AttributeOf::new(entity),
				AttributeKey::new(html_constants.dom_idx_key.clone()),
				TextNode::new(id.to_string()),
			));
			id += 1;
		}
	}
}


// see render_html.rs for more tests
#[cfg(test)]
mod test {
	use crate::prelude::*;
	use beet_core::prelude::*;
	use beet_dom::prelude::*;
	use bevy::ecs::system::RunSystemOnce;

	#[test]
	fn applies_ids() {
		let mut app = App::new();
		app.add_plugins(SignalsPlugin);
		let world = app.world_mut();
		world.init_resource::<HtmlConstants>();
		let (get, _set) = signal(2);
		let div = world
			.spawn((HtmlDocument, rsx! {
				<div onclick=|| {}>
					"child 1" <span>"child with signal"{get}</span> "child 2"
				</div>
			}))
			.get::<Children>()
			.unwrap()[0];
		world.run_system_once(super::apply_root_dom_idx).unwrap();

		world.get::<DomIdx>(div).unwrap().xpect_eq(DomIdx(0));
	}
}