npm - @torpor/view - Versions diffs - 0.1.5 → 0.1.6 - Mend

@torpor/view 0.1.5 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (358) hide show

package/test/for/components/temp/{ForIn-client-5cc25a98e10826e8477fe6f931d5d2bbd0b13c9f.ts → ForIn-client-e12c45d7f53e50ea3ed456110138dfb95f6930e0.ts} RENAMED Viewed

@@ -29,16 +29,17 @@ export default function ForIn(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<section> <!> </section>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <section> <!> </section> `);
 	// @ts-ignore
-	const t_section_1 = t_root(t_fragment_0) as HTMLElement;
-	const t_for_anchor_1 = t_anchor(t_next(t_child(t_section_1))) as HTMLElement;
+	const t_root_0 = t_root(t_fragment_0, true);
+	const t_for_parent_1 = t_next(t_root_0) as HTMLElement;
+	const t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
 	/* @for */
 	let t_for_range_1 = t_range();
 	t_run_list(
 		t_for_range_1,
-		t_section_1,
+		t_for_parent_1,
 		t_for_anchor_1,
 		function createNewItems() {
 			let t_new_items: ListItem[] = [];
@@ -54,20 +55,22 @@ export default function ForIn(
 			let t_old_range_1 = t_push_range(t_item, true);
 			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p>#</p> `);
 			// @ts-ignore
-			const t_root_1 = t_root(t_fragment_1);
+			const t_root_1 = t_root(t_fragment_1, true);
 			const t_text_1 = t_child(t_next(t_root_1));
 			// @ts-ignore
-			const t_text_2 = t_next(t_root_1, 2);
+			const t_text_2 = t_next(t_next(t_root_1), true);
 			$run(function setTextContent() {
 				t_text_1.textContent = ` ${t_fmt($props.item[t_item.data.key])} `;
 			});
-			t_add_fragment(t_fragment_1, t_section_1, t_before);
+			t_add_fragment(t_fragment_1, t_for_parent_1, t_before, t_text_2);
 			t_next(t_text_2);
 			t_pop_range(t_old_range_1);
 		}
 	);
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_section_1);
+	// @ts-ignore
+	const t_text_3 = t_next(t_for_parent_1, true);
+	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
+	t_next(t_text_3);
 }

package/test/for/components/temp/{ForIn-server-d68e82c048f7e0f1525f74724b91e5cd01cdc6a6.ts → ForIn-server-c8f13304a2ba235e091685256909fbfa50bdd5fd.ts} RENAMED Viewed

@@ -12,11 +12,11 @@ export default function ForIn(
 	/* User interface */
 	let $output = "";
-	$output += `<section> <![>`;
+	$output += ` <section> <![>`;
 	for (let key in $props.item) {
 		$output += `<!^> <p> ${t_fmt($props.item[key])} </p> `;
 	}
-	$output += `<!]><!> </section>`;
+	$output += `<!]><!> </section> `;
 	return $output;
 }

package/test/for/components/temp/{ForOf-client-70b0d59ff72f1cffe2e0ac8523dd7ccdca4ffe39.ts → ForOf-client-422d67d6c046f1d1de655719d061ea29f67d23f7.ts} RENAMED Viewed

@@ -29,16 +29,17 @@ export default function ForOf(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<section> <!> </section>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <section> <!> </section> `);
 	// @ts-ignore
-	const t_section_1 = t_root(t_fragment_0) as HTMLElement;
-	const t_for_anchor_1 = t_anchor(t_next(t_child(t_section_1))) as HTMLElement;
+	const t_root_0 = t_root(t_fragment_0, true);
+	const t_for_parent_1 = t_next(t_root_0) as HTMLElement;
+	const t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
 	/* @for */
 	let t_for_range_1 = t_range();
 	t_run_list(
 		t_for_range_1,
-		t_section_1,
+		t_for_parent_1,
 		t_for_anchor_1,
 		function createNewItems() {
 			let t_new_items: ListItem[] = [];
@@ -54,20 +55,22 @@ export default function ForOf(
 			let t_old_range_1 = t_push_range(t_item, true);
 			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p>#</p> `);
 			// @ts-ignore
-			const t_root_1 = t_root(t_fragment_1);
+			const t_root_1 = t_root(t_fragment_1, true);
 			const t_text_1 = t_child(t_next(t_root_1));
 			// @ts-ignore
