npm - @torpor/view - Versions diffs - 0.1.11 → 0.2.0 - Mend

@torpor/view 0.1.11 → 0.2.0

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 (315) hide show

package/test/party/components/temp/{IsAvailable-server-123daa1ae56b77defe6666faddb44ba4252dd0fb.ts → IsAvailable-server-c0da3c019ef13617d2ab51353eb3360ddaae4189.ts} RENAMED Viewed

@@ -15,8 +15,9 @@ export default function IsAvailable(
 	});
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <div>${t_fmt($state.isAvailable ? "Available" : "Not available")}</div> <input id="is-available" type="checkbox" checked="${$state.isAvailable || false}"> <label for="is-available">Is available</label> </div> `;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <div>${t_fmt($state.isAvailable ? "Available" : "Not available")}</div> <input id="is-available" type="checkbox" checked="${$state.isAvailable || false}"> <label for="is-available">Is available</label> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/temp/{Name-server-a402418f1ca2d8a0e6403596ec03ec47b5ff40ec.ts → Name-server-0306b0c622d71323eb79a6b466d900380a0944f3.ts} RENAMED Viewed

@@ -15,8 +15,9 @@ export default function Name(
 	});
 	/* User interface */
-	let $output = "";
-	$output += ` <h1>Hello ${t_fmt($state.name)}</h1> `;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <h1>Hello ${t_fmt($state.name)}</h1> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/temp/{NameUpdate-server-b7dcc875e894a5606544fcd78bda575ea07632ca.ts → NameUpdate-server-a54ea11dc6b8f0b55d29ad29163cf27b9aa6ec40.ts} RENAMED Viewed

@@ -16,8 +16,9 @@ export default function NameUpdate(
 	$state.name = "Jane"
 	/* User interface */
-	let $output = "";
-	$output += ` <h1>Hello ${t_fmt($state.name)}</h1> `;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <h1>Hello ${t_fmt($state.name)}</h1> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/temp/{PageTitle-server-12dcb4e437aaef227c704a2ee8bbdee55ca323dc.ts → PageTitle-server-8b34f9af760ab39e20a60e10ee3185e70d92e42b.ts} RENAMED Viewed

@@ -20,8 +20,9 @@ export default function PageTitle(
 	});
 	/* User interface */
-	let $output = "";
-	$output += ` <p>Page title: ${t_fmt($state.pageTitle)}</p> `;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <p>Page title: ${t_fmt($state.pageTitle)}</p> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/temp/{PickPill-client-0f13aa652cb1bd45f57d5a249f8364e80204441a.ts → PickPill-client-a1f48b5c28db87eb57f0ac1f6b4370e4b2952de7.ts} RENAMED Viewed

@@ -27,14 +27,14 @@ export default function PickPill(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <div>#</div> <input id="blue-pill" type="radio" value="blue"></input> <label for="blue-pill">Blue pill</label> <input id="red-pill" type="radio" value="red"></input> <label for="red-pill">Red pill</label> </div> `);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div>#</div> <input id="blue-pill" type="radio" value="blue"></input> <label for="blue-pill">Blue pill</label> <input id="red-pill" type="radio" value="red"></input> <label for="red-pill">Red pill</label> `);
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_text_1 = t_child(t_next(t_child(t_next(t_root_0))));
-	const t_input_1 = t_next(t_next(t_next(t_child(t_next(t_root_0))), true)) as HTMLInputElement;
+	const t_text_1 = t_child(t_next(t_root_0));
+	const t_input_1 = t_next(t_next(t_next(t_root_0), true)) as HTMLInputElement;
 	const t_input_2 = t_next(t_next(t_next(t_next(t_input_1, true)), true)) as HTMLInputElement;
 	// @ts-ignore
-	const t_text_2 = t_next(t_next(t_root_0), true);
+	const t_text_2 = t_next(t_next(t_next(t_input_2, true)), true);
 	$run(function setTextContent() {
 		t_text_1.textContent = `Picked: ${t_fmt($state.picked)}`;
 	});

package/test/party/components/temp/{PickPill-server-f10dae4708e36775a5e1a5ad10c6c0c309335009.ts → PickPill-server-9596fdb8ff254cb4e1b99b714f3c5e8ea8aaa308.ts} RENAMED Viewed

