@torpor/view 0.0.14 → 0.1.1

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

@@ -8,6 +8,7 @@ export default function ArrayEntries(
 	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
+	$props ??= {};
 
 	/* User interface */
 	let $output = "";

package/test/watch-array/components/output/ArrayIndexes-client.ts

@@ -1,4 +1,5 @@
 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";
@@ -23,7 +24,7 @@ export default function ArrayIndexes(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,7 +32,7 @@ export default function ArrayIndexes(
 	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_next(t_next(t_child(t_section_1))))) as HTMLElement;
+	const t_for_anchor_1 = t_anchor(t_next(t_child(t_section_1), 3)) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();
@@ -57,7 +58,7 @@ export default function ArrayIndexes(
 			const t_root_1 = t_root(t_fragment_1);
 			const t_text_1 = t_child(t_next(t_root_1));
 			// @ts-ignore
-			const t_text_2 = t_next(t_next(t_root_1));
+			const t_text_2 = t_next(t_root_1, 2);
 			$run(function setTextContent() {
 				t_text_1.textContent = ` ${t_fmt(t_item.data.i > 0 ? ", " : "")} ${t_fmt($props.items[t_item.data.i].text)} `;
 			});

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

@@ -8,6 +8,7 @@ export default function ArrayIndexes(
 	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
+	$props ??= {};
 
 	/* User interface */
 	let $output = "";

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

@@ -1,4 +1,5 @@
 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";
@@ -23,7 +24,7 @@ export default function ArrayUnkeyed(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,7 +32,7 @@ export default function ArrayUnkeyed(
 	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_next(t_next(t_child(t_section_1))))) as HTMLElement;
+	const t_for_anchor_1 = t_anchor(t_next(t_child(t_section_1), 3)) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();
@@ -56,7 +57,7 @@ export default function ArrayUnkeyed(
 			const t_root_1 = t_root(t_fragment_1);
 			const t_text_1 = t_child(t_next(t_root_1));
 			// @ts-ignore
-			const t_text_2 = t_next(t_next(t_root_1));
+			const t_text_2 = t_next(t_root_1, 2);
 			$run(function setTextContent() {
 				t_text_1.textContent = ` ${t_fmt(t_item.data.item.text)} `;
 			});

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

@@ -8,6 +8,7 @@ export default function ArrayUnkeyed(
 	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
+	$props ??= {};
 
 	/* User interface */
 	let $output = "";

package/test/watch-array/components/temp/{Array-client-b29a42f88c2a2f37b3a86bdb9535e20a487887e1.ts → Array-client-ffd82188a45877d74053c82fb3616e4aed0fc2ad.ts}

@@ -1,4 +1,5 @@
 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";
@@ -23,7 +24,7 @@ export default function Array(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,7 +32,7 @@ export default function Array(
 	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_next(t_next(t_child(t_section_1))))) as HTMLElement;
+	const t_for_anchor_1 = t_anchor(t_next(t_child(t_section_1), 3)) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();
@@ -57,7 +58,7 @@ export default function Array(
 			const t_root_1 = t_root(t_fragment_1);
 			const t_text_1 = t_child(t_next(t_root_1));
 			// @ts-ignore
-			const t_text_2 = t_next(t_next(t_root_1));
+			const t_text_2 = t_next(t_root_1, 2);
 			$run(function setTextContent() {
 				t_text_1.textContent = ` ${t_fmt(t_item.data.item.text)} `;
 			});

package/test/watch-array/components/temp/{Array-server-ced54fc7e63196f9c24c2e55b27bfe6cf7821dcb.ts → Array-server-3715e815af887e8487b214e7de324850fe99e312.ts}

@@ -8,6 +8,7 @@ export default function Array(
 	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
+	$props ??= {};
 
 	/* User interface */
 	let $output = "";

package/test/watch-array/components/temp/{ArrayEntries-client-6289890758b1f6b462a74417e0b9e2e46d946ccd.ts → ArrayEntries-client-b6e982660628576061dbb44539e970b9549bdcfa.ts}

@@ -1,4 +1,5 @@
 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";
@@ -23,7 +24,7 @@ export default function ArrayEntries(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,7 +32,7 @@ export default function ArrayEntries(
 	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_next(t_next(t_child(t_section_1))))) as HTMLElement;
+	const t_for_anchor_1 = t_anchor(t_next(t_child(t_section_1), 3)) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();
@@ -59,7 +60,7 @@ export default function ArrayEntries(
 			const t_root_1 = t_root(t_fragment_1);
 			const t_text_1 = t_child(t_next(t_root_1));
 			// @ts-ignore
-			const t_text_2 = t_next(t_next(t_root_1));
+			const t_text_2 = t_next(t_root_1, 2);
 			$run(function setTextContent() {
 				t_text_1.textContent = ` ${t_fmt(t_item.data.i > 0 ? ", " : "")} ${t_fmt(t_item.data.item.text)} `;
 			});

package/test/watch-array/components/temp/{ArrayEntries-server-0429a18ffbe39afe87612889a3010c3fcaa601dc.ts → ArrayEntries-server-85cbe80fbb7f6885287825e2cc0dfc1cb9835d79.ts}

@@ -8,6 +8,7 @@ export default function ArrayEntries(
 	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
+	$props ??= {};
 
 	/* User interface */
 	let $output = "";

package/test/watch-array/components/temp/{ArrayIndexes-client-fe4b1c49f442b3e5411f331c52ae6c5ab38f2b2d.ts → ArrayIndexes-client-39337aa43bd8c10a53db836c3be233d48dd39b91.ts}

@@ -1,4 +1,5 @@
 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";
@@ -23,7 +24,7 @@ export default function ArrayIndexes(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,7 +32,7 @@ export default function ArrayIndexes(
 	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_next(t_next(t_child(t_section_1))))) as HTMLElement;
+	const t_for_anchor_1 = t_anchor(t_next(t_child(t_section_1), 3)) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();
@@ -57,7 +58,7 @@ export default function ArrayIndexes(
 			const t_root_1 = t_root(t_fragment_1);
 			const t_text_1 = t_child(t_next(t_root_1));
 			// @ts-ignore
-			const t_text_2 = t_next(t_next(t_root_1));
+			const t_text_2 = t_next(t_root_1, 2);
 			$run(function setTextContent() {
 				t_text_1.textContent = ` ${t_fmt(t_item.data.i > 0 ? ", " : "")} ${t_fmt($props.items[t_item.data.i].text)} `;
 			});

package/test/watch-array/components/temp/{ArrayIndexes-server-20c01f10832f035b007f85a423778934d51a703a.ts → ArrayIndexes-server-ec623c724af0c7212675d61ea68e9dee87f96caa.ts}

@@ -8,6 +8,7 @@ export default function ArrayIndexes(
 	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
+	$props ??= {};
 
 	/* User interface */
 	let $output = "";

package/test/watch-array/components/temp/{ArrayUnkeyed-client-3fffe2ce749ee84e0730130bfd730d432e3c4e12.ts → ArrayUnkeyed-client-7606f9a6a221c8cf6a8b51e4895d10a3d7bccc11.ts}

@@ -1,4 +1,5 @@
 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";
@@ -23,7 +24,7 @@ export default function ArrayUnkeyed(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,7 +32,7 @@ export default function ArrayUnkeyed(
 	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_next(t_next(t_child(t_section_1))))) as HTMLElement;
+	const t_for_anchor_1 = t_anchor(t_next(t_child(t_section_1), 3)) as HTMLElement;
 
 	/* @for */
 	let t_for_range_1 = t_range();
@@ -56,7 +57,7 @@ export default function ArrayUnkeyed(
 			const t_root_1 = t_root(t_fragment_1);
 			const t_text_1 = t_child(t_next(t_root_1));
 			// @ts-ignore
-			const t_text_2 = t_next(t_next(t_root_1));
+			const t_text_2 = t_next(t_root_1, 2);
 			$run(function setTextContent() {
 				t_text_1.textContent = ` ${t_fmt(t_item.data.item.text)} `;
 			});

package/test/watch-array/components/temp/{ArrayUnkeyed-server-0ab804a5e7bf5b47594d85adab79735e89a3939d.ts → ArrayUnkeyed-server-db21cd576a4c70973abe10f6c8ef5cecb3ead86c.ts}

@@ -8,6 +8,7 @@ export default function ArrayUnkeyed(
 	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
+	$props ??= {};
 
 	/* User interface */
 	let $output = "";

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

@@ -1,4 +1,5 @@
 import $run from "../../../../src/render/$run";
+import $watch from "../../../../src/render/$watch";
 import { type SlotRender } from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_child from "../../../../src/render/nodeChild";
@@ -16,7 +17,7 @@ export default function Watched(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];

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

@@ -8,6 +8,7 @@ export default function Watched(
 	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
+	$props ??= {};
 
 	/* User interface */
 	let $output = "";

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

@@ -1,4 +1,5 @@
 import $run from "../../../../src/render/$run";
+import $watch from "../../../../src/render/$watch";
 import { type SlotRender } from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_child from "../../../../src/render/nodeChild";
@@ -16,7 +17,7 @@ export default function Watched(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];

package/test/watch-object/components/temp/{Watched-server-4884585cf4f50493a70631909f2230153531208e.ts → Watched-server-0252addaf92fb0f0c1e2937f42918a1c9f31d196.ts}

@@ -8,6 +8,7 @@ export default function Watched(
 	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
+	$props ??= {};
 
 	/* User interface */
 	let $output = "";

package/src/render/flushMountEffects.ts

@@ -1,8 +0,0 @@
-import $run from "./$run";
-import context from "./context";
-
-export default function flushMountEffects(): void {
-	for (let fn of context.mountEffects) {
-		$run(fn);
-	}
-}

package/test/if/components/temp/IfNested-client-979db97eea5b4595550b9b46f297f3fbc31796d2.ts

@@ -1,90 +0,0 @@
-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_range from "../../../../src/render/newRange";
-import t_root from "../../../../src/render/nodeRoot";
-import t_run_branch from "../../../../src/render/runControlBranch";
-import t_run_control from "../../../../src/render/runControl";
-
-export default function IfNested(
-	$parent: ParentNode,
-	$anchor: Node | null,
-	$props: { counter: number },
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, SlotRender>
-) {
-	$props ??= {};
-
-	/* User interface */
-	const t_fragments: DocumentFragment[] = [];
-
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<div> <!> </div>`);
-	// @ts-ignore
-	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
-	const t_if_anchor_1 = t_anchor(t_next(t_child(t_div_1))) as HTMLElement;
-
-	/* @if */
-	const t_if_range_1 = t_range();
-	t_run_control(t_if_range_1, t_if_anchor_1, (t_before) => {
-		if ($props.counter > 5) {
-			t_run_branch(t_if_range_1, 0, () => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <!> `);
-				// @ts-ignore
-				const t_root_1 = t_root(t_fragment_1);
-				const t_if_anchor_2 = t_anchor(t_next(t_root_1)) as HTMLElement;
-
-				/* @if */
-				const t_if_range_2 = t_range();
-				t_run_control(t_if_range_2, t_if_anchor_2, (t_before) => {
-					if ($props.counter > 10) {
-						t_run_branch(t_if_range_2, 0, () => {
-							const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's both true! </p> `);
-							// @ts-ignore
-							const t_root_2 = t_root(t_fragment_2);
-							// @ts-ignore
-							const t_text_1 = t_next(t_next(t_root_2));
-							t_add_fragment(t_fragment_2, t_fragment_1, t_before);
-							t_next(t_text_1);
-						});
-					}
-					else {
-						t_run_branch(t_if_range_2, 1, () => {
-							const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` <p> The second is not true! </p> `);
-							// @ts-ignore
-							const t_root_3 = t_root(t_fragment_3);
-							// @ts-ignore
-							const t_text_2 = t_next(t_next(t_root_3));
-							t_add_fragment(t_fragment_3, t_fragment_1, t_before);
-							t_next(t_text_2);
-						});
-					}
-				});
-
-				// @ts-ignore
-				const t_text_3 = t_next(t_if_anchor_2);
-				t_add_fragment(t_fragment_1, t_div_1, t_before);
-				t_next(t_text_3);
-			});
-		}
-		else {
-			t_run_branch(t_if_range_1, 1, () => {
-				const t_fragment_4 = t_fragment($parent.ownerDocument!, t_fragments, 4, ` <p> The first is not true! </p> `);
-				// @ts-ignore
-				const t_root_4 = t_root(t_fragment_4);
-				// @ts-ignore
-				const t_text_4 = t_next(t_next(t_root_4));
-				t_add_fragment(t_fragment_4, t_div_1, t_before);
-				t_next(t_text_4);
-			});
-		}
-	});
-
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-	t_next(t_div_1);
-
-}

package/test/if/components/temp/IfNested-server-3c4e4b6f2162c0906cef685830219b9ea9ee985c.ts

@@ -1,30 +0,0 @@
-import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
-
-export default function IfNested(
-	$props: { counter: number },
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, ServerSlotRender>
-) {
-
-	/* User interface */
-	let $output = "";
-	$output += `<div> <![>`;
-	if ($props.counter > 5) {
-		$output += ` <![>`;
-		if ($props.counter > 10) {
-			$output += ` <p> It's both true! </p> `;
-		}
-		else {
-			$output += ` <p> The second is not true! </p> `;
-		}
-		$output += `<!]><!> `;
-	}
-	else {
-		$output += ` <p> The first is not true! </p> `;
-	}
-	$output += `<!]><!> </div>`;
-
-	return $output;
-}