-			const t_text_2 = t_next(t_root_1, 2);
+			const t_text_2 = t_next(t_next(t_root_1), true);
 			$run(function setTextContent() {
 				t_text_1.textContent = ` ${t_fmt(t_item.data.item)} `;
 			});
-			t_add_fragment(t_fragment_1, t_section_1, t_before);
+			t_add_fragment(t_fragment_1, t_for_parent_1, t_before, t_text_2);
 			t_next(t_text_2);
 			t_pop_range(t_old_range_1);
 		}
 	);
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_section_1);
+	// @ts-ignore
+	const t_text_3 = t_next(t_for_parent_1, true);
+	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
+	t_next(t_text_3);
 }

package/test/for/components/temp/{ForOf-server-ac08d98dd249a3e64a366b8488450e6ce0d18def.ts → ForOf-server-8c2c33ca6595bf0a5e952ca9971e595e18446623.ts} RENAMED Viewed

@@ -12,11 +12,11 @@ export default function ForOf(
 	/* User interface */
 	let $output = "";
-	$output += `<section> <![>`;
+	$output += ` <section> <![>`;
 	for (let item of $props.items) {
 		$output += `<!^> <p> ${t_fmt(item)} </p> `;
 	}
-	$output += `<!]><!> </section>`;
+	$output += `<!]><!> </section> `;
 	return $output;
 }

package/test/function/components/output/Function-client.ts CHANGED Viewed

@@ -25,11 +25,13 @@ export default function Function(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<div> <button id=increment>Increment</button> <p>#</p> </div>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <button id=increment>Increment</button> <p>#</p> </div> `);
 	// @ts-ignore
-	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
-	const t_button_1 = t_next(t_child(t_div_1)) as HTMLElement;
-	const t_text_1 = t_child(t_next(t_button_1, 2));
+	const t_root_0 = t_root(t_fragment_0, true);
+	const t_button_1 = t_next(t_child(t_next(t_root_0))) as HTMLElement;
+	const t_text_1 = t_child(t_next(t_next(t_button_1, true)));
+	// @ts-ignore
+	const t_text_2 = t_next(t_next(t_root_0), true);
 	t_event(t_button_1, "click", increment);
 	/* @function */
@@ -41,7 +43,7 @@ export default function Function(
 	$run(function setTextContent() {
 		t_text_1.textContent = ` The count is ${t_fmt($state.counter)}. `;
 	});
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_div_1);
+	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
+	t_next(t_text_2);
 }

package/test/function/components/output/Function-server.ts CHANGED Viewed

@@ -14,14 +14,14 @@ export default function Function(
 	/* User interface */
 	let $output = "";
-	$output += `<div> <button id="increment">Increment</button> `;
+	$output += ` <div> <button id="increment">Increment</button> `;
 	function increment() {
 		$state.counter += 1;
 		let x = "";
 	};
-	$output += ` <p> The count is ${t_fmt($state.counter)}. </p> </div>`;
+	$output += ` <p> The count is ${t_fmt($state.counter)}. </p> </div> `;
 	return $output;
 }

package/test/function/components/temp/{Function-client-b3ff029a821d47e1a2249a52dfb681f4b2e96232.ts → Function-client-4e2168306756eb927d5ed4b673334b357eecaa74.ts} RENAMED Viewed

@@ -25,11 +25,13 @@ export default function Function(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<div> <button id=increment>Increment</button> <p>#</p> </div>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <button id=increment>Increment</button> <p>#</p> </div> `);
 	// @ts-ignore
-	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
-	const t_button_1 = t_next(t_child(t_div_1)) as HTMLElement;
-	const t_text_1 = t_child(t_next(t_button_1, 2));
+	const t_root_0 = t_root(t_fragment_0, true);
+	const t_button_1 = t_next(t_child(t_next(t_root_0))) as HTMLElement;
+	const t_text_1 = t_child(t_next(t_next(t_button_1, true)));
+	// @ts-ignore
+	const t_text_2 = t_next(t_next(t_root_0), true);
 	t_event(t_button_1, "click", increment);
 	/* @function */
@@ -41,7 +43,7 @@ export default function Function(
 	$run(function setTextContent() {
 		t_text_1.textContent = ` The count is ${t_fmt($state.counter)}. `;
 	});
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_div_1);
+	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
+	t_next(t_text_2);
 }

package/test/function/components/temp/{Function-server-2d32fbe35260c0948a135f287f131c5520e8bce7.ts → Function-server-2b19d0cd881c31dc67132107c6e322a18701c318.ts} RENAMED Viewed