@@ -16,8 +16,9 @@ export default function PickPill(
 	});
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <div>Picked: ${t_fmt($state.picked)}</div> <input id="blue-pill" group="${t_attr($state.picked) || ""}" type="radio" value="blue"> <label for="blue-pill">Blue pill</label> <input id="red-pill" group="${t_attr($state.picked) || ""}" type="radio" value="red"> <label for="red-pill">Red pill</label> </div> `;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <div>Picked: ${t_fmt($state.picked)}</div> <input id="blue-pill" group="${t_attr($state.picked) || ""}" type="radio" value="blue"> <label for="blue-pill">Blue pill</label> <input id="red-pill" group="${t_attr($state.picked) || ""}" type="radio" value="red"> <label for="red-pill">Red pill</label> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/temp/{Time-server-8e0278a4b16925903f3c4ceedbf1332cde4921fa.ts → Time-server-da1cafe72c0f9a6dbf15a04dfa7282ae5187c101.ts} RENAMED Viewed

@@ -24,8 +24,9 @@ export default function Time(
 	});
 	/* User interface */
-	let $output = "";
-	$output += ` <p>Current time: ${t_fmt($state.time)}</p> `;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <p>Current time: ${t_fmt($state.time)}</p> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/temp/{TrafficLight-client-4a90675ca6157ed7701aefa0d9141575960a1d47.ts → TrafficLight-client-d04c95686ec0ad8a9c54710773945e9904224d5e.ts} RENAMED Viewed

@@ -39,10 +39,10 @@ export default function TrafficLight(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <button>Next light</button> <p>#</p> <p> You must <!> </p> </div> `);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <button>Next light</button> <p>#</p> <p> You must <!> </p> `);
 	// @ts-ignore
 	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_button_1 = t_next(t_root_0) as HTMLElement;
 	const t_text_1 = t_child(t_next(t_next(t_button_1, true)));
 	const t_if_parent_1 = t_next(t_next(t_next(t_next(t_button_1, true)), true)) as HTMLElement;
 	let t_if_anchor_1 = t_anchor(t_next(t_child(t_next(t_next(t_next(t_next(t_button_1, true)), true))))) as HTMLElement;
@@ -90,7 +90,7 @@ export default function TrafficLight(
 	});
 	// @ts-ignore
-	const t_text_5 = t_next(t_next(t_root_0), true);
+	const t_text_5 = t_next(t_next(t_next(t_next(t_next(t_button_1, true)), true)), true);
 	t_event(t_button_1, "click", nextLight);
 	$run(function setTextContent() {
 		t_text_1.textContent = `Light is: ${t_fmt($state.light)}`;

package/test/party/components/temp/{TrafficLight-server-04bb3b2f11322ccc97a9a8a8fbb26c3c99843042.ts → TrafficLight-server-6c0f66cdabfc7239b99665c3f7087462ee302e8a.ts} RENAMED Viewed

@@ -23,18 +23,19 @@ export default function TrafficLight(
 	}
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <button>Next light</button> <p>Light is: ${t_fmt($state.light)}</p> <p> You must <![>`;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <button>Next light</button> <p>Light is: ${t_fmt($state.light)}</p> <p> You must <![>`;
 	if ($state.light === "red") {
-		$output += `<!^> <span>STOP</span> `;
+		t_body += `<!^> <span>STOP</span> `;
 	}
 	else if ($state.light === "orange") {
-		$output += `<!^> <span>SLOW DOWN</span> `;
+		t_body += `<!^> <span>SLOW DOWN</span> `;
 	}
 	else if ($state.light === "green") {
-		$output += `<!^> <span>GO</span> `;
+		t_body += `<!^> <span>GO</span> `;
 	}
-	$output += `<!]><!> </p> </div> `;
+	t_body += `<!]><!> </p> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/temp/{UserProfile-client-11c2a928de5a5ed4cab45186f08ca09f6161afb5.ts → UserProfile-client-a59466813b208664f35e6e394858c3d61e040644.ts} RENAMED Viewed

@@ -27,15 +27,15 @@ export default function UserProfile(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <p>#</p> <p>#</p> <p>#</p> <p>#</p> </div> `);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <p>#</p> <p>#</p> <p>#</p> <p>#</p> `);
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_text_1 = t_child(t_next(t_child(t_next(t_root_0))));
-	const t_text_2 = t_child(t_next(t_next(t_next(t_child(t_next(t_root_0))), true)));
-	const t_text_3 = t_child(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_root_0))), true)), true)));
-	const t_text_4 = t_child(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_root_0))), true)), true)), true)));
+	const t_text_1 = t_child(t_next(t_root_0));
+	const t_text_2 = t_child(t_next(t_next(t_next(t_root_0), true)));
+	const t_text_3 = t_child(t_next(t_next(t_next(t_next(t_next(t_root_0), true)), true)));
+	const t_text_4 = t_child(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_root_0), true)), true)), true)));
 	// @ts-ignore
