@torpor/view 0.4.9 → 0.4.10

package/test/if/components/output/IfContainingFor-client.ts

@@ -1,6 +1,5 @@
 import $peek from "../../../../src/watch/$peek";
 import $run from "../../../../src/watch/$run";
-import $watch from "../../../../src/watch/$watch";
 import type ListItem from "../../../../src/types/ListItem";
 import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
@@ -27,7 +26,6 @@ export default function IfContainingIf(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -38,74 +36,70 @@ export default function IfContainingIf(
 
 	/* @if */
 	const t_if_region_1 = t_region();
-	let $t_if_state_1 = $watch({ index: -1 });
-	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
-	$run(() => {
+	let t_if_index_1 = -1;
+	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
 		if ($props.condition) {
-			t_if_creators_1[0] = (t_before) => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <!> `);
-				const t_root_1 = t_root(t_fragment_1, true);
-				let t_for_anchor_1 = t_anchor(t_next(t_root_1)) as HTMLElement;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 0)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <!> `);
+			const t_root_1 = t_root(t_fragment_1, true);
+			let t_for_anchor_1 = t_anchor(t_next(t_root_1)) as HTMLElement;
 
-				/* @for */
-				let t_for_region_1 = t_region();
-				t_run_list(
-					t_for_region_1,
-					t_fragment_1,
-					t_for_anchor_1,
-					() => {
-						let t_new_items_1: ListItem[] = [];
-						let t_previous_item_1 = t_for_region_1;
-						let t_next_item_1 = t_for_region_1.nextRegion;
-						for (let i = 0; i < $props.counter; i++) {
-							let t_new_item_1 = t_list_item(
-								{ i },
-							);
-							t_new_item_1.previousRegion = t_previous_item_1;
-							t_previous_item_1.nextRegion = t_new_item_1;
-							t_previous_item_1 = t_new_item_1;
-							t_new_items_1.push(t_new_item_1);
-						}
-						t_for_region_1.nextRegion = t_next_item_1;
-						return t_new_items_1;
-					},
-					(t_item_1, t_before_1) => {
-						let t_old_region_1 = t_push_region(t_item_1);
-						const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p>#</p> `);
-						const t_root_2 = t_root(t_fragment_2, true);
-						const t_text_1 = t_child(t_next(t_root_2));
-						const t_text_2 = t_next(t_next(t_root_2), true);
-						$run(() => {
-							t_text_1.textContent = `${t_fmt(t_item_1.data.i)}!`;
-						});
-						t_add_fragment(t_fragment_2, t_fragment_1, t_before_1, t_text_2);
-						t_next(t_text_2);
-						t_pop_region(t_old_region_1);
-					},
-					(t_old_item, t_new_item) => {
-						t_old_item.data.i = t_new_item.data.i;
+			/* @for */
+			let t_for_region_1 = t_region();
+			t_run_list(
+				t_for_region_1,
+				t_fragment_1,
+				t_for_anchor_1,
+				() => {
+					let t_new_items_1: ListItem[] = [];
+					let t_previous_item_1 = t_for_region_1;
+					let t_next_item_1 = t_for_region_1.nextRegion;
+					for (let i = 0; i < $props.counter; i++) {
+						let t_new_item_1 = t_list_item(
+							{ i },
+						);
+						t_new_item_1.previousRegion = t_previous_item_1;
+						t_previous_item_1.nextRegion = t_new_item_1;
+						t_previous_item_1 = t_new_item_1;
+						t_new_items_1.push(t_new_item_1);
 					}
-				);
+					t_for_region_1.nextRegion = t_next_item_1;
+					return t_new_items_1;
+				},
+				(t_item_1, t_before_1) => {
+					let t_old_region_1 = t_push_region(t_item_1);
+					const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p>#</p> `);
+					const t_root_2 = t_root(t_fragment_2, true);
+					const t_text_1 = t_child(t_next(t_root_2));
+					const t_text_2 = t_next(t_next(t_root_2), true);
+					$run(() => {
+						t_text_1.textContent = `${t_fmt(t_item_1.data.i)}!`;
+					});
+					t_add_fragment(t_fragment_2, t_fragment_1, t_before_1, t_text_2);
+					t_next(t_text_2);
+					t_pop_region(t_old_region_1);
+				},
+				(t_old_item, t_new_item) => {
+					t_old_item.data.i = t_new_item.data.i;
+				}
+			);
 
-				const t_text_3 = t_next(t_for_anchor_1, true);
-				t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_3);
-				t_next(t_text_3);
-			};
-			$t_if_state_1.index = 0;
+			const t_text_3 = t_next(t_for_anchor_1, true);
+			t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_3);
+			t_next(t_text_3);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 0;
 		}
 		else {
-			t_if_creators_1[1] = (_) => {};
-			$t_if_state_1.index = 1;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 1)) return;
+			t_if_index_1 = 1;
 		}
 	});
