npm - @torpor/view - Versions diffs - 0.0.14 → 0.1.1 - Mend

@torpor/view 0.0.14 → 0.1.1

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

package/test/effects/components/output/If-client.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import $watch from "../../../../src/render/$watch";
 import { type SlotRender } from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
@@ -18,7 +19,7 @@ export default function If(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -37,7 +38,7 @@ export default function If(
 				// @ts-ignore
 				const t_root_1 = t_root(t_fragment_1);
 				// @ts-ignore
-				const t_text_1 = t_next(t_next(t_root_1));
+				const t_text_1 = t_next(t_root_1, 2);
 				t_add_fragment(t_fragment_1, t_div_1, t_before);
 				t_next(t_text_1);
 			});
@@ -48,7 +49,7 @@ export default function If(
 				// @ts-ignore
 				const t_root_2 = t_root(t_fragment_2);
 				// @ts-ignore
-				const t_text_2 = t_next(t_next(t_root_2));
+				const t_text_2 = t_next(t_root_2, 2);
 				t_add_fragment(t_fragment_2, t_div_1, t_before);
 				t_next(t_text_2);
 			});

package/test/effects/components/output/If-server.ts CHANGED Viewed

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

package/test/effects/components/output/NestedIf-client.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import $watch from "../../../../src/render/$watch";
 import { type SlotRender } from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
@@ -18,7 +19,7 @@ export default function NestedIf(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -47,7 +48,7 @@ export default function NestedIf(
 							// @ts-ignore
 							const t_root_2 = t_root(t_fragment_2);
 							// @ts-ignore
-							const t_text_1 = t_next(t_next(t_root_2));
+							const t_text_1 = t_next(t_root_2, 2);
 							t_add_fragment(t_fragment_2, t_fragment_1, t_before);
 							t_next(t_text_1);
 						});
@@ -58,7 +59,7 @@ export default function NestedIf(
 							// @ts-ignore
 							const t_root_3 = t_root(t_fragment_3);
 							// @ts-ignore
-							const t_text_2 = t_next(t_next(t_root_3));
+							const t_text_2 = t_next(t_root_3, 2);
 							t_add_fragment(t_fragment_3, t_fragment_1, t_before);
 							t_next(t_text_2);
 						});

package/test/effects/components/output/NestedIf-server.ts CHANGED Viewed

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

package/test/effects/components/temp/{For-client-887b1758cf5c80f64708a47369e0e6ce44ffa20f.ts → For-client-d8d4e4424ec3238fe9f79cc907d673612b63bcdf.ts} RENAMED Viewed