@@ -14,14 +14,14 @@ export default function Function(
 	/* User interface */
 	let $output = "";
-	$output += `<div> <button id="increment">Increment</button> `;
+	$output += ` <div> <button id="increment">Increment</button> `;
 	function increment() {
 		$state.counter += 1;
 		let x = "";
 	};
-	$output += ` <p> The count is ${t_fmt($state.counter)}. </p> </div>`;
+	$output += ` <p> The count is ${t_fmt($state.counter)}. </p> </div> `;
 	return $output;
 }

package/test/html/components/output/Html-client.ts CHANGED Viewed

@@ -24,10 +24,11 @@ export default function Html(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<p> <!> </p>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <p> <!> </p> `);
 	// @ts-ignore
-	const t_p_1 = t_root(t_fragment_0) as HTMLElement;
-	const t_html_anchor_1 = t_anchor(t_next(t_child(t_p_1))) as HTMLElement;
+	const t_root_0 = t_root(t_fragment_0, true);
+	const t_html_parent_1 = t_next(t_root_0) as HTMLElement;
+	const t_html_anchor_1 = t_anchor(t_next(t_child(t_html_parent_1))) as HTMLElement;
 	/* @html */
 	const t_html_range_1 = t_range();
@@ -37,11 +38,13 @@ export default function Html(
 			const t_template_1 = document.createElement("template");
 			t_template_1.innerHTML = $props.html;
 			let t_fragment_1 = t_template_1.content.cloneNode(true) as DocumentFragment;
-			t_add_fragment(t_fragment_1, t_p_1, t_before);
+			t_add_fragment(t_fragment_1, t_html_parent_1, t_before);
 		});
 	});
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_p_1);
+	// @ts-ignore
+	const t_text_1 = t_next(t_html_parent_1, true);
+	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
+	t_next(t_text_1);
 }

package/test/html/components/output/Html-server.ts CHANGED Viewed

@@ -11,7 +11,7 @@ export default function Html(
 	/* User interface */
 	let $output = "";
-	$output += `<p> <![>${$props.html}<!]><!> </p>`;
+	$output += ` <p> <![>${$props.html}<!]><!> </p> `;
 	return $output;
 }

package/test/html/components/temp/{Html-client-766ba4a63f28f929ca16cd7d1640fe92f9b30792.ts → Html-client-2f309b06c3304a952d249057dec058a514d52874.ts} RENAMED Viewed

@@ -24,10 +24,11 @@ export default function Html(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<p> <!> </p>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <p> <!> </p> `);
 	// @ts-ignore
-	const t_p_1 = t_root(t_fragment_0) as HTMLElement;
-	const t_html_anchor_1 = t_anchor(t_next(t_child(t_p_1))) as HTMLElement;
+	const t_root_0 = t_root(t_fragment_0, true);
+	const t_html_parent_1 = t_next(t_root_0) as HTMLElement;
+	const t_html_anchor_1 = t_anchor(t_next(t_child(t_html_parent_1))) as HTMLElement;
 	/* @html */
 	const t_html_range_1 = t_range();
@@ -37,11 +38,13 @@ export default function Html(
 			const t_template_1 = document.createElement("template");
 			t_template_1.innerHTML = $props.html;
 			let t_fragment_1 = t_template_1.content.cloneNode(true) as DocumentFragment;
-			t_add_fragment(t_fragment_1, t_p_1, t_before);
+			t_add_fragment(t_fragment_1, t_html_parent_1, t_before);
 		});
 	});
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_p_1);
+	// @ts-ignore
+	const t_text_1 = t_next(t_html_parent_1, true);
+	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
+	t_next(t_text_1);
 }

package/test/html/components/temp/{Html-server-0a41da8b81bf833f331f3becdbac14be7ddc6c8c.ts → Html-server-d159b0ef04b1f65ae4f9e05a7b44b21e7aa14cf9.ts} RENAMED Viewed

@@ -11,7 +11,7 @@ export default function Html(
 	/* User interface */
 	let $output = "";
-	$output += `<p> <![>${$props.html}<!]><!> </p>`;
+	$output += ` <p> <![>${$props.html}<!]><!> </p> `;
 	return $output;
 }

package/test/hydrateComponent.ts CHANGED Viewed

