@torpor/view 0.1.7 → 0.1.9

package/package.json

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

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

@@ -29,7 +29,6 @@ const importsMap: Record<string, string> = {
 	t_animate: 'import { t_animate } from "${folder}";',
 	t_root: 'import { t_root } from "${folder}";',
 	t_anchor: 'import { t_anchor } from "${folder}";',
-	t_reanchor: 'import { t_reanchor } from "${folder}";',
 	t_child: 'import { t_child } from "${folder}";',
 	t_next: 'import { t_next } from "${folder}";',
 	t_skip: 'import { t_skip } from "${folder}";',

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

@@ -160,7 +160,6 @@ function buildHeadNode(node: ElementNode, status: BuildStatus, b: Builder) {
 		}
 	}
 	b.append(`
-			return () => alert("YO");
 		});`);
 }
 

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

@@ -679,19 +679,6 @@ function declareParentAndAnchorFragmentVars(
 	// rather than at the end of the fragment
 	buildNode(node, status, b, parentName, anchorName);
 	node.handled = true;
-
-	// Before hydrating, the anchor node actually gets set to the first node
-	// After hydrating, we need to reset the anchor node to the end node
-	if (declare && node.varName) {
-		status.imports.add("t_reanchor");
-		b.append(`${node.varName} = t_reanchor(${node.varName}) as HTMLElement;`);
-		b.append("");
-
-		printDebug(node.varName, status, b);
-	}
-
-	// TODO: Due to the above, I think we only need to set the hydration node at
-	// the end of a fragment, not in every next() call??
 }
 
 function getFragmentVarPath(

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/index.ts

@@ -18,7 +18,6 @@ import t_range from "./render/newRange";
 import t_anchor from "./render/nodeAnchor";
 import t_child from "./render/nodeChild";
 import t_next from "./render/nodeNext";
-import t_reanchor from "./render/nodeReanchor";
 import t_root from "./render/nodeRoot";
 import t_skip from "./render/nodeSkip";
 import t_pop_range from "./render/popRange";
@@ -53,7 +52,6 @@ export {
 	t_style,
 	t_range,
 	t_anchor,
-	t_reanchor,
 	t_child,
 	t_next,
 	t_root,

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

@@ -11,7 +11,6 @@ import t_next from "../../../../src/render/nodeNext";
 import t_pop_range from "../../../../src/render/popRange";
 import t_push_range from "../../../../src/render/pushRange";
 import t_range from "../../../../src/render/newRange";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
 import t_run_control from "../../../../src/render/runControl";
@@ -107,8 +106,6 @@ export default function Await(
 			})(t_await_token_1);
 		});
 
-		t_await_anchor_1 = t_reanchor(t_await_anchor_1) 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);

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

@@ -11,7 +11,6 @@ import t_next from "../../../../src/render/nodeNext";
 import t_pop_range from "../../../../src/render/popRange";
 import t_push_range from "../../../../src/render/pushRange";
 import t_range from "../../../../src/render/newRange";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
 import t_run_control from "../../../../src/render/runControl";
@@ -107,8 +106,6 @@ export default function Await(
 			})(t_await_token_1);
 		});
 
-		t_await_anchor_1 = t_reanchor(t_await_anchor_1) 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);

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

@@ -8,7 +8,6 @@ import t_event from "../../../../src/render/addEvent";
 import t_fmt from "../../../../src/render/formatText";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 
 export default function BindComponent(
@@ -43,8 +42,6 @@ export default function BindComponent(
 	});
 	BindText(t_comp_parent_1, t_comp_anchor_1, t_props_1, $context);
 
-	t_comp_anchor_1 = t_reanchor(t_comp_anchor_1) as HTMLElement;
-
 	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);

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-c4dbd934eda6b8f9a7afc697b9d6dd3edc3a4a48.ts → BindComponent-client-6f650efb818a185ef33e1b071cfd77415a803dd3.ts}

@@ -8,7 +8,6 @@ import t_event from "../../../../src/render/addEvent";
 import t_fmt from "../../../../src/render/formatText";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 
 export default function BindComponent(
@@ -43,8 +42,6 @@ export default function BindComponent(
 	});
 	BindText(t_comp_parent_1, t_comp_anchor_1, t_props_1, $context);
 
-	t_comp_anchor_1 = t_reanchor(t_comp_anchor_1) as HTMLElement;
-
 	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);

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/buildOutputFiles.ts