@@ -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 For(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -56,7 +57,7 @@ export default function For(
 			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/effects/components/temp/{For-server-8e1c7393b102c870167dd086cbee45c47e614dfa.ts → For-server-1f853c161bea31a1a5b11b00d7a021b70c778066.ts} RENAMED Viewed

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

package/test/effects/components/temp/{If-client-bfc548ef699b91f33e604f066211ce6269cc9506.ts → If-client-bb06988422395321bf298a75bf5563c6f750f776.ts} RENAMED Viewed

@@ -1,3 +1,4 @@
+import $watch from "../../../../src/render/$watch";
 import { type SlotRender } from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
@@ -18,7 +19,7 @@ export default function If(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -37,7 +38,7 @@ export default function If(
 				// @ts-ignore
 				const t_root_1 = t_root(t_fragment_1);
 				// @ts-ignore
-				const t_text_1 = t_next(t_next(t_root_1));
+				const t_text_1 = t_next(t_root_1, 2);
 				t_add_fragment(t_fragment_1, t_div_1, t_before);
 				t_next(t_text_1);
 			});
@@ -48,7 +49,7 @@ export default function If(
 				// @ts-ignore
 				const t_root_2 = t_root(t_fragment_2);
 				// @ts-ignore
-				const t_text_2 = t_next(t_next(t_root_2));
+				const t_text_2 = t_next(t_root_2, 2);
 				t_add_fragment(t_fragment_2, t_div_1, t_before);
 				t_next(t_text_2);
 			});

package/test/effects/components/temp/{If-server-8c213b1a82cd0a5c2bccfeb90ba8bf01fa4672d2.ts → If-server-97e3cbe059306fc607985dcd1b187df3a278d979.ts} RENAMED Viewed

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

package/test/effects/components/temp/{NestedIf-client-9e9155398f240345af392194063adc6e42dda80c.ts → NestedIf-client-dc880c1ec92e716ec730dfa0bac0e3d9265bdf27.ts} RENAMED Viewed

@@ -1,3 +1,4 @@
+import $watch from "../../../../src/render/$watch";
 import { type SlotRender } from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
@@ -18,7 +19,7 @@ export default function NestedIf(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -47,7 +48,7 @@ export default function NestedIf(
 							// @ts-ignore
 							const t_root_2 = t_root(t_fragment_2);
 							// @ts-ignore
-							const t_text_1 = t_next(t_next(t_root_2));
+							const t_text_1 = t_next(t_root_2, 2);
 							t_add_fragment(t_fragment_2, t_fragment_1, t_before);
 							t_next(t_text_1);
 						});
@@ -58,7 +59,7 @@ export default function NestedIf(
 							// @ts-ignore
 							const t_root_3 = t_root(t_fragment_3);
 							// @ts-ignore
-							const t_text_2 = t_next(t_next(t_root_3));
+							const t_text_2 = t_next(t_root_3, 2);
 							t_add_fragment(t_fragment_3, t_fragment_1, t_before);
 							t_next(t_text_2);
 						});

package/test/effects/components/temp/{NestedIf-server-5f11d075c2ff224ee5feb7f61aa41aea8af44313.ts → NestedIf-server-9f199a33bae5d5fe34920d6a419937537a2b18dc.ts} RENAMED Viewed

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

package/test/events/components/output/Increment-client.ts CHANGED Viewed