-	const t_text_5 = t_next(t_next(t_root_0), true);
+	const t_text_5 = t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_root_0), true)), true)), true)), true);
 	$run(function setTextContent() {
 		t_text_1.textContent = `My name is ${t_fmt($props.name)}!`;
 	});

package/test/party/components/temp/{UserProfile-server-a0576b8d9dd15b3fab6c11758984c686ddfe2f66.ts → UserProfile-server-b10ec192e03dc818fe66dbd4aad14200e817e596.ts} RENAMED Viewed

@@ -16,8 +16,9 @@ export default function UserProfile(
 	$props ??= {};
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <p>My name is ${t_fmt($props.name)}!</p> <p>My age is ${t_fmt($props.age)}!</p> <p>My favourite colors are ${t_fmt($props.favouriteColors.join(", "))}!</p> <p>I am ${t_fmt($props.isAvailable ? "available" : "not available")}</p> </div> `;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <p>My name is ${t_fmt($props.name)}!</p> <p>My age is ${t_fmt($props.age)}!</p> <p>My favourite colors are ${t_fmt($props.favouriteColors.join(", "))}!</p> <p>I am ${t_fmt($props.isAvailable ? "available" : "not available")}</p> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/temp/{UserProfileApp-server-86c204098fd0ffbeded50372354488768b255156.ts → UserProfileApp-server-4b308db466a80bcacd190aa71f86cf4d2b6f2873.ts} RENAMED Viewed

@@ -12,16 +12,19 @@ export default function UserProfileApp(
 ) {
 	/* User interface */
-	let $output = "";
-	$output += ` <![>`;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <![>`;
 	const t_props_1: any = {};
 	t_props_1["name"] = "John";
 	t_props_1["age"] = 20;
 	t_props_1["favouriteColors"] = ["green", "blue", "red"];
 	t_props_1["isAvailable"] = true;
-	$output += UserProfile(t_props_1, $context)
-	$output += `<!]><!> `;
+	const t_comp_1 = UserProfile(t_props_1, $context);
+	t_body += t_comp_1.body;
+	t_head += t_comp_1.head;
+	t_body += `<!]><!> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/temp/{UserProfileContext-client-c97c077254210061b3c9ba561f681c0cf4f6167f.ts → UserProfileContext-client-7ef27199bd35b55b3dadd876174a2ef4b602b63f.ts} RENAMED Viewed

@@ -25,14 +25,14 @@ export default function UserProfileContext(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <h2>My Profile</h2> <p>#</p> <p>#</p> <button> Update username to Jane </button> </div> `);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <h2>My Profile</h2> <p>#</p> <p>#</p> <button> Update username to Jane </button> `);
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_text_1 = t_child(t_next(t_next(t_next(t_child(t_next(t_root_0))), true)));
-	const t_text_2 = t_child(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_root_0))), true)), true)));
-	const t_button_1 = t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_root_0))), true)), true)), true)) as HTMLElement;
+	const t_text_1 = t_child(t_next(t_next(t_next(t_root_0), true)));
+	const t_text_2 = t_child(t_next(t_next(t_next(t_next(t_next(t_root_0), true)), true)));
+	const t_button_1 = t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_root_0), true)), true)), true)) as HTMLElement;
 	// @ts-ignore
-	const t_text_3 = t_next(t_next(t_root_0), true);
+	const t_text_3 = t_next(t_button_1, true);
 	$run(function setTextContent() {
 		t_text_1.textContent = `Username: ${t_fmt($context.user.username)}`;
 	});

package/test/party/components/temp/{UserProfileContext-server-2d32476b00448bdec6c1c45aac5087a5152c2471.ts → UserProfileContext-server-df958e4fc2de2242c556ffa61ddb58aa395de50c.ts} RENAMED Viewed