-	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
-		const index = $t_if_state_1.index;
-		t_run_branch(t_if_region_1, () => t_if_creators_1[index](t_before));
-	});
 
 	const t_text_4 = t_next(t_if_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_4);
 	t_next(t_text_4);
 
-	/**/ });
 }

package/test/if/components/output/IfContainingFunction-client.ts

@@ -1,12 +1,12 @@
 import $peek from "../../../../src/watch/$peek";
-import $run from "../../../../src/watch/$run";
-import $watch from "../../../../src/watch/$watch";
 import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
 import t_event from "../../../../src/render/addEvent";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
+import t_pop_region from "../../../../src/render/popRegion";
+import t_push_region from "../../../../src/render/pushRegion";
 import t_region from "../../../../src/render/newRegion";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
@@ -21,7 +21,6 @@ export default function IfContainingIf(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -32,39 +31,35 @@ export default function IfContainingIf(
 
 	/* @if */
 	const t_if_region_1 = t_region();
-	let $t_if_state_1 = $watch({ index: -1 });
-	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
-	$run(() => {
+	let t_if_index_1 = -1;
+	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
 		if ($props.condition) {
-			t_if_creators_1[0] = (t_before) => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <button>do it</button> `);
-				const t_root_1 = t_root(t_fragment_1, true);
-				const t_button_1 = t_next(t_root_1) as HTMLButtonElement;
-				t_event(t_button_1, "click", doit);
-
-				/* @function */
-				function doit() {
-					// it just needs to exist...
-				};
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 0)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <button>do it</button> `);
+			const t_root_1 = t_root(t_fragment_1, true);
+			const t_button_1 = t_next(t_root_1) as HTMLButtonElement;
+			t_event(t_button_1, "click", doit);
 
-				t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_button_1);
-				t_next(t_button_1);
+			/* @function */
+			function doit() {
+				// it just needs to exist...
 			};
-			$t_if_state_1.index = 0;
+
+			t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_button_1);
+			t_next(t_button_1);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 0;
 		}
 		else {
-			t_if_creators_1[1] = (_) => {};
-			$t_if_state_1.index = 1;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 1)) return;
+			t_if_index_1 = 1;
 		}
 	});
