@torpor/view 0.1.6 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@torpor/view",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "Torpor's view library, for writing and mounting components",
   "type": "module",
   "main": "dist/index.cjs",

package/src/compile/build/client/buildFragment.ts

@@ -661,18 +661,12 @@ function declareParentAndAnchorFragmentVars(
 		path.children.push(anchorPath);
 
 		node.varName = nextVarName(`${name}_anchor`, status);
-		const anchorVarPath = getFragmentVarPath(
-			fragment,
-			status,
-			`t_anchor(${node.varName}, true)`,
-			anchorPath,
-			varPaths,
-		);
+		const anchorVarPath = getFragmentVarPath(fragment, status, node.varName, anchorPath, varPaths);
 		if (status.options?.useCreateElement) {
 			b.append(`let ${node.varName};`);
 		} else {
 			status.imports.add("t_anchor");
-			b.append(`const ${node.varName} = t_anchor(${anchorVarPath}) as HTMLElement;`);
+			b.append(`let ${node.varName} = t_anchor(${anchorVarPath}) as HTMLElement;`);
 
 			printDebug(node.varName, status, b);
 		}

package/src/compile/build/server/buildServerComponentNode.ts

@@ -1,4 +1,8 @@
-import { ANCHOR_COMMENT } from "../../types/comments";
+import {
+	ANCHOR_COMMENT,
+	HYDRATION_END_COMMENT,
+	HYDRATION_START_COMMENT,
+} from "../../types/comments";
 import { type ElementNode } from "../../types/nodes/ElementNode";
 import isSpecialNode from "../../types/nodes/isSpecialNode";
 import Builder from "../../utils/Builder";
@@ -15,6 +19,10 @@ export default function buildServerComponentNode(
 	status: BuildServerStatus,
 	b: Builder,
 ): void {
+	// Surround the entire control statement with bracketed comments, so that we
+	// can skip to the end to set the anchor node when hydrating
+	status.output += HYDRATION_START_COMMENT;
+
 	if (status.output) {
 		b.append(`$output += \`${status.output}\`;`);
 		status.output = "";
@@ -126,6 +134,9 @@ export default function buildServerComponentNode(
 	b.append("");
 	b.append(`$output += ${componentName}(${renderParams})`);
 
+	// End the control statement
+	status.output += HYDRATION_END_COMMENT;
+
 	// Add the anchor node
 	status.output += ANCHOR_COMMENT;
 }

package/src/render/nodeAnchor.ts

@@ -15,20 +15,10 @@ import nodeNext from "./nodeNext";
  * the matched comments.
  *
  * @param node The potential anchor node.
- * @param subsequent Whether this is the second time the anchor is being retrieved.
  * @returns The anchor node.
  */
-export default function nodeAnchor(node: ChildNode, subsequent = false): ChildNode {
+export default function nodeAnchor(node: ChildNode): ChildNode {
 	if (context.hydrationNode) {
-		// The first time we get a node anchor during hydration, the hydration
-		// node gets set to the first node in the statement, and then we work
-		// through the nodes until we get to the anchor node itself. So, the
-		// second time we get the anchor node, the hydration node should have
-		// been set to it. I'm not sure this is going to always be the case...
-		if (subsequent) {
-			return context.hydrationNode;
-		}
-
 		if (isComment(node) && node.data === HYDRATION_START) {
 			// Skip and remove the start node, setting the hydration node in
 			// nodeNext

package/test/await/components/output/Await-client.ts

@@ -50,7 +50,7 @@ export default function Await(
 		// @ts-ignore
 		const t_root_0 = t_root(t_fragment_0, true);
 		const t_await_parent_1 = t_next(t_root_0) as HTMLElement;
-		const t_await_anchor_1 = t_anchor(t_next(t_child(t_await_parent_1))) as HTMLElement;
+		let t_await_anchor_1 = t_anchor(t_next(t_child(t_await_parent_1))) as HTMLElement;
 
 		/* @await */
 		const t_await_range_1 = t_range();
@@ -106,7 +106,7 @@ export default function Await(
 			})(t_await_token_1);
 		});
 
-		const t_button_1 = t_next(t_next(t_anchor(t_await_anchor_1, true), true)) as HTMLElement;
+		const t_button_1 = t_next(t_next(t_await_anchor_1, true)) as HTMLElement;
 		// @ts-ignore
 		const t_text_5 = t_next(t_await_parent_1, true);
 		t_event(t_button_1, "click", () => $state.guesser = guessNumber(100));

package/test/await/components/temp/{Await-client-5d753441145fbac078393af24cccadb208453d69.ts → Await-client-9c30564ea39457e614e60c0cc0a71c431e8a1e76.ts}

@@ -50,7 +50,7 @@ export default function Await(
 		// @ts-ignore
 		const t_root_0 = t_root(t_fragment_0, true);
 		const t_await_parent_1 = t_next(t_root_0) as HTMLElement;
-		const t_await_anchor_1 = t_anchor(t_next(t_child(t_await_parent_1))) as HTMLElement;
+		let t_await_anchor_1 = t_anchor(t_next(t_child(t_await_parent_1))) as HTMLElement;
 
 		/* @await */
 		const t_await_range_1 = t_range();
@@ -106,7 +106,7 @@ export default function Await(
 			})(t_await_token_1);
 		});
 
-		const t_button_1 = t_next(t_next(t_anchor(t_await_anchor_1, true), true)) as HTMLElement;
+		const t_button_1 = t_next(t_next(t_await_anchor_1, true)) as HTMLElement;
 		// @ts-ignore
 		const t_text_5 = t_next(t_await_parent_1, true);
 		t_event(t_button_1, "click", () => $state.guesser = guessNumber(100));

package/test/bind/components/output/BindComponent-client.ts

@@ -30,7 +30,7 @@ export default function BindComponent(
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_comp_parent_1 = t_next(t_root_0) as HTMLElement;
-	const t_comp_anchor_1 = t_anchor(t_next(t_child(t_comp_parent_1))) as HTMLElement;
+	let t_comp_anchor_1 = t_anchor(t_next(t_child(t_comp_parent_1))) as HTMLElement;
 
 	/* @component */
 	const t_props_1: any = $watch({});
@@ -42,7 +42,7 @@ export default function BindComponent(
 	});
 	BindText(t_comp_parent_1, t_comp_anchor_1, t_props_1, $context);
 
-	const t_text_1 = t_child(t_next(t_next(t_anchor(t_comp_anchor_1, true), true)));
+	const t_text_1 = t_child(t_next(t_next(t_comp_anchor_1, true)));
 	// @ts-ignore
 	const t_text_2 = t_next(t_comp_parent_1, true);
 	$run(function setTextContent() {

package/test/bind/components/output/BindComponent-server.ts

@@ -16,12 +16,12 @@ export default function BindComponent(
 
 	/* User interface */
 	let $output = "";
-	$output += ` <div> `;
+	$output += ` <div> <![>`;
 	const t_props_1: any = {};
 	t_props_1["&name"] = $state.name;
 
 	$output += BindText(t_props_1, $context)
-	$output += `<!> <p>Hello, ${t_fmt($state.name)}</p> </div> `;
+	$output += `<!]><!> <p>Hello, ${t_fmt($state.name)}</p> </div> `;
 
 	return $output;
 }

package/test/bind/components/temp/{BindComponent-client-aaeb489ce72b664c6372f8764f7e665994a751a7.ts → BindComponent-client-6f650efb818a185ef33e1b071cfd77415a803dd3.ts}

@@ -30,7 +30,7 @@ export default function BindComponent(
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_comp_parent_1 = t_next(t_root_0) as HTMLElement;
-	const t_comp_anchor_1 = t_anchor(t_next(t_child(t_comp_parent_1))) as HTMLElement;
+	let t_comp_anchor_1 = t_anchor(t_next(t_child(t_comp_parent_1))) as HTMLElement;
 
 	/* @component */
 	const t_props_1: any = $watch({});
@@ -42,7 +42,7 @@ export default function BindComponent(
 	});
 	BindText(t_comp_parent_1, t_comp_anchor_1, t_props_1, $context);
 
-	const t_text_1 = t_child(t_next(t_next(t_anchor(t_comp_anchor_1, true), true)));
+	const t_text_1 = t_child(t_next(t_next(t_comp_anchor_1, true)));
 	// @ts-ignore
 	const t_text_2 = t_next(t_comp_parent_1, true);
 	$run(function setTextContent() {

package/test/bind/components/temp/{BindComponent-server-c630dee0bee6cea49d5eb8bea04979a737bb8f5e.ts → BindComponent-server-2e6caf0cbbb2831eb4bfbd7dcd6cf4d5c422d047.ts}

@@ -16,12 +16,12 @@ export default function BindComponent(
 
 	/* User interface */
 	let $output = "";
-	$output += ` <div> `;
+	$output += ` <div> <![>`;
 	const t_props_1: any = {};
 	t_props_1["&name"] = $state.name;
 
 	$output += BindText(t_props_1, $context)
-	$output += `<!> <p>Hello, ${t_fmt($state.name)}</p> </div> `;
+	$output += `<!]><!> <p>Hello, ${t_fmt($state.name)}</p> </div> `;
 
 	return $output;
 }

package/test/child-component/components/output/ParentChild-client.ts

@@ -27,7 +27,7 @@ export default function ParentChild(
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_comp_parent_1 = t_next(t_root_0) as HTMLElement;
-	const t_comp_anchor_1 = t_anchor(t_next(t_child(t_comp_parent_1))) as HTMLElement;
+	let t_comp_anchor_1 = t_anchor(t_next(t_child(t_comp_parent_1))) as HTMLElement;
 
 	/* @component */
 	const t_props_1: any = $watch({});

package/test/child-component/components/output/ParentChild-server.ts

@@ -12,12 +12,12 @@ export default function ParentChild(
 
 	/* User interface */
 	let $output = "";
-	$output += ` <div> `;
+	$output += ` <div> <![>`;
 	const t_props_1: any = {};
 	t_props_1["name"] = "Anna";
 
 	$output += Child(t_props_1, $context)
-	$output += `<!> </div> `;
+	$output += `<!]><!> </div> `;
 
 	return $output;
 }

package/test/child-component/components/temp/{ParentChild-client-6cf4d156ea46338815270faf67f56472f1a4ccd4.ts → ParentChild-client-50ca7e499599209c9d674f2561413ca14a282c22.ts}

@@ -27,7 +27,7 @@ export default function ParentChild(
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_comp_parent_1 = t_next(t_root_0) as HTMLElement;
-	const t_comp_anchor_1 = t_anchor(t_next(t_child(t_comp_parent_1))) as HTMLElement;
+	let t_comp_anchor_1 = t_anchor(t_next(t_child(t_comp_parent_1))) as HTMLElement;
 
 	/* @component */
 	const t_props_1: any = $watch({});

package/test/child-component/components/temp/{ParentChild-server-a34a8b5acf1c00d1990f8ab7433599506265a45a.ts → ParentChild-server-5e4a7fa5f4cd1c7dbe6866819025d2c03bfc62cb.ts}

@@ -12,12 +12,12 @@ export default function ParentChild(
 
 	/* User interface */
 	let $output = "";
-	$output += ` <div> `;
+	$output += ` <div> <![>`;
 	const t_props_1: any = {};
 	t_props_1["name"] = "Anna";
 
 	$output += Child(t_props_1, $context)
-	$output += `<!> </div> `;
+	$output += `<!]><!> </div> `;
 
 	return $output;
 }

package/test/class/components/output/Class-client.ts

@@ -32,7 +32,7 @@ export default function Class(
 	const t_div_3 = t_next(t_next(t_div_2, true)) as HTMLDivElement;
 	const t_div_4 = t_next(t_next(t_div_3, true)) as HTMLDivElement;
 	const t_comp_parent_1 = t_next(t_root_0) as HTMLElement;
-	const t_comp_anchor_1 = t_anchor(t_next(t_next(t_div_4, true))) as HTMLElement;
+	let t_comp_anchor_1 = t_anchor(t_next(t_next(t_div_4, true))) as HTMLElement;
 
 	/* @component */
 	const t_props_1: any = $watch({});

package/test/class/components/output/Class-server.ts

@@ -13,12 +13,12 @@ export default function Class(
 
 	/* User interface */
 	let $output = "";
-	$output += ` <div class="torp-1ljxz83"> <div id="divid" class="torp-1ljxz83"> From id </div> <div class="divclass torp-1ljxz83"> From string </div> <a class="${t_class({ hello: true, red: $props.red, green: $props.green, blue: $props.blue }, "torp-1ljxz83")}"> From state </a> <div class="${t_class({ hello: true, red: $props.red, green: $props.green, blue: $props.blue }, "torp-1ljxz83")}"> From state with scope </div> <div class="${t_class({ foo: true, bar: false, baz: 5, qux: null }, "torp-1ljxz83")}"> Class object </div> <div class="${t_class([ "foo", false, true && "baz", undefined ], "torp-1ljxz83")}"> Class array </div> <div class="${t_class([ "foo", 0, { bar: true }, "", [1 && "baz", ["qux"]] ], "torp-1ljxz83")}"> Class nested </div> `;
+	$output += ` <div class="torp-1ljxz83"> <div id="divid" class="torp-1ljxz83"> From id </div> <div class="divclass torp-1ljxz83"> From string </div> <a class="${t_class({ hello: true, red: $props.red, green: $props.green, blue: $props.blue }, "torp-1ljxz83")}"> From state </a> <div class="${t_class({ hello: true, red: $props.red, green: $props.green, blue: $props.blue }, "torp-1ljxz83")}"> From state with scope </div> <div class="${t_class({ foo: true, bar: false, baz: 5, qux: null }, "torp-1ljxz83")}"> Class object </div> <div class="${t_class([ "foo", false, true && "baz", undefined ], "torp-1ljxz83")}"> Class array </div> <div class="${t_class([ "foo", 0, { bar: true }, "", [1 && "baz", ["qux"]] ], "torp-1ljxz83")}"> Class nested </div> <![>`;
 	const t_props_1: any = {};
 	t_props_1["class"] = t_class({ "child-class": true }, "torp-1ljxz83");
 
 	$output += Child(t_props_1, $context)
-	$output += `<!> </div> `;
+	$output += `<!]><!> </div> `;
 
 	return $output;
 }

package/test/class/components/temp/{Class-client-0405eff591f854c04e5728df0479014ef91efc61.ts → Class-client-de2491c550647203bea08727fa8c88f30654db0a.ts}

@@ -32,7 +32,7 @@ export default function Class(
 	const t_div_3 = t_next(t_next(t_div_2, true)) as HTMLDivElement;
 	const t_div_4 = t_next(t_next(t_div_3, true)) as HTMLDivElement;
 	const t_comp_parent_1 = t_next(t_root_0) as HTMLElement;
-	const t_comp_anchor_1 = t_anchor(t_next(t_next(t_div_4, true))) as HTMLElement;
+	let t_comp_anchor_1 = t_anchor(t_next(t_next(t_div_4, true))) as HTMLElement;
 
 	/* @component */
 	const t_props_1: any = $watch({});

package/test/class/components/temp/{Class-server-daf30ffb1bacf9877e3385dc9a3eede61c972329.ts → Class-server-c24c01d0d3a98169172aba453c183c4152705be9.ts}

@@ -13,12 +13,12 @@ export default function Class(
 
 	/* User interface */
 	let $output = "";
-	$output += ` <div class="torp-1ljxz83"> <div id="divid" class="torp-1ljxz83"> From id </div> <div class="divclass torp-1ljxz83"> From string </div> <a class="${t_class({ hello: true, red: $props.red, green: $props.green, blue: $props.blue }, "torp-1ljxz83")}"> From state </a> <div class="${t_class({ hello: true, red: $props.red, green: $props.green, blue: $props.blue }, "torp-1ljxz83")}"> From state with scope </div> <div class="${t_class({ foo: true, bar: false, baz: 5, qux: null }, "torp-1ljxz83")}"> Class object </div> <div class="${t_class([ "foo", false, true && "baz", undefined ], "torp-1ljxz83")}"> Class array </div> <div class="${t_class([ "foo", 0, { bar: true }, "", [1 && "baz", ["qux"]] ], "torp-1ljxz83")}"> Class nested </div> `;
+	$output += ` <div class="torp-1ljxz83"> <div id="divid" class="torp-1ljxz83"> From id </div> <div class="divclass torp-1ljxz83"> From string </div> <a class="${t_class({ hello: true, red: $props.red, green: $props.green, blue: $props.blue }, "torp-1ljxz83")}"> From state </a> <div class="${t_class({ hello: true, red: $props.red, green: $props.green, blue: $props.blue }, "torp-1ljxz83")}"> From state with scope </div> <div class="${t_class({ foo: true, bar: false, baz: 5, qux: null }, "torp-1ljxz83")}"> Class object </div> <div class="${t_class([ "foo", false, true && "baz", undefined ], "torp-1ljxz83")}"> Class array </div> <div class="${t_class([ "foo", 0, { bar: true }, "", [1 && "baz", ["qux"]] ], "torp-1ljxz83")}"> Class nested </div> <![>`;
 	const t_props_1: any = {};
 	t_props_1["class"] = t_class({ "child-class": true }, "torp-1ljxz83");
 
 	$output += Child(t_props_1, $context)
-	$output += `<!> </div> `;
+	$output += `<!]><!> </div> `;
 
 	return $output;
 }

package/test/component/components/output/Component-client.ts

@@ -25,7 +25,7 @@ export default function Component(
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <!> `);
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_comp_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
+	let t_comp_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 
 	/* @component */
 	const t_props_1: any = $watch({});
@@ -33,7 +33,7 @@ export default function Component(
 	Header(t_fragment_0, t_comp_anchor_1, t_props_1, $context);
 
 	// @ts-ignore
-	const t_text_1 = t_next(t_anchor(t_comp_anchor_1, true), true);
+	const t_text_1 = t_next(t_comp_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 

package/test/component/components/output/Component-server.ts

@@ -13,12 +13,12 @@ export default function Component(
 
 	/* User interface */
 	let $output = "";
-	$output += ` `;
+	$output += ` <![>`;
 	const t_props_1: any = {};
 	t_props_1["name"] = "Amy";
 
 	$output += Header(t_props_1, $context)
-	$output += `<!> `;
+	$output += `<!]><!> `;
 
 	return $output;
 }

package/test/component/components/temp/{Component-client-355b42e5f7411c399e2f50fba3580f4f7c3fa943.ts → Component-client-350d20784712c710929cc3ab34c6828b0ea338d8.ts}

@@ -25,7 +25,7 @@ export default function Component(
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <!> `);
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_comp_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
+	let t_comp_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 
 	/* @component */
 	const t_props_1: any = $watch({});
@@ -33,7 +33,7 @@ export default function Component(
 	Header(t_fragment_0, t_comp_anchor_1, t_props_1, $context);
 
 	// @ts-ignore
-	const t_text_1 = t_next(t_anchor(t_comp_anchor_1, true), true);
+	const t_text_1 = t_next(t_comp_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 

package/test/component/components/temp/{Component-server-81012827b18e82d787d194a0a1a9d4e07311a336.ts → Component-server-57f59c74599572da6322a67cb97848cfbfcf6968.ts}

@@ -13,12 +13,12 @@ export default function Component(
 
 	/* User interface */
 	let $output = "";
-	$output += ` `;
+	$output += ` <![>`;
 	const t_props_1: any = {};
 	t_props_1["name"] = "Amy";
 
 	$output += Header(t_props_1, $context)
-	$output += `<!> `;
+	$output += `<!]><!> `;
 
 	return $output;
 }

package/test/effects/components/output/For-client.ts

@@ -33,7 +33,7 @@ export default function For(
 	// @ts-ignore
 	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;
+	let t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();

package/test/effects/components/output/If-client.ts

@@ -28,7 +28,7 @@ export default function If(
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_if_parent_1 = t_next(t_root_0) as HTMLElement;
-	const t_if_anchor_1 = t_anchor(t_next(t_child(t_if_parent_1))) as HTMLElement;
+	let t_if_anchor_1 = t_anchor(t_next(t_child(t_if_parent_1))) as HTMLElement;
 
 	/* @if */
 	const t_if_range_1 = t_range();

package/test/effects/components/output/NestedIf-client.ts

@@ -28,7 +28,7 @@ export default function NestedIf(
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_if_parent_1 = t_next(t_root_0) as HTMLElement;
-	const t_if_anchor_1 = t_anchor(t_next(t_child(t_if_parent_1))) as HTMLElement;
+	let t_if_anchor_1 = t_anchor(t_next(t_child(t_if_parent_1))) as HTMLElement;
 
 	/* @if */
 	const t_if_range_1 = t_range();
@@ -38,7 +38,7 @@ export default function NestedIf(
 				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <!> `);
 				// @ts-ignore
 				const t_root_1 = t_root(t_fragment_1, true);
-				const t_if_anchor_2 = t_anchor(t_next(t_root_1)) as HTMLElement;
+				let t_if_anchor_2 = t_anchor(t_next(t_root_1)) as HTMLElement;
 
 				/* @if */
 				const t_if_range_2 = t_range();
@@ -68,7 +68,7 @@ export default function NestedIf(
 				});
 
 				// @ts-ignore
-				const t_text_3 = t_next(t_anchor(t_if_anchor_2, true), true);
+				const t_text_3 = t_next(t_if_anchor_2, true);
 				t_add_fragment(t_fragment_1, t_if_parent_1, t_before, t_text_3);
 				t_next(t_text_3);
 			});

package/test/effects/components/temp/{For-client-fbe876286c0f99b8391ff0c06c92b58bf580218f.ts → For-client-35bf9bea43f53d6c0cf807f9e31500765fa0b455.ts}

@@ -33,7 +33,7 @@ export default function For(
 	// @ts-ignore
 	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;
+	let t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();

package/test/effects/components/temp/{If-client-420a093f13de6ce07d2d4bc94705901809096cd9.ts → If-client-efb994796596d9d08f59a0ab5ffdacc74bd04545.ts}

@@ -28,7 +28,7 @@ export default function If(
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_if_parent_1 = t_next(t_root_0) as HTMLElement;
-	const t_if_anchor_1 = t_anchor(t_next(t_child(t_if_parent_1))) as HTMLElement;
+	let t_if_anchor_1 = t_anchor(t_next(t_child(t_if_parent_1))) as HTMLElement;
 
 	/* @if */
 	const t_if_range_1 = t_range();

package/test/effects/components/temp/{NestedIf-client-af88ec303b1a4184263bb370ef5b1f1e8aca8efc.ts → NestedIf-client-845b3789b8a938439bff758bc9b3731d769c8ff6.ts}

@@ -28,7 +28,7 @@ export default function NestedIf(
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_if_parent_1 = t_next(t_root_0) as HTMLElement;
-	const t_if_anchor_1 = t_anchor(t_next(t_child(t_if_parent_1))) as HTMLElement;
+	let t_if_anchor_1 = t_anchor(t_next(t_child(t_if_parent_1))) as HTMLElement;
 
 	/* @if */
 	const t_if_range_1 = t_range();
@@ -38,7 +38,7 @@ export default function NestedIf(
 				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <!> `);
 				// @ts-ignore
 				const t_root_1 = t_root(t_fragment_1, true);
-				const t_if_anchor_2 = t_anchor(t_next(t_root_1)) as HTMLElement;
+				let t_if_anchor_2 = t_anchor(t_next(t_root_1)) as HTMLElement;
 
 				/* @if */
 				const t_if_range_2 = t_range();
@@ -68,7 +68,7 @@ export default function NestedIf(
 				});
 
 				// @ts-ignore
-				const t_text_3 = t_next(t_anchor(t_if_anchor_2, true), true);
+				const t_text_3 = t_next(t_if_anchor_2, true);
 				t_add_fragment(t_fragment_1, t_if_parent_1, t_before, t_text_3);
 				t_next(t_text_3);
 			});

package/test/for/components/output/For-client.ts

@@ -32,7 +32,7 @@ export default function For(
 	// @ts-ignore
 	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;
+	let t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();

package/test/for/components/output/ForEscape-client.ts

@@ -36,7 +36,7 @@ export default function ForEscape(
 	// @ts-ignore
 	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;
+	let t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();

package/test/for/components/output/ForIn-client.ts

@@ -33,7 +33,7 @@ export default function ForIn(
 	// @ts-ignore
 	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;
+	let t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();

package/test/for/components/output/ForOf-client.ts

@@ -33,7 +33,7 @@ export default function ForOf(
 	// @ts-ignore
 	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;
+	let t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();

package/test/for/components/temp/{For-client-421f2a6ca501d135c0aef9d1aaea25de0e1c00e4.ts → For-client-8ecb11a2f34c81f837bffdb88598da06d8c19158.ts}

@@ -32,7 +32,7 @@ export default function For(
 	// @ts-ignore
 	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;
+	let t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();

package/test/for/components/temp/{ForEscape-client-72879c80f7544c2edfc224095740bdea20e1e12d.ts → ForEscape-client-14e7648415d967cdc57bf03d176eb6b6dddf0fb2.ts}

@@ -36,7 +36,7 @@ export default function ForEscape(
 	// @ts-ignore
 	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;
+	let t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();

package/test/for/components/temp/{ForIn-client-e12c45d7f53e50ea3ed456110138dfb95f6930e0.ts → ForIn-client-25cd67f246a50fc6d926a8c66aa5e106f19578a8.ts}

@@ -33,7 +33,7 @@ export default function ForIn(
 	// @ts-ignore
 	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;
+	let t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();

package/test/for/components/temp/{ForOf-client-422d67d6c046f1d1de655719d061ea29f67d23f7.ts → ForOf-client-8f6598ccd9dc7b79aff6167b90ccea94f3029c84.ts}

@@ -33,7 +33,7 @@ export default function ForOf(
 	// @ts-ignore
 	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;
+	let t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();

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

@@ -28,7 +28,7 @@ export default function Html(
 	// @ts-ignore
 	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;
+	let t_html_anchor_1 = t_anchor(t_next(t_child(t_html_parent_1))) as HTMLElement;
 
 	/* @html */
 	const t_html_range_1 = t_range();

package/test/html/components/temp/{Html-client-2f309b06c3304a952d249057dec058a514d52874.ts → Html-client-93b0d666142c64cd651dc37f14f12884b2f30612.ts}

@@ -28,7 +28,7 @@ export default function Html(
 	// @ts-ignore
 	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;
+	let t_html_anchor_1 = t_anchor(t_next(t_child(t_html_parent_1))) as HTMLElement;
 
 	/* @html */
 	const t_html_range_1 = t_range();

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

@@ -26,7 +26,7 @@ export default function IfAfterIf(
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <!> <!> `);
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_if_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
+	let t_if_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 
 	/* @if */
 	const t_if_range_1 = t_range();
@@ -48,7 +48,7 @@ export default function IfAfterIf(
 		}
 	});
 
-	const t_if_anchor_2 = t_anchor(t_next(t_next(t_anchor(t_if_anchor_1, true), true))) as HTMLElement;
+	let t_if_anchor_2 = t_anchor(t_next(t_next(t_if_anchor_1, true))) as HTMLElement;
 
 	/* @if */
 	const t_if_range_2 = t_range();
@@ -71,7 +71,7 @@ export default function IfAfterIf(
 	});
 
 	// @ts-ignore
-	const t_text_3 = t_next(t_anchor(t_if_anchor_2, true), true);
+	const t_text_3 = t_next(t_if_anchor_2, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);
 

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

@@ -26,7 +26,7 @@ export default function IfElse(
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <!> `);
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_if_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
+	let t_if_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 
 	/* @if */
 	const t_if_range_1 = t_range();
@@ -56,7 +56,7 @@ export default function IfElse(
 	});
 
 	// @ts-ignore
-	const t_text_3 = t_next(t_anchor(t_if_anchor_1, true), true);
+	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/IfElseIf-client.ts

@@ -26,7 +26,7 @@ export default function IfElseIf(
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <!> `);
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_if_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
+	let t_if_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 
 	/* @if */
 	const t_if_range_1 = t_range();
@@ -67,7 +67,7 @@ export default function IfElseIf(
 	});
 
 	// @ts-ignore
-	const t_text_4 = t_next(t_anchor(t_if_anchor_1, true), true);
+	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);