@torpor/view 0.1.10 → 0.2.0

package/test/watch-array/components/output/ArrayUnkeyed-server.ts

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

package/test/watch-array/components/temp/{Array-server-c907209008ac6177f614b62931a2bb1f1c3a04e1.ts → Array-server-48864ed3b67cae2bcedb216865776e44cc3a1dc2.ts}

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

package/test/watch-array/components/temp/{ArrayEntries-server-57c1ab0045fa4a02de95f69a65de6f54efe9850c.ts → ArrayEntries-server-401a989fd5f3a093d5d1a8ef1d4fd9d5107a6be3.ts}

@@ -11,12 +11,13 @@ export default function ArrayEntries(
 	$props ??= {};
 
 	/* User interface */
-	let $output = "";
-	$output += ` <section> <p>^</p> <![>`;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <section> <p>^</p> <![>`;
 	for (let [i, item] of $props.items.entries()) {
-		$output += `<!^>  <span> ${t_fmt(i > 0 ? ", " : "")} ${t_fmt(item.text)} </span> `;
+		t_body += `<!^>  <span> ${t_fmt(i > 0 ? ", " : "")} ${t_fmt(item.text)} </span> `;
 	}
-	$output += `<!]><!> <p>$</p> </section> `;
+	t_body += `<!]><!> <p>$</p> </section> `;
 
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/watch-array/components/temp/{ArrayIndexes-server-f093878b94a37617e2e697a786caa680f75630a7.ts → ArrayIndexes-server-35c31a8a4597da68d39cf20bd6b90137695514de.ts}

@@ -11,12 +11,13 @@ export default function ArrayIndexes(
 	$props ??= {};
 
 	/* User interface */
-	let $output = "";
-	$output += ` <section> <p>^</p> <![>`;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <section> <p>^</p> <![>`;
 	for (let i = 0; i < $props.items.length; i++) {
-		$output += `<!^>  <span> ${t_fmt(i > 0 ? ", " : "")} ${t_fmt($props.items[i].text)} </span> `;
+		t_body += `<!^>  <span> ${t_fmt(i > 0 ? ", " : "")} ${t_fmt($props.items[i].text)} </span> `;
 	}
-	$output += `<!]><!> <p>$</p> </section> `;
+	t_body += `<!]><!> <p>$</p> </section> `;
 
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/watch-array/components/temp/{ArrayUnkeyed-server-c893fa024be07e5e7fce608c3ae456bdf2279dbe.ts → ArrayUnkeyed-server-19f195f0cf00760c520ac4c55aef474c8eae4c41.ts}

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

package/test/watch-object/components/Watched.torp

@@ -1,11 +1,9 @@
 export default function Watched($props: any) {
 	@render {
-		<div>
-			<p>
-				{$props.text}
-				{$props.child.childText}
-				{$props.child.grandChild.grandChildText}
-			</p>
-		</div>
+		<p>
+			{$props.text}
+			{$props.child.childText}
+			{$props.child.grandChild.grandChildText}
+		</p>
 	}
 }

package/test/watch-object/components/output/Watched-client.ts

@@ -22,10 +22,10 @@ export default function Watched(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
 
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <p>#</p> </div> `);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <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_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() {

package/test/watch-object/components/output/Watched-server.ts

@@ -11,8 +11,9 @@ export default function Watched(
 	$props ??= {};
 
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <p> ${t_fmt($props.text)} ${t_fmt($props.child.childText)} ${t_fmt($props.child.grandChild.grandChildText)} </p> </div> `;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <p> ${t_fmt($props.text)} ${t_fmt($props.child.childText)} ${t_fmt($props.child.grandChild.grandChildText)} </p> `;
 
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/test/watch-object/components/temp/{Watched-client-d26e846bbeb8271ec5dc2a1ceb75b362af44d3bd.ts → Watched-client-ddba353c5a94f5a874e19d6d4cc6271a04e915c0.ts}

@@ -22,10 +22,10 @@ export default function Watched(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
 
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div> <p>#</p> </div> `);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <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_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() {

package/test/watch-object/components/temp/{Watched-server-312fca1e769d7594fc5bb6295ccf55b544dd2f4d.ts → Watched-server-e8e8c15b9fb5dda4051a289e9cd75d71078b9e95.ts}

@@ -11,8 +11,9 @@ export default function Watched(
 	$props ??= {};
 
 	/* User interface */
-	let $output = "";
-	$output += ` <div> <p> ${t_fmt($props.text)} ${t_fmt($props.child.childText)} ${t_fmt($props.child.grandChild.grandChildText)} </p> </div> `;
+	let t_body = "";
+	let t_head = "";
+	t_body += ` <p> ${t_fmt($props.text)} ${t_fmt($props.child.childText)} ${t_fmt($props.child.grandChild.grandChildText)} </p> `;
 
-	return $output;
+	return { body: t_body, head: t_head };
 }

package/dist/chunk-T6JGCJ5T.js

@@ -1,45 +0,0 @@
-// src/render/formatText.ts
-function formatText(value) {
-  return value ?? "";
-}
-
-// src/render/getClasses.ts
-function getClasses(value, styleHash) {
-  let classes = [];
-  gatherNames("", value, classes);
-  if (styleHash) {
-    classes.push(styleHash);
-  }
-  return classes.join(" ");
-}
-function gatherNames(name, value, classes) {
-  if (value) {
-    if (Array.isArray(value)) {
-      for (let v of value) {
-        gatherNames(v, v, classes);
-      }
-    } else if (typeof value === "object") {
-      for (let [n, v] of Object.entries(value)) {
-        gatherNames(n, v, classes);
-      }
-    } else {
-      classes.push(name);
-    }
-  }
-}
-
-// src/render/getStyles.ts
-function getStyles(value) {
-  let styles = [];
-  for (let [n, v] of Object.entries(value)) {
-    styles.push(`${n}: ${v}`);
-  }
-  return styles.join("; ");
-}
-
-export {
-  formatText,
-  getClasses,
-  getStyles
-};
-//# sourceMappingURL=chunk-T6JGCJ5T.js.map

package/dist/chunk-T6JGCJ5T.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/render/formatText.ts","../src/render/getClasses.ts","../src/render/getStyles.ts"],"sourcesContent":["export default function formatText(value: any): string {\n\treturn value ?? \"\";\n}\n","export default function getClasses(value: unknown, styleHash?: string): string {\n\tlet classes: string[] = [];\n\tgatherNames(\"\", value, classes);\n\tif (styleHash) {\n\t\tclasses.push(styleHash);\n\t}\n\treturn classes.join(\" \");\n}\n\nfunction gatherNames(name: unknown, value: unknown, classes: string[]) {\n\tif (value) {\n\t\tif (Array.isArray(value)) {\n\t\t\tfor (let v of value) {\n\t\t\t\tgatherNames(v, v, classes);\n\t\t\t}\n\t\t} else if (typeof value === \"object\") {\n\t\t\tfor (let [n, v] of Object.entries(value)) {\n\t\t\t\tgatherNames(n, v, classes);\n\t\t\t}\n\t\t} else {\n\t\t\tclasses.push(name as string);\n\t\t}\n\t}\n}\n","export default function getStyles(value: Record<string, any>): string {\n\tlet styles: string[] = [];\n\tfor (let [n, v] of Object.entries(value)) {\n\t\tstyles.push(`${n}: ${v}`);\n\t}\n\treturn styles.join(\"; \");\n}\n"],"mappings":";AAAe,SAAR,WAA4B,OAAoB;AACtD,SAAO,SAAS;AACjB;;;ACFe,SAAR,WAA4B,OAAgB,WAA4B;AAC9E,MAAI,UAAoB,CAAC;AACzB,cAAY,IAAI,OAAO,OAAO;AAC9B,MAAI,WAAW;AACd,YAAQ,KAAK,SAAS;AAAA,EACvB;AACA,SAAO,QAAQ,KAAK,GAAG;AACxB;AAEA,SAAS,YAAY,MAAe,OAAgB,SAAmB;AACtE,MAAI,OAAO;AACV,QAAI,MAAM,QAAQ,KAAK,GAAG;AACzB,eAAS,KAAK,OAAO;AACpB,oBAAY,GAAG,GAAG,OAAO;AAAA,MAC1B;AAAA,IACD,WAAW,OAAO,UAAU,UAAU;AACrC,eAAS,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,KAAK,GAAG;AACzC,oBAAY,GAAG,GAAG,OAAO;AAAA,MAC1B;AAAA,IACD,OAAO;AACN,cAAQ,KAAK,IAAc;AAAA,IAC5B;AAAA,EACD;AACD;;;ACvBe,SAAR,UAA2B,OAAoC;AACrE,MAAI,SAAmB,CAAC;AACxB,WAAS,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,KAAK,GAAG;AACzC,WAAO,KAAK,GAAG,CAAC,KAAK,CAAC,EAAE;AAAA,EACzB;AACA,SAAO,OAAO,KAAK,IAAI;AACxB;","names":[]}

package/src/render/getStyles.ts

@@ -1,7 +0,0 @@
-export default function getStyles(value: Record<string, any>): string {
-	let styles: string[] = [];
-	for (let [n, v] of Object.entries(value)) {
-		styles.push(`${n}: ${v}`);
-	}
-	return styles.join("; ");
-}

package/src/render/isComment.ts

@@ -1,3 +0,0 @@
-export default function isComment(node: Node | null | undefined): node is Comment {
-	return node?.nodeType === 8;
-}

package/src/render/isText.ts

@@ -1,3 +0,0 @@
-export default function isText(node: Node | null | undefined): node is Text {
-	return node?.nodeType === 3;
-}

package/test/bench/components/temp/Bench-client-fca94b485c6263778751927240ab3ca4048d7a10.ts

@@ -1,208 +0,0 @@
-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 t_add_fragment from "../../../../src/render/addFragment";
-import t_anchor from "../../../../src/render/nodeAnchor";
-import t_child from "../../../../src/render/nodeChild";
-import t_class from "../../../../src/render/getClasses";
-import t_event from "../../../../src/render/addEvent";
-import t_fmt from "../../../../src/render/formatText";
-import t_fragment from "../../../../src/render/getFragment";
-import t_list_item from "../../../../src/render/newListItem";
-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_root from "../../../../src/render/nodeRoot";
-import t_run_list from "../../../../src/render/runList";
-
-export default function Bench(
-	$parent: ParentNode,
-	$anchor: Node | null,
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, SlotRender>
-) {
-
-	let rowId = 1;
-	let $state = $watch({
-		data: [],
-		selected: null,
-	});
-
-	const adjectives = [
-		"pretty",
-		"large",
-		"big",
-		"small",
-		"tall",
-		"short",
-		"long",
-		"handsome",
-		"plain",
-		"quaint",
-		"clean",
-		"elegant",
-		"easy",
-		"angry",
-		"crazy",
-		"helpful",
-		"mushy",
-		"odd",
-		"unsightly",
-		"adorable",
-		"important",
-		"inexpensive",
-		"cheap",
-		"expensive",
-		"fancy",
-	];
-	const colours = ["red", "yellow", "blue", "green", "pink", "brown", "purple", "brown", "white", "black", "orange"];
-	const nouns = [
-		"table",
-		"chair",
-		"house",
-		"bbq",
-		"desk",
-		"car",
-		"pony",
-		"cookie",
-		"sandwich",
-		"burger",
-		"pizza",
-		"mouse",
-		"keyboard",
-	];
-
-	function append() {
-		$state.data = [...$state.data, ...buildData(1000)];
-	}
-
-	function clear() {
-		$state.data = [];
-	}
-
-	function partialUpdate() {
-		for (let i = 0; i < $state.data.length; i += 10) {
-			const row = $state.data[i];
-			row.label = row.label + " !!!";
-		}
-	}
-
-	function remove(row) {
-		const clone = $state.data.slice();
-		clone.splice(clone.indexOf(row), 1);
-		$state.data = clone;
-	}
-
-	function create() {
-		// TODO: Build this up to 1000:
-		$state.data = buildData(10);
-	}
-
-	function createLots() {
-		$state.data = buildData(10000);
-	}
-
-	function swapRows() {
-		if ($state.data.length > 998) {
-			const clone = $state.data.slice();
-			const tmp = clone[1];
-			clone[1] = clone[998];
-			clone[998] = tmp;
-			$state.data = clone;
-		}
-	}
-
-	function _random(max) {
-		return Math.round(Math.random() * 1000) % max;
-	}
-
-	class Item {
-		id = rowId++;
-		label = `${adjectives[_random(adjectives.length)]} ${colours[_random(colours.length)]} ${nouns[_random(nouns.length)]}`;
-	}
-
-	function buildData(count = 1000) {
-		const data = new Array(count);
-		for (let i = 0; i < count; i++) {
-			data[i] = $watch(new Item());
-		}
-		return data;
-	}
-
-	/* User interface */
-	const t_fragments: DocumentFragment[] = [];
-
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<div id="main" class="container"> <div class="jumbotron"> <div class="row"> <div class="col-md-6"> <h1>Torpor (keyed)</h1> </div> <div class="col-md-6"> <div class="row"> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="create">Create 1,000 rows</button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="createlots"> Create 10,000 rows </button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="append"> Append 1,000 rows </button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="update"> Update every 10th row </button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="clear">Clear</button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="swaprows">Swap Rows</button> </div> </div> </div> </div> </div> <table class="table table-hover table-striped test-data"> <tbody> <!> </tbody> </table> <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span> </div>`);
-	// @ts-ignore
-	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
-	const t_button_1 = t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1))))), 3))))))) as HTMLElement;
-	const t_button_2 = t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1))))), 3)))), 3))) as HTMLElement;
-	const t_button_3 = t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1))))), 3)))), 5))) as HTMLElement;
-	const t_button_4 = t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1))))), 3)))), 7))) as HTMLElement;
-	const t_button_5 = t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1))))), 3)))), 9))) as HTMLElement;
-	const t_button_6 = t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1))))), 3)))), 11))) as HTMLElement;
-	const t_for_parent_1 = t_next(t_child(t_next(t_child(t_div_1), 3))) as HTMLElement;
-	const t_for_anchor_1 = t_anchor(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1), 3)))))) as HTMLElement;
-
-	/* @for */
-	let t_for_range_1 = t_range();
-	t_run_list(
-		t_for_range_1,
-		t_for_parent_1,
-		t_for_anchor_1,
-		function createNewItems() {
-			let t_new_items: ListItem[] = [];
-			for (let row of $state.data) {
-				t_new_items.push(t_list_item({ row }, row.id));
-				/*t_new_items.push({
-					key: row.id,
-					data: { row }
-				});*/
-			}
-			return t_new_items;
-		},
-		function createListItem(t_item, t_before) {
-			let t_old_range_1 = t_push_range(t_item, true);
-			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <tr> <td class="col-md-1">#</td> <td class="col-md-4"> <a>#</a> </td> <td class="col-md-1"> <a> <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> </a> </td> <td class="col-md-6"></td> </tr> `);
-			// @ts-ignore
-			const t_root_1 = t_root(t_fragment_1);
-			const t_tr_1 = t_next(t_root_1) as HTMLElement;
-			const t_text_1 = t_child(t_next(t_child(t_tr_1)));
-			const t_a_1 = t_next(t_child(t_next(t_child(t_tr_1), 3))) as HTMLElement;
-			const t_text_2 = t_child(t_a_1);
-			const t_a_2 = t_next(t_child(t_next(t_child(t_tr_1), 5))) as HTMLElement;
-			// @ts-ignore
-			const t_text_3 = t_next(t_tr_1);
-			$run(function setClasses() {
-				t_tr_1.className = t_class({ danger: $state.selected === t_item.data.row.id });
-			});
-			$run(function setTextContent() {
-				t_text_1.textContent = t_fmt(t_item.data.row.id);
-			});
-			t_event(t_a_1, "click", () => $state.selected = t_item.data.row.id);
-			$run(function setTextContent() {
-				t_text_2.textContent = ` ${t_fmt(t_item.data.row.label)} `;
-			});
-			t_event(t_a_2, "click", () => remove(t_item.data.row));
-			t_add_fragment(t_fragment_1, t_for_parent_1, t_before);
-			t_next(t_text_3);
-			t_pop_range(t_old_range_1);
-		}
-	);
-
-	t_event(t_button_1, "click", create);
-	t_event(t_button_2, "click", createLots);
-	t_event(t_button_3, "click", append);
-	t_event(t_button_4, "click", partialUpdate);
-	t_event(t_button_5, "click", clear);
-	t_event(t_button_6, "click", swapRows);
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_div_1);
-
-}