-	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
-		const index = $t_if_state_1.index;
-		t_run_branch(t_if_region_1, () => t_if_creators_1[index](t_before));
-	});
 
 	const t_text_1 = t_next(t_if_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/if/components/output/IfContainingIf-client.ts

@@ -1,11 +1,11 @@
 import $peek from "../../../../src/watch/$peek";
-import $run from "../../../../src/watch/$run";
-import $watch from "../../../../src/watch/$watch";
 import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
+import t_pop_region from "../../../../src/render/popRegion";
+import t_push_region from "../../../../src/render/pushRegion";
 import t_region from "../../../../src/render/newRegion";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
@@ -20,7 +20,6 @@ export default function IfContainingIf(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,65 +30,60 @@ export default function IfContainingIf(
 
 	/* @if */
 	const t_if_region_1 = t_region();
-	let $t_if_state_1 = $watch({ index: -1 });
-	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
-	$run(() => {
+	let t_if_index_1 = -1;
+	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
 		if ($props.condition) {
-			t_if_creators_1[0] = (t_before) => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <!> `);
-				const t_root_1 = t_root(t_fragment_1, true);
-				let t_if_anchor_2 = t_anchor(t_next(t_root_1)) as HTMLElement;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 0)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <!> `);
+			const t_root_1 = t_root(t_fragment_1, true);
+			let t_if_anchor_2 = t_anchor(t_next(t_root_1)) as HTMLElement;
 
-				/* @if */
-				const t_if_region_2 = t_region();
-				let $t_if_state_2 = $watch({ index: -1 });
-				let t_if_creators_2: ((t_before: Node | null) => void)[] = [];
-				$run(() => {
-					if ($props.counter > 5) {
-						t_if_creators_2[0] = (t_before) => {
-							const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p>It's big</p> `);
-							const t_root_2 = t_root(t_fragment_2, true);
-							const t_text_1 = t_next(t_next(t_root_2), true);
-							t_add_fragment(t_fragment_2, t_fragment_1, t_before, t_text_1);
-							t_next(t_text_1);
-						};
-						$t_if_state_2.index = 0;
-					}
-					else {
-						t_if_creators_2[1] = (t_before) => {
-							const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` <p>It's small</p> `);
-							const t_root_3 = t_root(t_fragment_3, true);
-							const t_text_2 = t_next(t_next(t_root_3), true);
-							t_add_fragment(t_fragment_3, t_fragment_1, t_before, t_text_2);
-							t_next(t_text_2);
-						};
-						$t_if_state_2.index = 1;
-					}
-				});
-				t_run_control(t_if_region_2, t_if_anchor_2, (t_before) => {
-					const index = $t_if_state_2.index;
-					t_run_branch(t_if_region_2, () => t_if_creators_2[index](t_before));
-				});
+			/* @if */
+			const t_if_region_2 = t_region();
+			let t_if_index_2 = -1;
+			t_run_control(t_if_region_2, t_if_anchor_2, (t_before) => {
+				if ($props.counter > 5) {
+					if (!t_run_branch(t_if_region_2, t_if_index_2, 0)) return;
+					const t_new_region = t_region();
+					const t_old_region = t_push_region(t_new_region, true);
+					const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p>It's big</p> `);
+					const t_root_2 = t_root(t_fragment_2, true);
+					const t_text_1 = t_next(t_next(t_root_2), true);
+					t_add_fragment(t_fragment_2, t_fragment_1, t_before, t_text_1);
+					t_next(t_text_1);
+					t_pop_region(t_old_region);
+					t_if_index_2 = 0;
+				}
+				else {
+					if (!t_run_branch(t_if_region_2, t_if_index_2, 1)) return;
+					const t_new_region = t_region();
+					const t_old_region = t_push_region(t_new_region, true);
+					const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` <p>It's small</p> `);
+					const t_root_3 = t_root(t_fragment_3, true);
+					const t_text_2 = t_next(t_next(t_root_3), true);
+					t_add_fragment(t_fragment_3, t_fragment_1, t_before, t_text_2);
+					t_next(t_text_2);
+					t_pop_region(t_old_region);
+					t_if_index_2 = 1;
+				}
+			});
 
-				const t_text_3 = t_next(t_if_anchor_2, true);
-				t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_3);
-				t_next(t_text_3);
-			};
-			$t_if_state_1.index = 0;
+			const t_text_3 = t_next(t_if_anchor_2, true);
+			t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_3);
+			t_next(t_text_3);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 0;
 		}
 		else {
-			t_if_creators_1[1] = (_) => {};
-			$t_if_state_1.index = 1;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 1)) return;
+			t_if_index_1 = 1;
 		}
 	});
-	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
-		const index = $t_if_state_1.index;
-		t_run_branch(t_if_region_1, () => t_if_creators_1[index](t_before));
-	});
 
 	const t_text_4 = t_next(t_if_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_4);
 	t_next(t_text_4);
 
-	/**/ });
 }

package/test/if/components/output/IfElseFalse-client.ts

@@ -1,11 +1,11 @@
 import $peek from "../../../../src/watch/$peek";
-import $run from "../../../../src/watch/$run";
-import $watch from "../../../../src/watch/$watch";
 import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
+import t_pop_region from "../../../../src/render/popRegion";
+import t_push_region from "../../../../src/render/pushRegion";
 import t_region from "../../../../src/render/newRegion";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
@@ -20,7 +20,6 @@ export default function IfElse(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,38 +30,36 @@ export default function IfElse(
 
 	/* @if */
 	const t_if_region_1 = t_region();
-	let $t_if_state_1 = $watch({ index: -1 });
-	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
-	$run(() => {
+	let t_if_index_1 = -1;
+	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
 		if ($props.counter > 7) {
-			t_if_creators_1[0] = (t_before) => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's true! </p> <p> That's right </p> `);
-				const t_root_1 = t_root(t_fragment_1, true);
-				const t_text_1 = t_next(t_next(t_next(t_next(t_root_1), true)), true);
-				t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_1);
-				t_next(t_text_1);
-			};
-			$t_if_state_1.index = 0;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 0)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's true! </p> <p> That's right </p> `);
+			const t_root_1 = t_root(t_fragment_1, true);
+			const t_text_1 = t_next(t_next(t_next(t_next(t_root_1), true)), true);
+			t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_1);
+			t_next(t_text_1);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 0;
 		}
 		else {
-			t_if_creators_1[1] = (t_before) => {
-				const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's not true... </p> `);
-				const t_root_2 = t_root(t_fragment_2, true);
-				const t_text_2 = t_next(t_next(t_root_2), true);
-				t_add_fragment(t_fragment_2, t_fragment_0, t_before, t_text_2);
-				t_next(t_text_2);
-			};
-			$t_if_state_1.index = 1;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 1)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's not true... </p> `);
+			const t_root_2 = t_root(t_fragment_2, true);
+			const t_text_2 = t_next(t_next(t_root_2), true);
+			t_add_fragment(t_fragment_2, t_fragment_0, t_before, t_text_2);
+			t_next(t_text_2);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 1;
 		}
 	});