@@ -9,6 +9,7 @@ export default function hydrateComponent(
 	state?: any,
 ): void {
 	const html = serverComponent(state);
+	//console.log("HTML", html);
 	container.innerHTML = html;
 	container.ownerDocument.body.appendChild(container);

package/test/if/components/IfAfterIf.torp CHANGED Viewed

@@ -1,17 +1,15 @@
 export default function IfAfterIf($props: { counter: number }) {
 	@render {
-		<div>
-			@if ($props.counter > 10) {
-				<p>
-					It's true!
-				</p>
-			}
-			@if ($props.counter > 5) {
-				<p>
-					It's also true!
-				</p>
-			}
-		</div>
+		@if ($props.counter > 10) {
+			<p>
+				It's true!
+			</p>
+		}
+		@if ($props.counter > 5) {
+			<p>
+				It's also true!
+			</p>
+		}
 	}
 }

package/test/if/components/IfElse.torp CHANGED Viewed

@@ -1,16 +1,17 @@
 export default function IfElse($props: { counter: number }) {
 	@render {
-		<div>
-			@if ($props.counter > 7) {
-				<p>
-					It's true!
-				</p>
-			} else {
-				<p>
-					It's not true...
-				</p>
-			}
-		</div>
+		@if ($props.counter > 7) {
+			<p>
+				It's true!
+			</p>
+			<p>
+				That's right
+			</p>
+		} else {
+			<p>
+				It's not true...
+			</p>
+		}
 	}
 }

package/test/if/components/IfElseIf.torp CHANGED Viewed

@@ -1,20 +1,18 @@
 export default function IfElseIf($props: { counter: number }) {
 	@render {
-		<div>
-			@if ($props.counter > 10) {
-				<p>
-					It's over ten!
-				</p>
-			} else if ($props.counter > 5) {
-				<p>
-					It's over five!
-				</p>
-			} else {
-				<p>
-					It's not there yet
-				</p>
-			}
-		</div>
+		@if ($props.counter > 10) {
+			<p>
+				It's over ten!
+			</p>
+		} else if ($props.counter > 5) {
+			<p>
+				It's over five!
+			</p>
+		} else {
+			<p>
+				It's not there yet
+			</p>
+		}
 	}
 }

package/test/if/components/IfFalse.torp ADDED Viewed

@@ -0,0 +1,10 @@
+export default function IfFalse($props: { counter: number }) {
+	@render {
+		@if ($props.counter > 7) {
+			<p>
+				It's true!
+			</p>
+		}
+	}
+}

package/test/if/components/IfNested.torp CHANGED Viewed

@@ -1,21 +1,19 @@
 export default function IfNested($props: { counter: number }) {
 	@render {
-		<div>
-			@if ($props.counter > 5) {
-				@if ($props.counter > 10) {
-					<p>
-						It's both true!
-					</p>
-				} else {
-					<p>
-						The second is not true!
-					</p>
-				}
+		@if ($props.counter > 5) {
+			@if ($props.counter > 10) {
+				<p>
+					It's both true!
+				</p>
 			} else {
 				<p>
-					The first is not true!
+					The second is not true!
 				</p>
 			}
-		</div>
+		} else {
+			<p>
+				The first is not true!
+			</p>
+		}
 	}
 }

package/test/if/components/output/IfAfterIf-client.ts CHANGED Viewed

@@ -2,7 +2,6 @@ import $watch from "../../../../src/render/$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_child from "../../../../src/render/nodeChild";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
 import t_range from "../../../../src/render/newRange";
@@ -24,10 +23,10 @@ export default function IfAfterIf(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<div> <!> <!> </div>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <!> <!> `);
 	// @ts-ignore
-	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
-	const t_if_anchor_1 = t_anchor(t_next(t_child(t_div_1))) as HTMLElement;
+	const t_root_0 = t_root(t_fragment_0, true);
+	const t_if_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 	/* @if */
 	const t_if_range_1 = t_range();
@@ -36,10 +35,10 @@ export default function IfAfterIf(
 			t_run_branch(t_if_range_1, 0, () => {
 				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's true! </p> `);
 				// @ts-ignore
-				const t_root_1 = t_root(t_fragment_1);
+				const t_root_1 = t_root(t_fragment_1, true);
 				// @ts-ignore
-				const t_text_1 = t_next(t_root_1, 2);
-				t_add_fragment(t_fragment_1, t_div_1, t_before);
+				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);
 			});
 		}
@@ -49,7 +48,7 @@ export default function IfAfterIf(
 		}
 	});
