@torpor/view 0.4.9 → 0.4.10

package/test/special-component/components/output/SpecialComponent-client.ts

@@ -6,6 +6,8 @@ import t_anchor from "../../../../src/render/nodeAnchor";
 import t_child from "../../../../src/render/nodeChild";
 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 +22,6 @@ export default function Component(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	let components: Record<PropertyKey, any> = {
 		BigTitle,
@@ -38,39 +39,40 @@ export default function Component(
 	const t_replace_region_1 = t_region();
 	t_run_control(t_replace_region_1, t_replace_anchor_1, (t_before) => {
 		components[$props.self];
-		t_run_branch(t_replace_region_1, () => {
-			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, `<!>`);
-			const t_root_1 = t_root(t_fragment_1);
-			let t_comp_anchor_1 = t_anchor(t_root_1) as HTMLElement;
-
-			/* @component */
-			const t_props_1 = $watch({
-			});
-			const t_slots_1: Record<string, SlotRender> = {};
-			t_slots_1["_"] = (
-				$sparent: ParentNode,
-				$sanchor: Node | null,
-				// @ts-ignore
-				$sprops?: Record<PropertyKey, any>,
-				// @ts-ignore
-				$context?: Record<PropertyKey, any>
-			) => {
-				const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` Hello! `);
-				const t_text_1 = t_root(t_fragment_3);
-				t_add_fragment(t_fragment_3, $sparent, $sanchor, t_text_1);
-				t_next(t_text_1);
-			}
-			components[$props.self](t_fragment_1, t_comp_anchor_1, t_props_1, $context, t_slots_1);
-
-			t_add_fragment(t_fragment_1, t_fragment_0, t_before);
+		if (!t_run_branch(t_replace_region_1, 0, -1)) 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);
+		let t_comp_anchor_1 = t_anchor(t_root_1) as HTMLElement;
+
+		/* @component */
+		const t_props_1 = $watch({
 		});
+		const t_slots_1: Record<string, SlotRender> = {};
+		t_slots_1["_"] = (
+			$sparent: ParentNode,
+			$sanchor: Node | null,
+			// @ts-ignore
+			$sprops?: Record<PropertyKey, any>,
+			// @ts-ignore
+			$context?: Record<PropertyKey, any>
+		) => {
+			const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` Hello! `);
+			const t_text_1 = t_root(t_fragment_3);
+			t_add_fragment(t_fragment_3, $sparent, $sanchor, t_text_1);
+			t_next(t_text_1);
+		}
+		components[$props.self](t_fragment_1, t_comp_anchor_1, t_props_1, $context, t_slots_1);
+
+		t_add_fragment(t_fragment_1, t_fragment_0, t_before);
+		t_pop_region(t_old_region);
 	});
 
 	const t_text_2 = t_next(t_replace_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);
 
-	/**/ });
 }
 
 function BigTitle(
@@ -82,7 +84,6 @@ function BigTitle(
 	$context?: Record<PropertyKey, any>,
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -98,7 +99,6 @@ function BigTitle(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }
 
 function SmallTitle(
@@ -110,7 +110,6 @@ function SmallTitle(
 	$context?: Record<PropertyKey, any>,
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -126,5 +125,4 @@ function SmallTitle(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/special-component/components/temp/{SpecialComponent-client-d81a30dda5d8d509e8661caa70bbc89265bc65c1.ts → SpecialComponent-client-752f0be79a322e8f75bfdd5adfec996d4ab35281.ts}

@@ -6,6 +6,8 @@ import t_anchor from "../../../../src/render/nodeAnchor";
 import t_child from "../../../../src/render/nodeChild";
 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 +22,6 @@ export default function Component(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	let components: Record<PropertyKey, any> = {
 		BigTitle,
@@ -38,39 +39,40 @@ export default function Component(
 	const t_replace_region_1 = t_region();
 	t_run_control(t_replace_region_1, t_replace_anchor_1, (t_before) => {
 		components[$props.self];
-		t_run_branch(t_replace_region_1, () => {
-			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, `<!>`);
-			const t_root_1 = t_root(t_fragment_1);
-			let t_comp_anchor_1 = t_anchor(t_root_1) as HTMLElement;
-
-			/* @component */
-			const t_props_1 = $watch({
-			});
-			const t_slots_1: Record<string, SlotRender> = {};
-			t_slots_1["_"] = (
-				$sparent: ParentNode,
-				$sanchor: Node | null,
-				// @ts-ignore
-				$sprops?: Record<PropertyKey, any>,
-				// @ts-ignore
-				$context?: Record<PropertyKey, any>
-			) => {
-				const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` Hello! `);
-				const t_text_1 = t_root(t_fragment_3);
-				t_add_fragment(t_fragment_3, $sparent, $sanchor, t_text_1);
-				t_next(t_text_1);
-			}
-			components[$props.self](t_fragment_1, t_comp_anchor_1, t_props_1, $context, t_slots_1);
-
-			t_add_fragment(t_fragment_1, t_fragment_0, t_before);
+		if (!t_run_branch(t_replace_region_1, 0, -1)) 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);
+		let t_comp_anchor_1 = t_anchor(t_root_1) as HTMLElement;
+
+		/* @component */
+		const t_props_1 = $watch({
 		});
+		const t_slots_1: Record<string, SlotRender> = {};
+		t_slots_1["_"] = (
+			$sparent: ParentNode,
+			$sanchor: Node | null,
+			// @ts-ignore
+			$sprops?: Record<PropertyKey, any>,
+			// @ts-ignore
+			$context?: Record<PropertyKey, any>
+		) => {
+			const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` Hello! `);
+			const t_text_1 = t_root(t_fragment_3);
+			t_add_fragment(t_fragment_3, $sparent, $sanchor, t_text_1);
+			t_next(t_text_1);
+		}
+		components[$props.self](t_fragment_1, t_comp_anchor_1, t_props_1, $context, t_slots_1);
+
+		t_add_fragment(t_fragment_1, t_fragment_0, t_before);
+		t_pop_region(t_old_region);
 	});
 
 	const t_text_2 = t_next(t_replace_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);
 
-	/**/ });
 }
 
 function BigTitle(
@@ -82,7 +84,6 @@ function BigTitle(
 	$context?: Record<PropertyKey, any>,
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -98,7 +99,6 @@ function BigTitle(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }
 
 function SmallTitle(
@@ -110,7 +110,6 @@ function SmallTitle(
 	$context?: Record<PropertyKey, any>,
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -126,5 +125,4 @@ function SmallTitle(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/special-element/components/output/SpecialElement-client.ts

@@ -16,7 +16,6 @@ export default function Element(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -35,5 +34,4 @@ export default function Element(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/special-element/components/temp/{SpecialElement-client-2887938dfcd02e042d8fe5501845d043b098616a.ts → SpecialElement-client-f6239c04736a49add9278edfaea7804dd186e665.ts}

@@ -16,7 +16,6 @@ export default function Element(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -35,5 +34,4 @@ export default function Element(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/special-head/components/output/SpecialHead-client.ts

@@ -12,7 +12,6 @@ export default function Head(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* Head */
 	$run(() => {
@@ -21,5 +20,4 @@ export default function Head(
 		return () => document.title = t_old_title;
 	});
 
-	/**/ });
 }

package/test/special-head/components/temp/{SpecialHead-client-3b8455aa874ae0113a7f718cb64b310d84430ce6.ts → SpecialHead-client-cda50f56454f7c7f0147352e53d50c4060ed2e3b.ts}

@@ -12,7 +12,6 @@ export default function Head(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* Head */
 	$run(() => {
@@ -21,5 +20,4 @@ export default function Head(
 		return () => document.title = t_old_title;
 	});
 
-	/**/ });
 }

package/test/special-self/components/output/SpecialSelf-client.ts

@@ -8,6 +8,8 @@ import t_child from "../../../../src/render/nodeChild";
 import t_fmt from "../../../../src/render/formatText";
 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";
@@ -22,7 +24,6 @@ export default function Self(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -34,39 +35,36 @@ export default function Self(
 
 	/* @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.level < 3) {
-			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_comp_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_comp_anchor_1 = t_anchor(t_next(t_root_1)) as HTMLElement;
 
-				/* @component */
-				const t_props_1 = $watch({
-					level: $props.level + 1,
-				});
-				$run(() => {
-					t_props_1["level"] = $props.level + 1;
-				});
-				Self(t_fragment_1, t_comp_anchor_1, t_props_1, $context);
+			/* @component */
+			const t_props_1 = $watch({
+				level: $props.level + 1,
+			});
+			$run(() => {
+				t_props_1["level"] = $props.level + 1;
+			});
+			Self(t_fragment_1, t_comp_anchor_1, t_props_1, $context);
 
-				const t_text_2 = t_next(t_comp_anchor_1, true);
-				t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_2);
-				t_next(t_text_2);
-			};
-			$t_if_state_1.index = 0;
+			const t_text_2 = t_next(t_comp_anchor_1, true);
+			t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_2);
+			t_next(t_text_2);
+			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_3 = t_next(t_if_anchor_1, true);
 	$run(() => {
@@ -75,5 +73,4 @@ export default function Self(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);
 
-	/**/ });
 }

package/test/special-self/components/temp/{SpecialSelf-client-cb6aba06aa4bec73485ef48bc05557a5c935f54c.ts → SpecialSelf-client-09e93618a2318d3873b201557e2f32d5bf5e4100.ts}

@@ -8,6 +8,8 @@ import t_child from "../../../../src/render/nodeChild";
 import t_fmt from "../../../../src/render/formatText";
 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";
@@ -22,7 +24,6 @@ export default function Self(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -34,39 +35,36 @@ export default function Self(
 
 	/* @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.level < 3) {
-			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_comp_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_comp_anchor_1 = t_anchor(t_next(t_root_1)) as HTMLElement;
 
-				/* @component */
-				const t_props_1 = $watch({
-					level: $props.level + 1,
-				});
-				$run(() => {
-					t_props_1["level"] = $props.level + 1;
-				});
-				Self(t_fragment_1, t_comp_anchor_1, t_props_1, $context);
+			/* @component */
+			const t_props_1 = $watch({
+				level: $props.level + 1,
+			});
+			$run(() => {
+				t_props_1["level"] = $props.level + 1;
+			});
+			Self(t_fragment_1, t_comp_anchor_1, t_props_1, $context);
 
-				const t_text_2 = t_next(t_comp_anchor_1, true);
-				t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_2);
-				t_next(t_text_2);
-			};
-			$t_if_state_1.index = 0;
+			const t_text_2 = t_next(t_comp_anchor_1, true);
+			t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_2);
+			t_next(t_text_2);
+			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_3 = t_next(t_if_anchor_1, true);
 	$run(() => {
@@ -75,5 +73,4 @@ export default function Self(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);
 
-	/**/ });
 }

package/test/style/components/output/Style-client.ts

@@ -16,7 +16,6 @@ export default function Style(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,5 +30,4 @@ export default function Style(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/style/components/temp/{Style-client-8896b4c0fe78e346904fbcf24d629bbe20a56860.ts → Style-client-8ca877392f5610bc527c5577d948f5782c40bf96.ts}

@@ -16,7 +16,6 @@ export default function Style(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,5 +30,4 @@ export default function Style(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/svg/components/output/Svg-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 SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
@@ -8,6 +7,8 @@ import t_child from "../../../../src/render/nodeChild";
 import t_class from "../../../../src/render/buildClasses";
 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";
@@ -22,7 +23,6 @@ export default function Shape(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -34,34 +34,33 @@ export default function Shape(
 
 	/* @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.name === "rect") {
-			t_if_creators_1[0] = (t_before) => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <rect width="100" height="100" fill="red"></rect> `, true);
-				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_svg_1, 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, ` <rect width="100" height="100" fill="red"></rect> `, true);
+			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_svg_1, 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, ` <circle r="45" cx="50" cy="50" fill="red"></circle> `, true);
-				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_svg_1, 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, ` <circle r="45" cx="50" cy="50" fill="red"></circle> `, true);
+			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_svg_1, 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_svg_1, true);
 	$run(() => {
@@ -71,5 +70,4 @@ export default function Shape(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);
 
-	/**/ });
 }

package/test/svg/components/temp/{Svg-client-0397419af735b847de6c56bd6ad2bb4eb6dc1ba2.ts → Svg-client-6a213daf6df5c361de9e1c9aa7cc581bcb6356be.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 SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
@@ -8,6 +7,8 @@ import t_child from "../../../../src/render/nodeChild";
 import t_class from "../../../../src/render/buildClasses";
 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";
@@ -22,7 +23,6 @@ export default function Shape(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -34,34 +34,33 @@ export default function Shape(
 
 	/* @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.name === "rect") {
-			t_if_creators_1[0] = (t_before) => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <rect width="100" height="100" fill="red"></rect> `, true);
-				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_svg_1, 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, ` <rect width="100" height="100" fill="red"></rect> `, true);
+			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_svg_1, 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, ` <circle r="45" cx="50" cy="50" fill="red"></circle> `, true);
-				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_svg_1, 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, ` <circle r="45" cx="50" cy="50" fill="red"></circle> `, true);
+			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_svg_1, 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_svg_1, true);
 	$run(() => {
@@ -71,5 +70,4 @@ export default function Shape(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);
 
-	/**/ });
 }