@@ -13,8 +13,9 @@ export default function UserProfileContext(
 	$context.user = $watch($context.user);
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <h2>My Profile</h2> <p>Username: ${t_fmt($context.user.username)}</p> <p>Email: ${t_fmt($context.user.email)}</p> <button> Update username to Jane </button> </div> `;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <h2>My Profile</h2> <p>Username: ${t_fmt($context.user.username)}</p> <p>Email: ${t_fmt($context.user.email)}</p> <button> Update username to Jane </button> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/temp/{UserProfileContextApp-client-05ce216919de6ffde56d1c2c39299173d9b611b3.ts → UserProfileContextApp-client-b3ef357f481dfb940e1c726690d57567fde2dc23.ts} RENAMED Viewed

@@ -35,18 +35,17 @@ export default function UserProfileContextApp(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <h1>#</h1> <!> </div> `);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <h1>#</h1> <!> `);
 	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_text_1 = t_child(t_next(t_child(t_next(t_root_0))));
-	const t_comp_parent_1 = t_next(t_root_0) as HTMLElement;
-	let t_comp_anchor_1 = t_anchor(t_next(t_next(t_next(t_child(t_comp_parent_1)), true))) as HTMLElement;
+	const t_text_1 = t_child(t_next(t_root_0));
+	let t_comp_anchor_1 = t_anchor(t_next(t_next(t_next(t_root_0), true))) as HTMLElement;
 	/* @component */
-	UserProfileContext(t_comp_parent_1, t_comp_anchor_1, undefined, $context);
+	UserProfileContext(t_fragment_0, t_comp_anchor_1, undefined, $context);
 	// @ts-ignore
-	const t_text_2 = t_next(t_comp_parent_1, true);
+	const t_text_2 = t_next(t_comp_anchor_1, true);
 	$run(function setTextContent() {
 		t_text_1.textContent = `Welcome back, ${t_fmt($user.username)}`;
 	});

package/test/party/components/temp/{UserProfileContextApp-server-c970abaa8326db9a5efc3a5c64741743ae0dd1ca.ts → UserProfileContextApp-server-f8fe2b88db3d0dfa4dafd300006b25123cb8e3fb.ts} RENAMED Viewed