-	const t_if_anchor_2 = t_anchor(t_next(t_if_anchor_1, 2)) as HTMLElement;
+	const t_if_anchor_2 = t_anchor(t_next(t_next(t_anchor(t_if_anchor_1, true), true))) as HTMLElement;
 	/* @if */
 	const t_if_range_2 = t_range();
@@ -58,10 +57,10 @@ export default function IfAfterIf(
 			t_run_branch(t_if_range_2, 0, () => {
 				const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's also true! </p> `);
 				// @ts-ignore
-				const t_root_2 = t_root(t_fragment_2);
+				const t_root_2 = t_root(t_fragment_2, true);
 				// @ts-ignore
-				const t_text_2 = t_next(t_root_2, 2);
-				t_add_fragment(t_fragment_2, t_div_1, t_before);
+				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);
 			});
 		}
@@ -71,7 +70,9 @@ export default function IfAfterIf(
 		}
 	});
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_div_1);
+	// @ts-ignore
+	const t_text_3 = t_next(t_anchor(t_if_anchor_2, true), true);
+	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
+	t_next(t_text_3);
 }

package/test/if/components/output/IfAfterIf-server.ts CHANGED Viewed

@@ -11,15 +11,15 @@ export default function IfAfterIf(
 	/* User interface */
 	let $output = "";
-	$output += `<div> <![>`;
+	$output += ` <![>`;
 	if ($props.counter > 10) {
-		$output += ` <p> It's true! </p> `;
+		$output += `<!^> <p> It's true! </p> `;
 	}
 	$output += `<!]><!> <![>`;
 	if ($props.counter > 5) {
-		$output += ` <p> It's also true! </p> `;
+		$output += `<!^> <p> It's also true! </p> `;
 	}
-	$output += `<!]><!> </div>`;
+	$output += `<!]><!> `;
 	return $output;
 }

package/test/if/components/output/IfElse-client.ts CHANGED Viewed

@@ -2,7 +2,6 @@ import $watch from "../../../../src/render/$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_child from "../../../../src/render/nodeChild";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
 import t_range from "../../../../src/render/newRange";
@@ -24,22 +23,22 @@ export default function IfElse(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<div> <!> </div>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <!> `);
 	// @ts-ignore
-	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
-	const t_if_anchor_1 = t_anchor(t_next(t_child(t_div_1))) as HTMLElement;
+	const t_root_0 = t_root(t_fragment_0, true);
+	const t_if_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 	/* @if */
 	const t_if_range_1 = t_range();
 	t_run_control(t_if_range_1, t_if_anchor_1, (t_before) => {
 		if ($props.counter > 7) {
 			t_run_branch(t_if_range_1, 0, () => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's true! </p> `);
+				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's true! </p> <p> That's right </p> `);
 				// @ts-ignore
-				const t_root_1 = t_root(t_fragment_1);
+				const t_root_1 = t_root(t_fragment_1, true);
 				// @ts-ignore
-				const t_text_1 = t_next(t_root_1, 2);
-				t_add_fragment(t_fragment_1, t_div_1, t_before);
+				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);
 			});
 		}
@@ -47,16 +46,18 @@ export default function IfElse(
 			t_run_branch(t_if_range_1, 1, () => {
 				const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's not true... </p> `);
 				// @ts-ignore
-				const t_root_2 = t_root(t_fragment_2);
+				const t_root_2 = t_root(t_fragment_2, true);
 				// @ts-ignore
-				const t_text_2 = t_next(t_root_2, 2);
-				t_add_fragment(t_fragment_2, t_div_1, t_before);
+				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_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_div_1);
+	// @ts-ignore
+	const t_text_3 = t_next(t_anchor(t_if_anchor_1, true), true);
+	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
+	t_next(t_text_3);
 }

package/test/if/components/output/IfElse-server.ts CHANGED Viewed

@@ -11,14 +11,14 @@ export default function IfElse(
 	/* User interface */
 	let $output = "";
-	$output += `<div> <![>`;
+	$output += ` <![>`;
 	if ($props.counter > 7) {
-		$output += ` <p> It's true! </p> `;
+		$output += `<!^> <p> It's true! </p> <p> That's right </p> `;
 	}
 	else {
-		$output += ` <p> It's not true... </p> `;
+		$output += `<!^> <p> It's not true... </p> `;
 	}
-	$output += `<!]><!> </div>`;
+	$output += `<!]><!> `;
 	return $output;
 }