@@ -140,8 +140,6 @@ const importsMap: Record<string, string> = {
 	'import { t_root } from "@torpor/view";': 'import t_root from "../../../../src/render/nodeRoot";',
 	'import { t_anchor } from "@torpor/view";':
 		'import t_anchor from "../../../../src/render/nodeAnchor";',
-	'import { t_reanchor } from "@torpor/view";':
-		'import t_reanchor from "../../../../src/render/nodeReanchor";',
 	'import { t_child } from "@torpor/view";':
 		'import t_child from "../../../../src/render/nodeChild";',
 	'import { t_next } from "@torpor/view";': 'import t_next from "../../../../src/render/nodeNext";',

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

@@ -7,7 +7,6 @@ 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_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 
 export default function ParentChild(
@@ -35,8 +34,6 @@ export default function ParentChild(
 	t_props_1["name"] = "Anna";
 	Child(t_comp_parent_1, t_comp_anchor_1, t_props_1, $context);
 
-	t_comp_anchor_1 = t_reanchor(t_comp_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_1 = t_next(t_comp_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);

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-16042a29846dbbeec5905f163bf29b6bb48dfd42.ts → ParentChild-client-50ca7e499599209c9d674f2561413ca14a282c22.ts}

@@ -7,7 +7,6 @@ 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_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 
 export default function ParentChild(
@@ -35,8 +34,6 @@ export default function ParentChild(
 	t_props_1["name"] = "Anna";
 	Child(t_comp_parent_1, t_comp_anchor_1, t_props_1, $context);
 
-	t_comp_anchor_1 = t_reanchor(t_comp_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_1 = t_next(t_comp_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);

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

@@ -7,7 +7,6 @@ import t_child from "../../../../src/render/nodeChild";
 import t_class from "../../../../src/render/getClasses";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 
 export default function Class(
@@ -42,8 +41,6 @@ export default function Class(
 	});
 	Child(t_comp_parent_1, t_comp_anchor_1, t_props_1, $context);
 
-	t_comp_anchor_1 = t_reanchor(t_comp_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_1 = t_next(t_comp_parent_1, true);
 	$run(function setClasses() {

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-71b655ee0cbda59527269a2fbf0b6d2a1176bbaa.ts → Class-client-de2491c550647203bea08727fa8c88f30654db0a.ts}

@@ -7,7 +7,6 @@ import t_child from "../../../../src/render/nodeChild";
 import t_class from "../../../../src/render/getClasses";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 
 export default function Class(
@@ -42,8 +41,6 @@ export default function Class(
 	});
 	Child(t_comp_parent_1, t_comp_anchor_1, t_props_1, $context);
 
-	t_comp_anchor_1 = t_reanchor(t_comp_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_1 = t_next(t_comp_parent_1, true);
 	$run(function setClasses() {

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

@@ -4,7 +4,6 @@ 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_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 
 import Header from "../output/./Header-client";
@@ -33,8 +32,6 @@ export default function Component(
 	t_props_1["name"] = "Amy";
 	Header(t_fragment_0, t_comp_anchor_1, t_props_1, $context);
 
-	t_comp_anchor_1 = t_reanchor(t_comp_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_1 = t_next(t_comp_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, 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-2f4734d1288dc88d1d5aa532791199969351ec1d.ts → Component-client-350d20784712c710929cc3ab34c6828b0ea338d8.ts}

@@ -4,7 +4,6 @@ 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_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 
 import Header from "../output/./Header-client";
@@ -33,8 +32,6 @@ export default function Component(
 	t_props_1["name"] = "Amy";
 	Header(t_fragment_0, t_comp_anchor_1, t_props_1, $context);
 
-	t_comp_anchor_1 = t_reanchor(t_comp_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_1 = t_next(t_comp_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, 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

@@ -12,7 +12,6 @@ import t_next from "../../../../src/render/nodeNext";
 import t_pop_range from "../../../../src/render/popRange";
 import t_push_range from "../../../../src/render/pushRange";
 import t_range from "../../../../src/render/newRange";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_list from "../../../../src/render/runList";
 
@@ -69,8 +68,6 @@ export default function For(
 		}
 	);
 
-	t_for_anchor_1 = t_reanchor(t_for_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_3 = t_next(t_for_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);

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

@@ -6,7 +6,6 @@ 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";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
 import t_run_control from "../../../../src/render/runControl";
@@ -58,8 +57,6 @@ export default function If(
 		}
 	});
 
-	t_if_anchor_1 = t_reanchor(t_if_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_3 = t_next(t_if_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);

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

@@ -6,7 +6,6 @@ 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";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
 import t_run_control from "../../../../src/render/runControl";
@@ -68,8 +67,6 @@ export default function NestedIf(
 					}
 				});
 
-				t_if_anchor_2 = t_reanchor(t_if_anchor_2) as HTMLElement;
-
 				// @ts-ignore
 				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);
@@ -82,8 +79,6 @@ export default function NestedIf(
 		}
 	});
 
-	t_if_anchor_1 = t_reanchor(t_if_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_4 = t_next(t_if_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_4);

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

@@ -12,7 +12,6 @@ import t_next from "../../../../src/render/nodeNext";
 import t_pop_range from "../../../../src/render/popRange";
 import t_push_range from "../../../../src/render/pushRange";
 import t_range from "../../../../src/render/newRange";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_list from "../../../../src/render/runList";
 
@@ -69,8 +68,6 @@ export default function For(
 		}
 	);
 
-	t_for_anchor_1 = t_reanchor(t_for_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_3 = t_next(t_for_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);

package/test/effects/components/temp/{If-client-341b189ef35481d477325e09e9b2d3479b7a6dfc.ts → If-client-efb994796596d9d08f59a0ab5ffdacc74bd04545.ts}

@@ -6,7 +6,6 @@ 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";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
 import t_run_control from "../../../../src/render/runControl";
@@ -58,8 +57,6 @@ export default function If(
 		}
 	});
 
-	t_if_anchor_1 = t_reanchor(t_if_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_3 = t_next(t_if_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);

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

@@ -6,7 +6,6 @@ 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";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
 import t_run_control from "../../../../src/render/runControl";
@@ -68,8 +67,6 @@ export default function NestedIf(
 					}
 				});
 
-				t_if_anchor_2 = t_reanchor(t_if_anchor_2) as HTMLElement;
-
 				// @ts-ignore
 				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);
@@ -82,8 +79,6 @@ export default function NestedIf(
 		}
 	});
 
-	t_if_anchor_1 = t_reanchor(t_if_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_4 = t_next(t_if_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_4);

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

@@ -11,7 +11,6 @@ import t_next from "../../../../src/render/nodeNext";
 import t_pop_range from "../../../../src/render/popRange";
 import t_push_range from "../../../../src/render/pushRange";
 import t_range from "../../../../src/render/newRange";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_list from "../../../../src/render/runList";
 
@@ -68,8 +67,6 @@ export default function For(
 		}
 	);
 
-	t_for_anchor_1 = t_reanchor(t_for_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_3 = t_next(t_for_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);

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

@@ -13,7 +13,6 @@ import t_next from "../../../../src/render/nodeNext";
 import t_pop_range from "../../../../src/render/popRange";
 import t_push_range from "../../../../src/render/pushRange";
 import t_range from "../../../../src/render/newRange";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_list from "../../../../src/render/runList";
 
@@ -101,8 +100,6 @@ export default function ForEscape(
 		}
 	);
 
-	t_for_anchor_1 = t_reanchor(t_for_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_3 = t_next(t_for_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);

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

@@ -12,7 +12,6 @@ import t_next from "../../../../src/render/nodeNext";
 import t_pop_range from "../../../../src/render/popRange";
 import t_push_range from "../../../../src/render/pushRange";
 import t_range from "../../../../src/render/newRange";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_list from "../../../../src/render/runList";
 
@@ -69,8 +68,6 @@ export default function ForIn(
 		}
 	);
 
-	t_for_anchor_1 = t_reanchor(t_for_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_3 = t_next(t_for_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);

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

@@ -12,7 +12,6 @@ import t_next from "../../../../src/render/nodeNext";
 import t_pop_range from "../../../../src/render/popRange";
 import t_push_range from "../../../../src/render/pushRange";
 import t_range from "../../../../src/render/newRange";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_list from "../../../../src/render/runList";
 
@@ -69,8 +68,6 @@ export default function ForOf(
 		}
 	);
 
-	t_for_anchor_1 = t_reanchor(t_for_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_3 = t_next(t_for_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);

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

@@ -11,7 +11,6 @@ import t_next from "../../../../src/render/nodeNext";
 import t_pop_range from "../../../../src/render/popRange";
 import t_push_range from "../../../../src/render/pushRange";
 import t_range from "../../../../src/render/newRange";
-import t_reanchor from "../../../../src/render/nodeReanchor";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_list from "../../../../src/render/runList";
 
@@ -68,8 +67,6 @@ export default function For(
 		}
 	);
 
-	t_for_anchor_1 = t_reanchor(t_for_anchor_1) as HTMLElement;
-
 	// @ts-ignore
 	const t_text_3 = t_next(t_for_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);