package/test/class/components/temp/Class-server-c24c01d0d3a98169172aba453c183c4152705be9.ts

@@ -1,40 +0,0 @@
-import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
-import t_attr from "../../../../src/render/formatAttributeText";
-import t_class from "../../../../src/render/getClasses";
-
-export default function Class(
-	$props: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, ServerSlotRender>
-) {
-	$props ??= {};
-
-	/* 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> <![>`;
-	const t_props_1: any = {};
-	t_props_1["class"] = t_class({ "child-class": true }, "torp-1ljxz83");
-
-	$output += Child(t_props_1, $context)
-	$output += `<!]><!> </div> `;
-
-	return $output;
-}
-
-function Child(
-	$props: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, ServerSlotRender>
-) {
-	$props ??= {};
-
-	/* User interface */
-	let $output = "";
-	$output += ` <div ${$props.class ? `class="${t_attr($props.class)}"` : ''}> Child class </div> `;
-
-	return $output;
-}

package/test/svg/components/temp/Shape-server-9951ff1dcc7aa0827f28d3f8d970813767115ae3.ts

@@ -1,24 +0,0 @@
-import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
-
-export default function Shape(
-	$props: { name: string },
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, ServerSlotRender>
-) {
-	$props ??= {};
-
-	/* User interface */
-	let $output = "";
-	$output += ` <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" role="img"> <![>`;
-	if ($props.name === "rect") {
-		$output += `<!^> <rect width="100" height="100" fill="red"></rect> `;
-	}
-	else {
-		$output += `<!^> <circle r="45" cx="50" cy="50" fill="red"></circle> `;
-	}
-	$output += `<!]><!> </svg> `;
-
-	return $output;
-}