@@ -23,11 +23,14 @@ export default function UserProfileContextApp(
 	$context.user = $user;
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <h1>Welcome back, ${t_fmt($user.username)}</h1> <![>`;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <h1>Welcome back, ${t_fmt($user.username)}</h1> <![>`;
-	$output += UserProfileContext(undefined, $context)
-	$output += `<!]><!> </div> `;
+	const t_comp_1 = UserProfileContext(undefined, $context);
+	t_body += t_comp_1.body;
+	t_head += t_comp_1.head;
+	t_body += `<!]><!> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/props/components/Reactive.torp CHANGED Viewed

@@ -2,10 +2,8 @@ export default function Reactive($props: any) {
 	let $state = $watch({ text: "before" })
 	@render {
-		<div>
-			<button onclick={() => $state.text = "after"}>Update text</button>
-			<Child text={$state.text} />
-		</div>
+		<button onclick={() => $state.text = "after"}>Update text</button>
+		<Child text={$state.text} />
 	}
 }

package/test/props/components/output/Reactive-client.ts CHANGED Viewed

@@ -25,11 +25,10 @@ export default function Reactive(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <button>Update text</button> <!> </div> `);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <button>Update text</button> <!> `);
 	// @ts-ignore
 	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_comp_parent_1 = t_next(t_root_0) as HTMLElement;
+	const t_button_1 = t_next(t_root_0) as HTMLElement;
 	let t_comp_anchor_1 = t_anchor(t_next(t_next(t_button_1, true))) as HTMLElement;
 	/* @component */
@@ -37,10 +36,10 @@ export default function Reactive(
 	$run(function setProp() {
 		t_props_1["text"] = $state.text;
 	});
-	Child(t_comp_parent_1, t_comp_anchor_1, t_props_1, $context);
+	Child(t_fragment_0, t_comp_anchor_1, t_props_1, $context);
 	// @ts-ignore
-	const t_text_1 = t_next(t_comp_parent_1, true);
+	const t_text_1 = t_next(t_comp_anchor_1, true);
 	t_event(t_button_1, "click", () => $state.text = "after");
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);

package/test/props/components/output/Reactive-server.ts CHANGED Viewed

@@ -12,15 +12,18 @@ export default function Reactive(
 	let $state = $watch({ text: "before" })
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <button>Update text</button> <![>`;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <button>Update text</button> <![>`;
 	const t_props_1: any = {};
 	t_props_1["text"] = $state.text;
-	$output += Child(t_props_1, $context)
-	$output += `<!]><!> </div> `;
+	const t_comp_1 = Child(t_props_1, $context);
+	t_body += t_comp_1.body;
+	t_head += t_comp_1.head;
+	t_body += `<!]><!> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }
 function Child(
@@ -33,8 +36,9 @@ function Child(
 	$props ??= {};
 	/* User interface */
-	let $output = "";
-	$output += ` <p> ${t_fmt($props.text)} </p> `;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <p> ${t_fmt($props.text)} </p> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/props/components/temp/{Reactive-client-cf6e602b2f74fce8e9451b6c41c6f8ff8eab63a3.ts → Reactive-client-21a24e3b0a76140567db8a01975317c9c0e0ad5a.ts} RENAMED Viewed

@@ -25,11 +25,10 @@ export default function Reactive(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <button>Update text</button> <!> </div> `);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <button>Update text</button> <!> `);
 	// @ts-ignore
 	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_comp_parent_1 = t_next(t_root_0) as HTMLElement;
+	const t_button_1 = t_next(t_root_0) as HTMLElement;
 	let t_comp_anchor_1 = t_anchor(t_next(t_next(t_button_1, true))) as HTMLElement;
 	/* @component */
@@ -37,10 +36,10 @@ export default function Reactive(
 	$run(function setProp() {
 		t_props_1["text"] = $state.text;
 	});
-	Child(t_comp_parent_1, t_comp_anchor_1, t_props_1, $context);
+	Child(t_fragment_0, t_comp_anchor_1, t_props_1, $context);
 	// @ts-ignore
-	const t_text_1 = t_next(t_comp_parent_1, true);
+	const t_text_1 = t_next(t_comp_anchor_1, true);
 	t_event(t_button_1, "click", () => $state.text = "after");
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);

package/test/props/components/temp/{Reactive-server-206bcc8984bad12c5712661b77d000216cdfe66d.ts → Reactive-server-b6e37b5d3488ea74a260ca972906bfab30dde486.ts} RENAMED Viewed

@@ -12,15 +12,18 @@ export default function Reactive(
 	let $state = $watch({ text: "before" })
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <button>Update text</button> <![>`;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <button>Update text</button> <![>`;
 	const t_props_1: any = {};
 	t_props_1["text"] = $state.text;
-	$output += Child(t_props_1, $context)
-	$output += `<!]><!> </div> `;
+	const t_comp_1 = Child(t_props_1, $context);
+	t_body += t_comp_1.body;
+	t_head += t_comp_1.head;
+	t_body += `<!]><!> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }
 function Child(
@@ -33,8 +36,9 @@ function Child(
 	$props ??= {};
 	/* User interface */
-	let $output = "";
-	$output += ` <p> ${t_fmt($props.text)} </p> `;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <p> ${t_fmt($props.text)} </p> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/replace/components/Replace.torp CHANGED Viewed

@@ -2,10 +2,8 @@ export default function Replace($props: { name: string}) {
 	let counter = 0;
 	@render {
-		<div>
-			@replace ($props.name) {
-				<p>The replace count is {counter++}.</p>
-			}
-		</div>
+		@replace ($props.name) {
+			<p>The replace count is {counter++}.</p>
+		}
 	}
 }

package/test/replace/components/output/Replace-client.ts CHANGED Viewed

@@ -28,11 +28,10 @@ export default function Replace(
 	/* 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_root_0 = t_root(t_fragment_0, true);
-	const t_replace_parent_1 = t_next(t_root_0) as HTMLElement;
-	let t_replace_anchor_1 = t_anchor(t_next(t_child(t_replace_parent_1))) as HTMLElement;
+	let t_replace_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 	/* @replace */
 	const t_replace_range_1 = t_range();
@@ -48,13 +47,13 @@ export default function Replace(
 			$run(function setTextContent() {
 				t_text_1.textContent = `The replace count is ${t_fmt(counter++)}.`;
 			});
-			t_add_fragment(t_fragment_1, t_replace_parent_1, t_before, t_text_2);
+			t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_2);
 			t_next(t_text_2);
 		});
 	});
 	// @ts-ignore
-	const t_text_3 = t_next(t_replace_parent_1, true);
+	const t_text_3 = t_next(t_replace_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);

package/test/replace/components/output/Replace-server.ts CHANGED Viewed

@@ -12,11 +12,12 @@ export default function Replace(
 	let counter = 0;
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <![>`;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <![>`;
 	$props.name;
-	$output += ` <p>The replace count is ${t_fmt(counter++)}.</p> `;
-	$output += `<!]><!> </div> `;
+	t_body += ` <p>The replace count is ${t_fmt(counter++)}.</p> `;
+	t_body += `<!]><!> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/replace/components/temp/{Replace-client-2a9ee3430708b469fa31bbc6989eed5b2f22984d.ts → Replace-client-aee34e2e40c6f4380b61e9c7c8df9af1897f06cc.ts} RENAMED Viewed

@@ -28,11 +28,10 @@ export default function Replace(
 	/* 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_root_0 = t_root(t_fragment_0, true);
-	const t_replace_parent_1 = t_next(t_root_0) as HTMLElement;
-	let t_replace_anchor_1 = t_anchor(t_next(t_child(t_replace_parent_1))) as HTMLElement;
+	let t_replace_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 	/* @replace */
 	const t_replace_range_1 = t_range();
@@ -48,13 +47,13 @@ export default function Replace(
 			$run(function setTextContent() {
 				t_text_1.textContent = `The replace count is ${t_fmt(counter++)}.`;
 			});
-			t_add_fragment(t_fragment_1, t_replace_parent_1, t_before, t_text_2);
+			t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_2);
 			t_next(t_text_2);
 		});
 	});
 	// @ts-ignore
