npm - @torpor/view - Versions diffs - 0.1.4 → 0.1.6 - Mend

@torpor/view 0.1.4 → 0.1.6

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

package/test/watch-array/components/temp/{ArrayEntries-client-b6e982660628576061dbb44539e970b9549bdcfa.ts → ArrayEntries-client-ebfb391a78325be4411f24a1ecfdc45ca3a6a621.ts} RENAMED Viewed

@@ -29,16 +29,17 @@ export default function ArrayEntries(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<section> <p>^</p> <!> <p>$</p> </section>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <section> <p>^</p> <!> <p>$</p> </section> `);
 	// @ts-ignore
-	const t_section_1 = t_root(t_fragment_0) as HTMLElement;
-	const t_for_anchor_1 = t_anchor(t_next(t_child(t_section_1), 3)) as HTMLElement;
+	const t_root_0 = t_root(t_fragment_0, true);
+	const t_for_parent_1 = t_next(t_root_0) as HTMLElement;
+	const t_for_anchor_1 = t_anchor(t_next(t_next(t_next(t_child(t_for_parent_1)), true))) as HTMLElement;
 	/* @for */
 	let t_for_range_1 = t_range();
 	t_run_list(
 		t_for_range_1,
-		t_section_1,
+		t_for_parent_1,
 		t_for_anchor_1,
 		function createNewItems() {
 			let t_new_items: ListItem[] = [];
@@ -57,20 +58,22 @@ export default function ArrayEntries(
 			let t_old_range_1 = t_push_range(t_item, true);
 			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <span>#</span> `);
 			// @ts-ignore
-			const t_root_1 = t_root(t_fragment_1);
+			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_root_1, 2);
+			const t_text_2 = t_next(t_next(t_root_1), true);
 			$run(function setTextContent() {
 				t_text_1.textContent = ` ${t_fmt(t_item.data.i > 0 ? ", " : "")} ${t_fmt(t_item.data.item.text)} `;
 			});
-			t_add_fragment(t_fragment_1, t_section_1, t_before);
+			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);
 		}
 	);
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_section_1);
+	// @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/watch-array/components/temp/{ArrayEntries-server-85cbe80fbb7f6885287825e2cc0dfc1cb9835d79.ts → ArrayEntries-server-57c1ab0045fa4a02de95f69a65de6f54efe9850c.ts} RENAMED Viewed

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

package/test/watch-array/components/temp/{ArrayIndexes-client-39337aa43bd8c10a53db836c3be233d48dd39b91.ts → ArrayIndexes-client-0a4b3226862bb1de13fdbc7a14f689d9f7ade2a1.ts} RENAMED Viewed

@@ -29,16 +29,17 @@ export default function ArrayIndexes(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<section> <p>^</p> <!> <p>$</p> </section>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <section> <p>^</p> <!> <p>$</p> </section> `);
 	// @ts-ignore
-	const t_section_1 = t_root(t_fragment_0) as HTMLElement;
-	const t_for_anchor_1 = t_anchor(t_next(t_child(t_section_1), 3)) as HTMLElement;
+	const t_root_0 = t_root(t_fragment_0, true);
+	const t_for_parent_1 = t_next(t_root_0) as HTMLElement;
+	const t_for_anchor_1 = t_anchor(t_next(t_next(t_next(t_child(t_for_parent_1)), true))) as HTMLElement;
 	/* @for */
 	let t_for_range_1 = t_range();
 	t_run_list(
 		t_for_range_1,
-		t_section_1,
+		t_for_parent_1,
 		t_for_anchor_1,
 		function createNewItems() {
 			let t_new_items: ListItem[] = [];
@@ -55,20 +56,22 @@ export default function ArrayIndexes(
 			let t_old_range_1 = t_push_range(t_item, true);
 			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <span>#</span> `);
 			// @ts-ignore
-			const t_root_1 = t_root(t_fragment_1);
+			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_root_1, 2);
+			const t_text_2 = t_next(t_next(t_root_1), true);
 			$run(function setTextContent() {
 				t_text_1.textContent = ` ${t_fmt(t_item.data.i > 0 ? ", " : "")} ${t_fmt($props.items[t_item.data.i].text)} `;
 			});
-			t_add_fragment(t_fragment_1, t_section_1, t_before);
+			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);
 		}
 	);
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_section_1);
+	// @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/watch-array/components/temp/{ArrayIndexes-server-ec623c724af0c7212675d61ea68e9dee87f96caa.ts → ArrayIndexes-server-f093878b94a37617e2e697a786caa680f75630a7.ts} RENAMED Viewed

@@ -12,11 +12,11 @@ export default function ArrayIndexes(
 	/* User interface */
 	let $output = "";
-	$output += `<section> <p>^</p> <![>`;
+	$output += ` <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> `;
 	}
-	$output += `<!]><!> <p>$</p> </section>`;
+	$output += `<!]><!> <p>$</p> </section> `;
 	return $output;
 }