@@ -33,8 +33,8 @@ export default function Increment(
 	// @ts-ignore
 	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
 	const t_button_1 = t_next(t_child(t_div_1)) as HTMLElement;
-	const t_button_2 = t_next(t_next(t_button_1)) as HTMLElement;
-	const t_text_1 = t_child(t_next(t_next(t_button_2)));
+	const t_button_2 = t_next(t_button_1, 2) as HTMLElement;
+	const t_text_1 = t_child(t_next(t_button_2, 2));
 	t_event(t_button_1, "click", increment);
 	t_event(t_button_2, "click", (e) => increment(e, 5));
 	$run(function setTextContent() {

package/test/events/components/temp/{Increment-client-35c275d15e94e4aa7625af12c45210521995ead5.ts → Increment-client-41bd7bc91aac8c7a9bf73527c8f7ba1794b09ab3.ts} RENAMED Viewed

@@ -33,8 +33,8 @@ export default function Increment(
 	// @ts-ignore
 	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
 	const t_button_1 = t_next(t_child(t_div_1)) as HTMLElement;
-	const t_button_2 = t_next(t_next(t_button_1)) as HTMLElement;
-	const t_text_1 = t_child(t_next(t_next(t_button_2)));
+	const t_button_2 = t_next(t_button_1, 2) as HTMLElement;
+	const t_text_1 = t_child(t_next(t_button_2, 2));
 	t_event(t_button_1, "click", increment);
 	t_event(t_button_2, "click", (e) => increment(e, 5));
 	$run(function setTextContent() {

package/test/events/events.test.ts CHANGED Viewed

@@ -36,19 +36,18 @@ async function check(container: HTMLElement) {
 	vi.useFakeTimers({
 		shouldAdvanceTime: true,
 	});
-	const user = userEvent.setup();
 	expect(queryByText(container, "The count is 0.")).not.toBeNull();
 	const increment = Array.from(container.children).find((e) => e.id === "increment");
 	expect(increment).not.toBeNull();
-	await user.click(increment!);
+	await userEvent.click(increment!);
 	expect(queryByText(container, "The count is 1.")).not.toBeNull();
 	const increment5 = Array.from(container.children).find((e) => e.id === "increment5");
 	expect(increment5).not.toBeNull();
-	await user.click(increment5!);
+	await userEvent.click(increment5!);
 	expect(queryByText(container, "The count is 6.")).not.toBeNull();
 }

package/test/for/components/ForEscape.torp CHANGED Viewed

@@ -7,7 +7,7 @@ export default function ForEscape() {
 				<div data-testid="input1-{i}" name={i} />
 				<div data-testid="input2-{i}" name="{i}" />
 				<div data-testid="input3-{i}" name={things[i]} />
-				<input :value={i} name="{i}" />
+				<input &value={i} name="{i}" />
 			}
 		</section>
 	}

package/test/for/components/output/For-client.ts CHANGED Viewed

@@ -56,7 +56,7 @@ export default function For(
 			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)} `;
 			});

package/test/for/components/output/ForEscape-client.ts CHANGED Viewed

@@ -59,10 +59,10 @@ export default function ForEscape(
 			// @ts-ignore
 			const t_root_1 = t_root(t_fragment_1);
 			const t_text_1 = t_child(t_next(t_root_1));
-			const t_div_1 = t_next(t_next(t_next(t_root_1))) as HTMLDivElement;
-			const t_div_2 = t_next(t_next(t_div_1)) as HTMLDivElement;
-			const t_div_3 = t_next(t_next(t_div_2)) as HTMLDivElement;
-			const t_input_1 = t_next(t_next(t_div_3)) as HTMLInputElement;
+			const t_div_1 = t_next(t_root_1, 3) as HTMLDivElement;
+			const t_div_2 = t_next(t_div_1, 2) as HTMLDivElement;
+			const t_div_3 = t_next(t_div_2, 2) as HTMLDivElement;
+			const t_input_1 = t_next(t_div_3, 2) as HTMLInputElement;
 			// @ts-ignore
 			const t_text_2 = t_next(t_input_1);
 			$run(function setTextContent() {

package/test/for/components/output/ForIn-client.ts CHANGED Viewed

@@ -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 ForIn(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -56,7 +57,7 @@ export default function ForIn(
 			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($props.item[t_item.data.key])} `;
 			});

package/test/for/components/output/ForIn-server.ts CHANGED Viewed

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

package/test/for/components/output/ForOf-client.ts CHANGED Viewed

@@ -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 ForOf(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -56,7 +57,7 @@ export default function ForOf(
 			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)} `;
 			});

package/test/for/components/output/ForOf-server.ts CHANGED Viewed

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

package/test/for/components/temp/{For-client-1f6e475347f0474375f12a7c24b0b293e3942aa7.ts → For-client-0be5994e98c07a3455cd8a18a2b1b8ef3605aba6.ts} RENAMED Viewed

@@ -56,7 +56,7 @@ export default function For(
 			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)} `;
 			});

package/test/for/components/temp/{ForEscape-client-80d3078cf15001f2ab37b0ec63cfce7267a8a166.ts → ForEscape-client-a973a145e28b32ca55fe3dca53d885fcf5e11c37.ts} RENAMED Viewed

