@torpor/view 0.1.11 → 0.3.0

package/test/party/components/output/ColorSelect-client.ts

@@ -1,7 +1,7 @@
 import $run from "../../../../src/render/$run";
 import $watch from "../../../../src/render/$watch";
-import { type ListItem } from "../../../../src/types/ListItem";
-import { type SlotRender } from "../../../../src/types/SlotRender";
+import type ListItem from "../../../../src/types/ListItem";
+import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
 import t_attribute from "../../../../src/render/setAttribute";
@@ -20,13 +20,10 @@ import t_run_list from "../../../../src/render/runList";
 export default function ColorSelect(
 	$parent: ParentNode,
 	$anchor: Node | null,
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, SlotRender>
-) {
+	_$props:  Record<PropertyKey, any> | undefined,
+	_$context: Record<PropertyKey, any>,
+	_$slots?: Record<string, SlotRender>
+): void {
 
 	let $state = $watch({
 		selectedColorId: 2
@@ -42,11 +39,10 @@ export default function ColorSelect(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
 
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <div>#</div> <select> <!> </select> </div> `);
-	// @ts-ignore
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div>#</div> <select> <!> </select> `);
 	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_select_1 = t_next(t_next(t_next(t_child(t_next(t_root_0))), true)) as HTMLElement;
+	const t_text_1 = t_child(t_next(t_root_0));
+	const t_select_1 = t_next(t_next(t_next(t_root_0), true)) as HTMLElement;
 	let t_for_anchor_1 = t_anchor(t_next(t_child(t_select_1))) as HTMLElement;
 
 	/* @for */
@@ -57,47 +53,47 @@ export default function ColorSelect(
 		t_for_anchor_1,
 		function createNewItems() {
 			let t_new_items: ListItem[] = [];
+			let t_previous_item = t_for_range_1;
+			let t_next_item = t_for_range_1.nextRange;
 			for (let color of colors) {
-				t_new_items.push(t_list_item({ color }));
-				/*t_new_items.push({
-					data: { color }
-				});*/
+				let t_new_item = t_list_item({ color });
+				t_new_item.previousRange = t_previous_item;
+				t_previous_item.nextRange = t_new_item;
+				t_previous_item = t_new_item;
+				t_new_items.push(t_new_item);
 			}
+			t_for_range_1.nextRange = t_next_item;
 			return t_new_items;
 		},
 		function createListItem(t_item, t_before) {
-			let t_old_range_1 = t_push_range(t_item, true);
+			let t_old_range_1 = t_push_range(t_item);
 			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <option>#</option> `);
-			// @ts-ignore
 			const t_root_1 = t_root(t_fragment_1, true);
 			const t_option_1 = t_next(t_root_1) as HTMLElement;
 			const t_text_2 = t_child(t_option_1);
-			// @ts-ignore
 			const t_text_3 = t_next(t_option_1, true);
-			$run(function setAttribute() {
+			$run(function setAttributes() {
 				t_attribute(t_option_1, "value", t_item.data.color.id);
-			});
-			$run(function setAttribute() {
 				t_attribute(t_option_1, "disabled", t_item.data.color.isDisabled);
-			});
-			$run(function setTextContent() {
 				t_text_2.textContent = ` ${t_fmt(t_item.data.color.text)} `;
 			});
 			t_add_fragment(t_fragment_1, t_select_1, t_before, t_text_3);
 			t_next(t_text_3);
 			t_pop_range(t_old_range_1);
+		},
+		function updateListItem(t_old_item, t_new_item) {
+			t_old_item.data.color = t_new_item.data.color;
 		}
 	);
 
-	// @ts-ignore
-	const t_text_4 = t_next(t_next(t_root_0), true);
-	$run(function setTextContent() {
-		t_text_1.textContent = `Selected: ${t_fmt(colors[$state.selectedColorId - 1].text)}`;
-	});
+	const t_text_4 = t_next(t_select_1, true);
 	$run(function setBinding() {
 		t_select_1.value = $state.selectedColorId || "";
 	});
 	t_event(t_select_1, "change", (e) => $state.selectedColorId = e.target.value);
+	$run(function setAttributes() {
+		t_text_1.textContent = `Selected: ${t_fmt(colors[$state.selectedColorId - 1].text)}`;
+	});
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_4);
 	t_next(t_text_4);
 

package/test/party/components/output/ColorSelect-server.ts

@@ -1,16 +1,16 @@
 import $watch from "../../../../src/render/$serverWatch";
-import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
+import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
 import t_attr from "../../../../src/render/formatAttributeText";
 import t_fmt from "../../../../src/render/formatText";
 
 export default function ColorSelect(
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, ServerSlotRender>
-) {
+	_$props:  Record<PropertyKey, any> | undefined,
+	_$context: Record<PropertyKey, any>,
+	_$slots?: Record<string, ServerSlotRender>
+): { body: string, head: string } {
+	let t_body = "";
+	let t_head = "";
+
 	let $state = $watch({
 		selectedColorId: 2
 	});
@@ -23,12 +23,11 @@ export default function ColorSelect(
 	];
 
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <div>Selected: ${t_fmt(colors[$state.selectedColorId - 1].text)}</div> <select value="${t_attr($state.selectedColorId) || ""}"> <![>`;
+	t_body += ` <div>Selected: ${t_fmt(colors[$state.selectedColorId - 1].text)}</div> <select value="${t_attr($state.selectedColorId) || ""}"> <![>`;
 	for (let color of colors) {
-		$output += `<!^> <option ${color.id ? `value="${t_attr(color.id)}"` : ''} ${color.isDisabled ? `disabled="${t_attr(color.isDisabled)}"` : ''}> ${t_fmt(color.text)} </option> `;
+		t_body += `<!^> <option ${color.id ? `value="${t_attr(color.id)}"` : ''} ${color.isDisabled ? `disabled="${t_attr(color.isDisabled)}"` : ''}> ${t_fmt(color.text)} </option> `;
 	}
-	$output += `<!]><!> </select> </div> `;
+	t_body += `<!]><!> </select> `;
 
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/output/Colors-client.ts

@@ -1,6 +1,6 @@
 import $run from "../../../../src/render/$run";
-import { type ListItem } from "../../../../src/types/ListItem";
-import { type SlotRender } from "../../../../src/types/SlotRender";
+import type ListItem from "../../../../src/types/ListItem";
+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";
@@ -17,13 +17,10 @@ import t_run_list from "../../../../src/render/runList";
 export default function Colors(
 	$parent: ParentNode,
 	$anchor: Node | null,
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, SlotRender>
-) {
+	_$props:  Record<PropertyKey, any> | undefined,
+	_$context: Record<PropertyKey, any>,
+	_$slots?: Record<string, SlotRender>
+): void {
 
 	const colors = ["red", "green", "blue"];
 
@@ -31,7 +28,6 @@ export default function Colors(
 	const t_fragments: DocumentFragment[] = [];
 
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <ul> <!> </ul> `);
-	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_for_parent_1 = t_next(t_root_0) as HTMLElement;
 	let t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
@@ -44,33 +40,36 @@ export default function Colors(
 		t_for_anchor_1,
 		function createNewItems() {
 			let t_new_items: ListItem[] = [];
+			let t_previous_item = t_for_range_1;
+			let t_next_item = t_for_range_1.nextRange;
 			for (let color of colors) {
-				t_new_items.push(t_list_item({ color }, color));
-				/*t_new_items.push({
-					key: color,
-					data: { color }
-				});*/
+				let t_new_item = t_list_item({ color }, color);
+				t_new_item.previousRange = t_previous_item;
+				t_previous_item.nextRange = t_new_item;
+				t_previous_item = t_new_item;
+				t_new_items.push(t_new_item);
 			}
+			t_for_range_1.nextRange = t_next_item;
 			return t_new_items;
 		},
 		function createListItem(t_item, t_before) {
-			let t_old_range_1 = t_push_range(t_item, true);
+			let t_old_range_1 = t_push_range(t_item);
 			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <li>#</li> `);
-			// @ts-ignore
 			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_next(t_root_1), true);
-			$run(function setTextContent() {
+			$run(function setAttributes() {
 				t_text_1.textContent = t_fmt(t_item.data.color);
 			});
 			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);
+		},
+		function updateListItem(t_old_item, t_new_item) {
+			t_old_item.data.color = t_new_item.data.color;
 		}
 	);
 
-	// @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/party/components/output/Colors-server.ts

@@ -1,23 +1,22 @@
-import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
+import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
 import t_fmt from "../../../../src/render/formatText";
 
 export default function Colors(
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, ServerSlotRender>
-) {
+	_$props:  Record<PropertyKey, any> | undefined,
+	_$context: Record<PropertyKey, any>,
+	_$slots?: Record<string, ServerSlotRender>
+): { body: string, head: string } {
+	let t_body = "";
+	let t_head = "";
+
 	const colors = ["red", "green", "blue"];
 
 	/* User interface */
-	let $output = "";
-	$output += ` <ul> <![>`;
+	t_body += ` <ul> <![>`;
 	for (let color of colors) {
-		$output += `<!^>  <li>${t_fmt(color)}</li> `;
+		t_body += `<!^>  <li>${t_fmt(color)}</li> `;
 	}
-	$output += `<!]><!> </ul> `;
+	t_body += `<!]><!> </ul> `;
 
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/output/Counter-client.ts

@@ -1,6 +1,6 @@
 import $run from "../../../../src/render/$run";
 import $watch from "../../../../src/render/$watch";
-import { type SlotRender } from "../../../../src/types/SlotRender";
+import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_child from "../../../../src/render/nodeChild";
 import t_event from "../../../../src/render/addEvent";
@@ -12,13 +12,10 @@ import t_root from "../../../../src/render/nodeRoot";
 export default function Counter(
 	$parent: ParentNode,
 	$anchor: Node | null,
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, SlotRender>
-) {
+	_$props:  Record<PropertyKey, any> | undefined,
+	_$context: Record<PropertyKey, any>,
+	_$slots?: Record<string, SlotRender>
+): void {
 
 	let $state = $watch({
 		count: 0
@@ -31,17 +28,15 @@ export default function Counter(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
 
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <p>#</p> <button>+1</button> </div> `);
-	// @ts-ignore
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <p>#</p> <button>+1</button> `);
 	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_button_1 = t_next(t_next(t_next(t_child(t_next(t_root_0))), true)) as HTMLElement;
-	// @ts-ignore
-	const t_text_2 = t_next(t_next(t_root_0), true);
-	$run(function setTextContent() {
+	const t_text_1 = t_child(t_next(t_root_0));
+	const t_button_1 = t_next(t_next(t_next(t_root_0), true)) as HTMLElement;
+	const t_text_2 = t_next(t_button_1, true);
+	t_event(t_button_1, "click", incrementCount);
+	$run(function setAttributes() {
 		t_text_1.textContent = `Counter: ${t_fmt($state.count)}`;
 	});
-	t_event(t_button_1, "click", incrementCount);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);
 

package/test/party/components/output/Counter-server.ts

@@ -1,15 +1,15 @@
 import $watch from "../../../../src/render/$serverWatch";
-import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
+import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
 import t_fmt from "../../../../src/render/formatText";
 
 export default function Counter(
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, ServerSlotRender>
-) {
+	_$props:  Record<PropertyKey, any> | undefined,
+	_$context: Record<PropertyKey, any>,
+	_$slots?: Record<string, ServerSlotRender>
+): { body: string, head: string } {
+	let t_body = "";
+	let t_head = "";
+
 	let $state = $watch({
 		count: 0
 	});
@@ -19,8 +19,7 @@ export default function Counter(
 	}
 
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <p>Counter: ${t_fmt($state.count)}</p> <button>+1</button> </div> `;
+	t_body += ` <p>Counter: ${t_fmt($state.count)}</p> <button>+1</button> `;
 
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/output/CssStyle-client.ts

@@ -1,4 +1,4 @@
-import { type SlotRender } from "../../../../src/types/SlotRender";
+import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
@@ -7,22 +7,17 @@ import t_root from "../../../../src/render/nodeRoot";
 export default function CssStyle(
 	$parent: ParentNode,
 	$anchor: Node | null,
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, SlotRender>
-) {
+	_$props:  Record<PropertyKey, any> | undefined,
+	_$context: Record<PropertyKey, any>,
+	_$slots?: Record<string, SlotRender>
+): void {
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
 
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <h1 class="title torp-1ew8jkr">I am red</h1> <button style="font-size: 10rem;">I am a button</button> </div> `);
-	// @ts-ignore
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <h1 class="title torp-1ew8jkr">I am red</h1> <button style="font-size: 10rem;">I am a button</button> `);
 	const t_root_0 = t_root(t_fragment_0, true);
-	// @ts-ignore
-	const t_text_1 = t_next(t_next(t_root_0), true);
+	const t_text_1 = t_next(t_next(t_next(t_next(t_root_0), true)), true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 

package/test/party/components/output/CssStyle-server.ts

@@ -1,17 +1,18 @@
-import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
+import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
 
 export default function CssStyle(
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, ServerSlotRender>
-) {
+	_$props:  Record<PropertyKey, any> | undefined,
+	_$context: Record<PropertyKey, any>,
+	_$slots?: Record<string, ServerSlotRender>
+): { body: string, head: string } {
+	let t_body = "";
+	let t_head = "";
 
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <h1 class="title torp-1ew8jkr">I am red</h1> <button style="font-size: 10rem;">I am a button</button> </div> `;
+	t_body += ` <h1 class="title torp-1ew8jkr">I am red</h1> <button style="font-size: 10rem;">I am a button</button> `;
 
-	return $output;
+	/* Style */
+	t_head += "<style id='1ew8jkr'>.title.torp-1ew8jkr { color: red; } </style>";
+
+	return { body: t_body, head: t_head };
 }

package/test/party/components/output/DoubleCount-client.ts

@@ -1,6 +1,6 @@
 import $run from "../../../../src/render/$run";
 import $watch from "../../../../src/render/$watch";
-import { type SlotRender } from "../../../../src/types/SlotRender";
+import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_child from "../../../../src/render/nodeChild";
 import t_fmt from "../../../../src/render/formatText";
@@ -11,13 +11,10 @@ import t_root from "../../../../src/render/nodeRoot";
 export default function DoubleCount(
 	$parent: ParentNode,
 	$anchor: Node | null,
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, SlotRender>
-) {
+	_$props:  Record<PropertyKey, any> | undefined,
+	_$context: Record<PropertyKey, any>,
+	_$slots?: Record<string, SlotRender>
+): void {
 
 	let $state = $watch({
 		count: 10,
@@ -30,12 +27,10 @@ export default function DoubleCount(
 	const t_fragments: DocumentFragment[] = [];
 
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div>#</div> `);
-	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_text_1 = t_child(t_next(t_root_0));
-	// @ts-ignore
 	const t_text_2 = t_next(t_next(t_root_0), true);
-	$run(function setTextContent() {
+	$run(function setAttributes() {
 		t_text_1.textContent = t_fmt($state.doubleCount);
 	});
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);

package/test/party/components/output/DoubleCount-server.ts

@@ -1,15 +1,15 @@
 import $watch from "../../../../src/render/$serverWatch";
-import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
+import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
 import t_fmt from "../../../../src/render/formatText";
 
 export default function DoubleCount(
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, ServerSlotRender>
-) {
+	_$props:  Record<PropertyKey, any> | undefined,
+	_$context: Record<PropertyKey, any>,
+	_$slots?: Record<string, ServerSlotRender>
+): { body: string, head: string } {
+	let t_body = "";
+	let t_head = "";
+
 	let $state = $watch({
 		count: 10,
 		get doubleCount() {
@@ -18,8 +18,7 @@ export default function DoubleCount(
 	});
 
 	/* User interface */
-	let $output = "";
-	$output += ` <div>${t_fmt($state.doubleCount)}</div> `;
+	t_body += ` <div>${t_fmt($state.doubleCount)}</div> `;
 
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/output/FunnyButton-client.ts

@@ -1,4 +1,4 @@
-import { type SlotRender } from "../../../../src/types/SlotRender";
+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";
@@ -9,18 +9,15 @@ import t_root from "../../../../src/render/nodeRoot";
 export default function FunnyButton(
 	$parent: ParentNode,
 	$anchor: Node | null,
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
+	_$props:  Record<PropertyKey, any> | undefined,
+	$context: Record<PropertyKey, any>,
 	$slots?: Record<string, SlotRender>
-) {
+): void {
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
 
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <button style=" background: rgba(0, 0, 0, 0.4); color: #fff; padding: 10px 20px; font-size: 30px; border: 2px solid #fff; margin: 8px; transform: scale(0.9); box-shadow: 4px 4px rgba(0, 0, 0, 0.4); transition: transform 0.2s cubic-bezier(0.34, 1.65, 0.88, 0.925) 0s; outline: 0; "> <!> </button> `);
-	// @ts-ignore
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_slot_parent_1 = t_next(t_root_0) as HTMLElement;
 	let t_slot_anchor_1 = t_anchor(t_next(t_child(t_slot_parent_1))) as HTMLElement;
@@ -28,14 +25,11 @@ export default function FunnyButton(
 		$slots["_"](t_slot_parent_1, t_slot_anchor_1, undefined, $context)
 	} else {
 		const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <span>No content found</span> `);
-		// @ts-ignore
 		const t_root_1 = t_root(t_fragment_1, true);
-		// @ts-ignore
 		const t_text_1 = t_next(t_next(t_root_1), true);
 		t_add_fragment(t_fragment_1, t_slot_parent_1, t_slot_anchor_1, t_text_1);
 		t_next(t_text_1);
 	}
-	// @ts-ignore
 	const t_text_2 = t_next(t_slot_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);

package/test/party/components/output/FunnyButton-server.ts

@@ -1,16 +1,15 @@
-import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
+import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
 
 export default function FunnyButton(
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
+	_$props:  Record<PropertyKey, any> | undefined,
+	$context: Record<PropertyKey, any>,
 	$slots?: Record<string, ServerSlotRender>
-) {
+): { body: string, head: string } {
+	let t_body = "";
+	let t_head = "";
 
 	/* User interface */
-	let $output = "";
-	$output += ` <button style="
+	t_body += ` <button style="
 				background: rgba(0, 0, 0, 0.4);
 				color: #fff;
 				padding: 10px 20px;
@@ -22,11 +21,11 @@ export default function FunnyButton(
 				outline: 0;
 			"> <![>`;
 	if ($slots && $slots["_"]) {
-		$output += $slots["_"](undefined, $context);
+		t_body += $slots["_"](undefined, $context);
 	} else {
-		$output += ` <span>No content found</span> `;
+		t_body += ` <span>No content found</span> `;
 	}
-	$output += `<!]><!> </button> `;
+	t_body += `<!]><!> </button> `;
 
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/party/components/output/FunnyButtonApp-client.ts

@@ -1,7 +1,6 @@
-import { type SlotRender } from "../../../../src/types/SlotRender";
+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_root from "../../../../src/render/nodeRoot";
@@ -11,27 +10,21 @@ import FunnyButton from "../output/./FunnyButton-client";
 export default function FunnyButtonApp(
 	$parent: ParentNode,
 	$anchor: Node | null,
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, SlotRender>
-) {
+	_$props:  Record<PropertyKey, any> | undefined,
+	$context: Record<PropertyKey, any>,
+	_$slots?: Record<string, SlotRender>
+): void {
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
 
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <!> <!> </div> `);
-	// @ts-ignore
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <!> <!> `);
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_comp_parent_1 = t_next(t_root_0) as HTMLElement;
-	let 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_root_0)) as HTMLElement;
 
 	/* @component */
-	FunnyButton(t_comp_parent_1, t_comp_anchor_1, undefined, $context);
+	FunnyButton(t_fragment_0, t_comp_anchor_1, undefined, $context);
 
-	const t_comp_parent_2 = t_comp_parent_1 as HTMLElement;
 	let t_comp_anchor_2 = t_anchor(t_next(t_next(t_comp_anchor_1, true))) as HTMLElement;
 
 	/* @component */
@@ -39,21 +32,18 @@ export default function FunnyButtonApp(
 	t_slots_1["_"] = (
 		$sparent: ParentNode,
 		$sanchor: Node | null,
-		//@ts-ignore
-		$sprops?: Record<PropertyKey, any>,
-		//@ts-ignore
+		_$sprops?: Record<PropertyKey, any>,
+		// @ts-ignore
 		$context?: Record<PropertyKey, any>
 	) => {
 		const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, `Click me!`);
-		// @ts-ignore
 		const t_text_1 = t_root(t_fragment_2);
 		t_add_fragment(t_fragment_2, $sparent, $sanchor, t_text_1);
 		t_next(t_text_1);
 	}
-	FunnyButton(t_comp_parent_2, t_comp_anchor_2, undefined, $context, t_slots_1);
+	FunnyButton(t_fragment_0, t_comp_anchor_2, undefined, $context, t_slots_1);
 
-	// @ts-ignore
-	const t_text_2 = t_next(t_comp_parent_2, true);
+	const t_text_2 = t_next(t_comp_anchor_2, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);