package/test/watch-array/components/temp/{ArrayUnkeyed-client-7606f9a6a221c8cf6a8b51e4895d10a3d7bccc11.ts → ArrayUnkeyed-client-0966fa5ed460f4c627d8d619e493601098d6a33e.ts} RENAMED Viewed

@@ -29,16 +29,17 @@ export default function ArrayUnkeyed(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<section> <p>^</p> <!> <p>$</p> </section>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <section> <p>^</p> <!> <p>$</p> </section> `);
 	// @ts-ignore
-	const t_section_1 = t_root(t_fragment_0) as HTMLElement;
-	const t_for_anchor_1 = t_anchor(t_next(t_child(t_section_1), 3)) as HTMLElement;
+	const t_root_0 = t_root(t_fragment_0, true);
+	const t_for_parent_1 = t_next(t_root_0) as HTMLElement;
+	const t_for_anchor_1 = t_anchor(t_next(t_next(t_next(t_child(t_for_parent_1)), true))) as HTMLElement;
 	/* @for */
 	let t_for_range_1 = t_range();
 	t_run_list(
 		t_for_range_1,
-		t_section_1,
+		t_for_parent_1,
 		t_for_anchor_1,
 		function createNewItems() {
 			let t_new_items: ListItem[] = [];
@@ -54,20 +55,22 @@ export default function ArrayUnkeyed(
 			let t_old_range_1 = t_push_range(t_item, true);
 			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p>#</p> `);
 			// @ts-ignore
-			const t_root_1 = t_root(t_fragment_1);
+			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_root_1, 2);
+			const t_text_2 = t_next(t_next(t_root_1), true);
 			$run(function setTextContent() {
 				t_text_1.textContent = ` ${t_fmt(t_item.data.item.text)} `;
 			});
-			t_add_fragment(t_fragment_1, t_section_1, t_before);
+			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);
 		}
 	);
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_section_1);
+	// @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/watch-array/components/temp/{ArrayUnkeyed-server-db21cd576a4c70973abe10f6c8ef5cecb3ead86c.ts → ArrayUnkeyed-server-c893fa024be07e5e7fce608c3ae456bdf2279dbe.ts} RENAMED Viewed

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

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

@@ -22,14 +22,16 @@ 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, ` <div> <p>#</p> </div> `);
 	// @ts-ignore
-	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
-	const t_text_1 = t_child(t_next(t_child(t_div_1)));
+	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))));
+	// @ts-ignore
+	const t_text_2 = t_next(t_next(t_root_0), true);
 	$run(function setTextContent() {
 		t_text_1.textContent = ` ${t_fmt($props.text)} ${t_fmt($props.child.childText)} ${t_fmt($props.child.grandChild.grandChildText)} `;
 	});
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_div_1);
+	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
+	t_next(t_text_2);
 }

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

@@ -12,7 +12,7 @@ export default function Watched(
 	/* User interface */
 	let $output = "";
-	$output += `<div> <p> ${t_fmt($props.text)} ${t_fmt($props.child.childText)} ${t_fmt($props.child.grandChild.grandChildText)} </p> </div>`;
+	$output += ` <div> <p> ${t_fmt($props.text)} ${t_fmt($props.child.childText)} ${t_fmt($props.child.grandChild.grandChildText)} </p> </div> `;
 	return $output;
 }

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

@@ -22,14 +22,16 @@ 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, ` <div> <p>#</p> </div> `);
 	// @ts-ignore
-	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
-	const t_text_1 = t_child(t_next(t_child(t_div_1)));
+	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))));
+	// @ts-ignore
+	const t_text_2 = t_next(t_next(t_root_0), true);
 	$run(function setTextContent() {
 		t_text_1.textContent = ` ${t_fmt($props.text)} ${t_fmt($props.child.childText)} ${t_fmt($props.child.grandChild.grandChildText)} `;
 	});
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_div_1);
+	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
+	t_next(t_text_2);
 }

package/test/watch-object/components/temp/{Watched-server-0252addaf92fb0f0c1e2937f42918a1c9f31d196.ts → Watched-server-312fca1e769d7594fc5bb6295ccf55b544dd2f4d.ts} RENAMED Viewed

@@ -12,7 +12,7 @@ export default function Watched(
 	/* User interface */
 	let $output = "";
-	$output += `<div> <p> ${t_fmt($props.text)} ${t_fmt($props.child.childText)} ${t_fmt($props.child.grandChild.grandChildText)} </p> </div>`;
+	$output += ` <div> <p> ${t_fmt($props.text)} ${t_fmt($props.child.childText)} ${t_fmt($props.child.grandChild.grandChildText)} </p> </div> `;
 	return $output;
 }

package/test/class/components/temp/Class-server-853a463d2ad1a1e3da4da5ad59ad1c75461d2431.ts DELETED Viewed

@@ -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 });
-	$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;
-}