-	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
-		const index = $t_if_state_1.index;
-		t_run_branch(t_if_region_1, () => t_if_creators_1[index](t_before));
-	});
 
 	const t_text_3 = t_next(t_if_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);
 
-	/**/ });
 }

package/test/if/components/output/IfElseTrue-client.ts

@@ -1,11 +1,11 @@
 import $peek from "../../../../src/watch/$peek";
-import $run from "../../../../src/watch/$run";
-import $watch from "../../../../src/watch/$watch";
 import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
+import t_pop_region from "../../../../src/render/popRegion";
+import t_push_region from "../../../../src/render/pushRegion";
 import t_region from "../../../../src/render/newRegion";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
@@ -20,7 +20,6 @@ export default function IfElse(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,38 +30,36 @@ export default function IfElse(
 
 	/* @if */
 	const t_if_region_1 = t_region();
-	let $t_if_state_1 = $watch({ index: -1 });
-	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
-	$run(() => {
+	let t_if_index_1 = -1;
+	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
 		if ($props.counter > 7) {
-			t_if_creators_1[0] = (t_before) => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's true! </p> <p> That's right </p> `);
-				const t_root_1 = t_root(t_fragment_1, true);
-				const t_text_1 = t_next(t_next(t_next(t_next(t_root_1), true)), true);
-				t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_1);
-				t_next(t_text_1);
-			};
-			$t_if_state_1.index = 0;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 0)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's true! </p> <p> That's right </p> `);
+			const t_root_1 = t_root(t_fragment_1, true);
+			const t_text_1 = t_next(t_next(t_next(t_next(t_root_1), true)), true);
+			t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_1);
+			t_next(t_text_1);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 0;
 		}
 		else {
-			t_if_creators_1[1] = (t_before) => {
-				const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's not true... </p> `);
-				const t_root_2 = t_root(t_fragment_2, true);
-				const t_text_2 = t_next(t_next(t_root_2), true);
-				t_add_fragment(t_fragment_2, t_fragment_0, t_before, t_text_2);
-				t_next(t_text_2);
-			};
-			$t_if_state_1.index = 1;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 1)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's not true... </p> `);
+			const t_root_2 = t_root(t_fragment_2, true);
+			const t_text_2 = t_next(t_next(t_root_2), true);
+			t_add_fragment(t_fragment_2, t_fragment_0, t_before, t_text_2);
+			t_next(t_text_2);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 1;
 		}
 	});
-	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
-		const index = $t_if_state_1.index;
-		t_run_branch(t_if_region_1, () => t_if_creators_1[index](t_before));
-	});
 
 	const t_text_3 = t_next(t_if_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);
 
-	/**/ });
 }

package/test/if/components/output/IfFalse-client.ts

@@ -1,11 +1,11 @@
 import $peek from "../../../../src/watch/$peek";
-import $run from "../../../../src/watch/$run";
-import $watch from "../../../../src/watch/$watch";
 import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
+import t_pop_region from "../../../../src/render/popRegion";
+import t_push_region from "../../../../src/render/pushRegion";
 import t_region from "../../../../src/render/newRegion";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
@@ -20,7 +20,6 @@ export default function IfFalse(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,32 +30,28 @@ export default function IfFalse(
 
 	/* @if */
 	const t_if_region_1 = t_region();
-	let $t_if_state_1 = $watch({ index: -1 });
-	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
-	$run(() => {
+	let t_if_index_1 = -1;
+	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
 		if ($props.counter > 7) {
-			t_if_creators_1[0] = (t_before) => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's true! </p> `);
-				const t_root_1 = t_root(t_fragment_1, true);
-				const t_text_1 = t_next(t_next(t_root_1), true);
-				t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_1);
-				t_next(t_text_1);
-			};
-			$t_if_state_1.index = 0;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 0)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's true! </p> `);
+			const t_root_1 = t_root(t_fragment_1, true);
+			const t_text_1 = t_next(t_next(t_root_1), true);
+			t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_1);
+			t_next(t_text_1);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 0;
 		}
 		else {
-			t_if_creators_1[1] = (_) => {};
-			$t_if_state_1.index = 1;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 1)) return;
+			t_if_index_1 = 1;
 		}
 	});
-	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
-		const index = $t_if_state_1.index;
-		t_run_branch(t_if_region_1, () => t_if_creators_1[index](t_before));
-	});
 
 	const t_text_2 = t_next(t_if_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);
 
-	/**/ });
 }