@@ -59,10 +59,10 @@ export default function ForEscape(
 			// @ts-ignore
 			const t_root_1 = t_root(t_fragment_1);
 			const t_text_1 = t_child(t_next(t_root_1));
-			const t_div_1 = t_next(t_next(t_next(t_root_1))) as HTMLDivElement;
-			const t_div_2 = t_next(t_next(t_div_1)) as HTMLDivElement;
-			const t_div_3 = t_next(t_next(t_div_2)) as HTMLDivElement;
-			const t_input_1 = t_next(t_next(t_div_3)) as HTMLInputElement;
+			const t_div_1 = t_next(t_root_1, 3) as HTMLDivElement;
+			const t_div_2 = t_next(t_div_1, 2) as HTMLDivElement;
+			const t_div_3 = t_next(t_div_2, 2) as HTMLDivElement;
+			const t_input_1 = t_next(t_div_3, 2) as HTMLInputElement;
 			// @ts-ignore
 			const t_text_2 = t_next(t_input_1);
 			$run(function setTextContent() {

package/test/for/components/temp/{ForIn-client-c8a1ec4473d05475e11928d06d081ab671fd9f28.ts → ForIn-client-5cc25a98e10826e8477fe6f931d5d2bbd0b13c9f.ts} RENAMED Viewed

@@ -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 ForIn(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -56,7 +57,7 @@ export default function ForIn(
 			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($props.item[t_item.data.key])} `;
 			});

package/test/for/components/temp/{ForIn-server-d92cf8d3c3e300b562308607caca2c9cab3cb30b.ts → ForIn-server-d68e82c048f7e0f1525f74724b91e5cd01cdc6a6.ts} RENAMED Viewed

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

package/test/for/components/temp/{ForOf-client-069881d4d9e52bc091e7213154924f3e1626174a.ts → ForOf-client-70b0d59ff72f1cffe2e0ac8523dd7ccdca4ffe39.ts} RENAMED Viewed

@@ -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 ForOf(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -56,7 +57,7 @@ export default function ForOf(
 			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)} `;
 			});

package/test/for/components/temp/{ForOf-server-3bfbb33bd589890d272bbcbea53d9598f53bfd70.ts → ForOf-server-ac08d98dd249a3e64a366b8488450e6ce0d18def.ts} RENAMED Viewed

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

package/test/for/for-escape.test.ts CHANGED Viewed

@@ -40,11 +40,10 @@ async function check(container: HTMLElement) {
 	expect(queryByTestId(container, "input3-2")).not.toBeNull();
 	expect(queryByTestId(container, "input3-2")).toHaveAttribute("name", "c");
-	const user = userEvent.setup();
 	const input = container.getElementsByTagName("input")[0];
-	await user.clear(input);
-	await user.type(input, "Hello");
+	await userEvent.clear(input);
+	await userEvent.type(input, "Hello");
 	expect(queryByText(container, "Hello")).not.toBeNull();
 }

package/test/function/components/output/Function-client.ts CHANGED Viewed

@@ -29,7 +29,7 @@ export default function Function(
 	// @ts-ignore
 	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
 	const t_button_1 = t_next(t_child(t_div_1)) as HTMLElement;
-	const t_text_1 = t_child(t_next(t_next(t_button_1)));
+	const t_text_1 = t_child(t_next(t_button_1, 2));
 	t_event(t_button_1, "click", increment);
 	/* @function */

package/test/function/components/temp/{Function-client-b8931e51769f3f1e84d1491c6474f8551acf9f8d.ts → Function-client-b3ff029a821d47e1a2249a52dfb681f4b2e96232.ts} RENAMED Viewed

@@ -29,7 +29,7 @@ export default function Function(
 	// @ts-ignore
 	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
 	const t_button_1 = t_next(t_child(t_div_1)) as HTMLElement;
-	const t_text_1 = t_child(t_next(t_next(t_button_1)));
+	const t_text_1 = t_child(t_next(t_button_1, 2));
 	t_event(t_button_1, "click", increment);
 	/* @function */

package/test/function/function.test.ts CHANGED Viewed

@@ -36,13 +36,12 @@ async function check(container: HTMLElement) {
 	vi.useFakeTimers({
 		shouldAdvanceTime: true,
 	});
-	const user = userEvent.setup();
 	expect(queryByText(container, "The count is 0.")).not.toBeNull();
 	const increment = Array.from(container.children).find((e) => e.id === "increment");
 	expect(increment).not.toBeNull();
-	await user.click(increment!);
+	await userEvent.click(increment!);
 	expect(queryByText(container, "The count is 1.")).not.toBeNull();
 }

package/test/html/components/output/Html-client.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import $watch from "../../../../src/render/$watch";
 import { type SlotRender } from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
@@ -18,7 +19,7 @@ export default function Html(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,6 +32,7 @@ export default function Html(
 	/* @html */
 	const t_html_range_1 = t_range();
 	t_run_control(t_html_range_1, t_html_anchor_1, (t_before) => {
+		$props.html;
 		t_run_branch(t_html_range_1, -1, () => {
 			const t_template_1 = document.createElement("template");
 			t_template_1.innerHTML = $props.html;

package/test/html/components/output/Html-server.ts CHANGED Viewed

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

package/test/html/components/temp/{Html-client-5fc745d9980a42a70dcb3473b0fd976e69882c9e.ts → Html-client-766ba4a63f28f929ca16cd7d1640fe92f9b30792.ts} RENAMED Viewed

@@ -1,3 +1,4 @@
+import $watch from "../../../../src/render/$watch";
 import { type SlotRender } from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
@@ -18,7 +19,7 @@ export default function Html(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,6 +32,7 @@ export default function Html(
 	/* @html */
 	const t_html_range_1 = t_range();
 	t_run_control(t_html_range_1, t_html_anchor_1, (t_before) => {
+		$props.html;
 		t_run_branch(t_html_range_1, -1, () => {
 			const t_template_1 = document.createElement("template");
 			t_template_1.innerHTML = $props.html;

package/test/html/components/temp/{Html-server-437ea390e58947213ede74755a012cdacceeebe7.ts → Html-server-0a41da8b81bf833f331f3becdbac14be7ddc6c8c.ts} RENAMED Viewed

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

package/test/if/components/output/IfAfterIf-client.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import $watch from "../../../../src/render/$watch";
 import { type SlotRender } from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
@@ -18,7 +19,7 @@ export default function IfAfterIf(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -37,7 +38,7 @@ export default function IfAfterIf(
 				// @ts-ignore
 				const t_root_1 = t_root(t_fragment_1);
 				// @ts-ignore
-				const t_text_1 = t_next(t_next(t_root_1));
+				const t_text_1 = t_next(t_root_1, 2);
 				t_add_fragment(t_fragment_1, t_div_1, t_before);
 				t_next(t_text_1);
 			});
@@ -48,7 +49,7 @@ export default function IfAfterIf(
 		}
 	});
-	const t_if_anchor_2 = t_anchor(t_next(t_next(t_if_anchor_1))) as HTMLElement;
+	const t_if_anchor_2 = t_anchor(t_next(t_if_anchor_1, 2)) as HTMLElement;
 	/* @if */
 	const t_if_range_2 = t_range();
@@ -59,7 +60,7 @@ export default function IfAfterIf(
 				// @ts-ignore
 				const t_root_2 = t_root(t_fragment_2);
 				// @ts-ignore
-				const t_text_2 = t_next(t_next(t_root_2));
+				const t_text_2 = t_next(t_root_2, 2);
 				t_add_fragment(t_fragment_2, t_div_1, t_before);
 				t_next(t_text_2);
 			});

package/test/if/components/output/IfAfterIf-server.ts CHANGED Viewed

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

package/test/if/components/output/IfElse-client.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import $watch from "../../../../src/render/$watch";
 import { type SlotRender } from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
@@ -18,7 +19,7 @@ export default function IfElse(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
-	$props ??= {};
+	$props ??= $watch({});
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -37,7 +38,7 @@ export default function IfElse(
 				// @ts-ignore
 				const t_root_1 = t_root(t_fragment_1);
 				// @ts-ignore
-				const t_text_1 = t_next(t_next(t_root_1));
+				const t_text_1 = t_next(t_root_1, 2);
 				t_add_fragment(t_fragment_1, t_div_1, t_before);
 				t_next(t_text_1);
 			});
@@ -48,7 +49,7 @@ export default function IfElse(
 				// @ts-ignore
 				const t_root_2 = t_root(t_fragment_2);
 				// @ts-ignore
-				const t_text_2 = t_next(t_next(t_root_2));
+				const t_text_2 = t_next(t_root_2, 2);
 				t_add_fragment(t_fragment_2, t_div_1, t_before);
 				t_next(t_text_2);
 			});

package/test/if/components/output/IfElse-server.ts CHANGED Viewed

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