-	const t_text_3 = t_next(t_replace_parent_1, true);
+	const t_text_3 = t_next(t_replace_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);

package/test/replace/components/temp/{Replace-server-9519943d193b681e1d7894a0d7952affdfb0660c.ts → Replace-server-3521251fa687ce42af3128d22b129fe1ec6ed411.ts} RENAMED Viewed

@@ -12,11 +12,12 @@ export default function Replace(
 	let counter = 0;
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <![>`;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <![>`;
 	$props.name;
-	$output += ` <p>The replace count is ${t_fmt(counter++)}.</p> `;
-	$output += `<!]><!> </div> `;
+	t_body += ` <p>The replace count is ${t_fmt(counter++)}.</p> `;
+	t_body += `<!]><!> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/slots/components/output/Article-server.ts CHANGED Viewed

@@ -9,20 +9,21 @@ export default function Article(
 ) {
 	/* User interface */
-	let $output = "";
-	$output += ` <section> <h2> <![>`;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <section> <h2> <![>`;
 	if ($slots && $slots["header"]) {
-		$output += $slots["header"](undefined, $context);
+		t_body += $slots["header"](undefined, $context);
 	}
-	$output += `<!]><!> </h2> <![>`;
+	t_body += `<!]><!> </h2> <![>`;
 	if ($slots && $slots["_"]) {
-		$output += $slots["_"](undefined, $context);
+		t_body += $slots["_"](undefined, $context);
 	}
-	$output += `<!]><!> <![>`;
+	t_body += `<!]><!> <![>`;
 	if ($slots && $slots["footer"]) {
-		$output += $slots["footer"](undefined, $context);
+		t_body += $slots["footer"](undefined, $context);
 	}
-	$output += `<!]><!> </section> `;
+	t_body += `<!]><!> </section> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/slots/components/output/Basic-server.ts CHANGED Viewed

@@ -12,8 +12,9 @@ export default function Basic(
 ) {
 	/* User interface */
-	let $output = "";
-	$output += ` <![>`;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <![>`;
 	const t_slots_1: Record<string, ServerSlotRender> = {};
 	t_slots_1["_"] = (
 		// @ts-ignore
@@ -21,13 +22,15 @@ export default function Basic(
 		// @ts-ignore
 		$context?: Record<PropertyKey, any>
 	) => {
-		let $output = "";
-		$output += ` Basic stuff `;
-		return $output;
+		let t_body = "";
+		t_body += ` Basic stuff `;
+		return t_body;
 	}
-	$output += Header(undefined, $context, t_slots_1)
-	$output += `<!]><!> `;
+	const t_comp_1 = Header(undefined, $context, t_slots_1);
+	t_body += t_comp_1.body;
+	t_head += t_comp_1.head;
+	t_body += `<!]><!> `;
-	return $output;
+	return { body: t_body, head: t_head };
 }