@torpor/view 0.0.2 → 0.0.3

package/test/style/components/output/Style-client.ts

@@ -1,15 +1,18 @@
 import $run from "../../../../src/render/$run";
-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";
 import t_root from "../../../../src/render/nodeRoot";
 import t_style from "../../../../src/render/getStyles";
 
 export default function Style(
 	$parent: ParentNode,
 	$anchor: Node | null,
-	$props?: Record<PropertyKey, any>,
+	$props: Record<PropertyKey, any>,
+	// @ts-ignore
 	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
 	$props ??= {};
@@ -17,11 +20,13 @@ export default function Style(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
 
-	const t_fragment_0 = t_fragment($parent.ownerDocument, t_fragments, 0, `<div> Hello! </div>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<div> Hello! </div>`);
+	// @ts-ignore
 	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
 	$run(function setStyles() {
-		t_div_1.style = t_style({ color: $props.color });
+		t_div_1.setAttribute("style", t_style({ color: $props.color }));
 	});
 	t_add_fragment(t_fragment_0, $parent, $anchor);
+	t_next(t_div_1);
 
 }

package/test/style/components/output/Style-server.ts

@@ -1,12 +1,13 @@
-import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
+import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
 import t_style from "../../../../src/render/getStyles";
 
 export default function Style(
-	$props?: Record<PropertyKey, any>,
+	$props: Record<PropertyKey, any>,
+	// @ts-ignore
 	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
-	$props ??= {};
 
 	/* User interface */
 	let $output = "";

package/test/style/components/temp/{Style-client-038dddfc74f14e95d17936a3fd6732584d85fcaa.ts → Style-client-085517e82bdd015c86f4c2577447c6a2791cf656.ts}

@@ -1,15 +1,18 @@
 import $run from "../../../../src/render/$run";
-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";
 import t_root from "../../../../src/render/nodeRoot";
 import t_style from "../../../../src/render/getStyles";
 
 export default function Style(
 	$parent: ParentNode,
 	$anchor: Node | null,
-	$props?: Record<PropertyKey, any>,
+	$props: Record<PropertyKey, any>,
+	// @ts-ignore
 	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
 	$props ??= {};
@@ -17,11 +20,13 @@ export default function Style(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
 
-	const t_fragment_0 = t_fragment($parent.ownerDocument, t_fragments, 0, `<div> Hello! </div>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<div> Hello! </div>`);
+	// @ts-ignore
 	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
 	$run(function setStyles() {
-		t_div_1.style = t_style({ color: $props.color });
+		t_div_1.setAttribute("style", t_style({ color: $props.color }));
 	});
 	t_add_fragment(t_fragment_0, $parent, $anchor);
+	t_next(t_div_1);
 
 }

package/test/style/components/temp/{Style-server-7529b8cdc2f761b80747f66533163551cae1214d.ts → Style-server-b2615163fbafdcb2a5d4155120edf2f66ef3bba6.ts}

@@ -1,12 +1,13 @@
-import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
+import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
 import t_style from "../../../../src/render/getStyles";
 
 export default function Style(
-	$props?: Record<PropertyKey, any>,
+	$props: Record<PropertyKey, any>,
+	// @ts-ignore
 	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
-	$props ??= {};
 
 	/* User interface */
 	let $output = "";

package/test/style/parse.test.ts

@@ -1,6 +1,6 @@
-import { beforeAll, expect, test } from "vitest";
+import { expect, test } from "vitest";
 import parse from "../../src/compile/parse";
-import type ParseResult from "../../src/compile/types/ParseResult";
+import { type ParseResult } from "../../src/compile/types/ParseResult";
 import { el, root, text, trimParsed } from "../helpers";
 
 test("simple style", () => {

package/test/switch/components/Switch.d.ts

@@ -1,4 +1,4 @@
-import type { SlotRender } from "@torpor/view";
+import { type SlotRender } from "@torpor/view";
 
 /**
  * Mounts or hydrates the component into the supplied parent node.

package/test/switch/components/output/Switch-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";
@@ -19,7 +19,9 @@ export default function Switch(
 		/** The value to switch on */
 		value: number
 	},
+	// @ts-ignore
 	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
 	$props ??= {};
@@ -27,7 +29,8 @@ export default function Switch(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
 
-	const t_fragment_0 = t_fragment($parent.ownerDocument, t_fragments, 0, `<div> <!> </div>`);
+	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_switch_anchor_1 = t_anchor(t_next(t_child(t_div_1))) as HTMLElement;
 
@@ -37,8 +40,10 @@ export default function Switch(
 		switch ($props.value) {
 			case 1: {
 				t_run_branch(t_switch_range_1, 0, () => {
-					const t_fragment_1 = t_fragment($parent.ownerDocument, t_fragments, 1, ` <p> A small value. </p> `);
+					const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> A small value. </p> `);
+					// @ts-ignore
 					const t_root_1 = t_root(t_fragment_1);
+					// @ts-ignore
 					const t_text_1 = t_next(t_next(t_root_1));
 					t_add_fragment(t_fragment_1, t_div_1, t_before);
 					t_next(t_text_1);
@@ -47,8 +52,10 @@ export default function Switch(
 			}
 			case 100: {
 				t_run_branch(t_switch_range_1, 1, () => {
-					const t_fragment_2 = t_fragment($parent.ownerDocument, t_fragments, 2, ` <p> A large value. </p> `);
+					const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> A large value. </p> `);
+					// @ts-ignore
 					const t_root_2 = t_root(t_fragment_2);
+					// @ts-ignore
 					const t_text_2 = t_next(t_next(t_root_2));
 					t_add_fragment(t_fragment_2, t_div_1, t_before);
 					t_next(t_text_2);
@@ -57,8 +64,10 @@ export default function Switch(
 			}
 			default: {
 				t_run_branch(t_switch_range_1, 2, () => {
-					const t_fragment_3 = t_fragment($parent.ownerDocument, t_fragments, 3, ` <p> Another value. </p> `);
+					const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` <p> Another value. </p> `);
+					// @ts-ignore
 					const t_root_3 = t_root(t_fragment_3);
+					// @ts-ignore
 					const t_text_3 = t_next(t_next(t_root_3));
 					t_add_fragment(t_fragment_3, t_div_1, t_before);
 					t_next(t_text_3);
@@ -69,5 +78,6 @@ export default function Switch(
 	});
 
 	t_add_fragment(t_fragment_0, $parent, $anchor);
+	t_next(t_div_1);
 
 }

package/test/switch/components/output/Switch-server.ts

@@ -1,4 +1,4 @@
-import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
+import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
 
 /**
  * A component with a switch statement in it.
@@ -8,10 +8,11 @@ export default function Switch(
 		/** The value to switch on */
 		value: number
 	},
+	// @ts-ignore
 	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
-	$props ??= {};
 
 	/* User interface */
 	let $output = "";

package/test/switch/components/temp/{Switch-client-4136875ddb11497e2d95caf2359abee086aaa75c.ts → Switch-client-4c4adac7308795807517e66bc268a38f87df6bda.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";
@@ -19,7 +19,9 @@ export default function Switch(
 		/** The value to switch on */
 		value: number
 	},
+	// @ts-ignore
 	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
 	$props ??= {};
@@ -27,7 +29,8 @@ export default function Switch(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
 
-	const t_fragment_0 = t_fragment($parent.ownerDocument, t_fragments, 0, `<div> <!> </div>`);
+	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_switch_anchor_1 = t_anchor(t_next(t_child(t_div_1))) as HTMLElement;
 
@@ -37,8 +40,10 @@ export default function Switch(
 		switch ($props.value) {
 			case 1: {
 				t_run_branch(t_switch_range_1, 0, () => {
-					const t_fragment_1 = t_fragment($parent.ownerDocument, t_fragments, 1, ` <p> A small value. </p> `);
+					const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> A small value. </p> `);
+					// @ts-ignore
 					const t_root_1 = t_root(t_fragment_1);
+					// @ts-ignore
 					const t_text_1 = t_next(t_next(t_root_1));
 					t_add_fragment(t_fragment_1, t_div_1, t_before);
 					t_next(t_text_1);
@@ -47,8 +52,10 @@ export default function Switch(
 			}
 			case 100: {
 				t_run_branch(t_switch_range_1, 1, () => {
-					const t_fragment_2 = t_fragment($parent.ownerDocument, t_fragments, 2, ` <p> A large value. </p> `);
+					const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> A large value. </p> `);
+					// @ts-ignore
 					const t_root_2 = t_root(t_fragment_2);
+					// @ts-ignore
 					const t_text_2 = t_next(t_next(t_root_2));
 					t_add_fragment(t_fragment_2, t_div_1, t_before);
 					t_next(t_text_2);
@@ -57,8 +64,10 @@ export default function Switch(
 			}
 			default: {
 				t_run_branch(t_switch_range_1, 2, () => {
-					const t_fragment_3 = t_fragment($parent.ownerDocument, t_fragments, 3, ` <p> Another value. </p> `);
+					const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` <p> Another value. </p> `);
+					// @ts-ignore
 					const t_root_3 = t_root(t_fragment_3);
+					// @ts-ignore
 					const t_text_3 = t_next(t_next(t_root_3));
 					t_add_fragment(t_fragment_3, t_div_1, t_before);
 					t_next(t_text_3);
@@ -69,5 +78,6 @@ export default function Switch(
 	});
 
 	t_add_fragment(t_fragment_0, $parent, $anchor);
+	t_next(t_div_1);
 
 }

package/test/switch/components/temp/{Switch-server-9b74d83bdb27f06d3fcf7e6a6ce82036aa47f874.ts → Switch-server-21fcac2b02c6071136bb0dc394babd27e454d2c9.ts}

@@ -1,4 +1,4 @@
-import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
+import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
 
 /**
  * A component with a switch statement in it.
@@ -8,10 +8,11 @@ export default function Switch(
 		/** The value to switch on */
 		value: number
 	},
+	// @ts-ignore
 	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
-	$props ??= {};
 
 	/* User interface */
 	let $output = "";

package/test/template/basic-file.test.ts

@@ -1,6 +1,6 @@
-import { beforeAll, expect, test } from "vitest";
+import { expect, test } from "vitest";
 import parse from "../../src/compile/parse";
-import type ParseResult from "../../src/compile/types/ParseResult";
+import { type ParseResult } from "../../src/compile/types/ParseResult";
 import { trimParsed } from "../helpers";
 
 // TODO: Preserve space

package/test/template/empty-file.test.ts

@@ -1,6 +1,6 @@
-import { beforeAll, expect, test } from "vitest";
+import { expect, test } from "vitest";
 import parse from "../../src/compile/parse";
-import type ParseResult from "../../src/compile/types/ParseResult";
+import { type ParseResult } from "../../src/compile/types/ParseResult";
 import { trimParsed } from "../helpers";
 
 test("empty file", () => {

package/test/template/errors.test.ts

@@ -1,4 +1,4 @@
-import { beforeAll, expect, test } from "vitest";
+import { expect, test } from "vitest";
 import parse from "../../src/compile/parse";
 import { trimParsed } from "../helpers";
 

package/test/watch/watch-nested-object.test.ts

@@ -1,4 +1,4 @@
-import { beforeAll, expect, test } from "vitest";
+import { expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
 import { proxyDataSymbol } from "../../src/watch/symbols";
 
@@ -9,6 +9,8 @@ test("watching a nested object", () => {
 		},
 	};
 	const output = $watch(input);
+	// @ts-ignore
 	expect(output[proxyDataSymbol]).not.toBeNull();
+	// @ts-ignore
 	expect(output.person[proxyDataSymbol]).not.toBeNull();
 });

package/test/watch/watch-null-object.test.ts

@@ -1,4 +1,4 @@
-import { beforeAll, expect, test } from "vitest";
+import { expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
 
 test("watching a null object", () => {

package/test/watch/watch-null-property.test.ts

@@ -1,4 +1,4 @@
-import { beforeAll, expect, test } from "vitest";
+import { expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
 
 test("watching a null property", () => {

package/test/watch/watch-simple-object.test.ts

@@ -1,4 +1,4 @@
-import { beforeAll, expect, test } from "vitest";
+import { expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
 import { proxyDataSymbol } from "../../src/watch/symbols";
 
@@ -7,5 +7,6 @@ test("watching a simple object", () => {
 		name: "Andrew",
 	};
 	const output = $watch(input);
+	// @ts-ignore
 	expect(output[proxyDataSymbol]).not.toBeNull();
 });

package/test/watch/watch-undefined-object.test.ts

@@ -1,4 +1,4 @@
-import { beforeAll, expect, test } from "vitest";
+import { expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
 
 test("watching an undefined object", () => {

package/test/watch/watch-undefined-property.test.ts

@@ -1,4 +1,4 @@
-import { beforeAll, expect, test } from "vitest";
+import { expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
 
 test("watching an undefined property", () => {

package/test/watch-array/ArrayState.ts

@@ -1,6 +1,6 @@
-export default interface ArrayState {
+export type ArrayState = {
 	items: {
 		id: number;
 		text: string;
 	}[];
-}
+};

package/test/watch-array/array-all-functions-unkeyed.test.ts

@@ -1,4 +1,3 @@
-import { queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
 import { beforeAll, expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
@@ -6,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/ArrayUnkeyed";
 

package/test/watch-array/array-all-functions.test.ts

@@ -1,4 +1,3 @@
-import { queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
 import { beforeAll, expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
@@ -6,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/Array";
 

package/test/watch-array/array-empty.test.ts

@@ -1,4 +1,3 @@
-import { queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
 import { beforeAll, expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
@@ -6,7 +5,6 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/Array";
 
@@ -23,7 +21,7 @@ test("array empty -- mounted", async () => {
 	const component = await importComponent(componentPath, "client");
 	mountComponent(container, component, $state);
 
-	check(container, $state);
+	check(container);
 });
 
 test("array empty -- hydrated", async () => {
@@ -36,9 +34,9 @@ test("array empty -- hydrated", async () => {
 	const serverComponent = await importComponent(componentPath, "server");
 	hydrateComponent(container, clientComponent, serverComponent, $state);
 
-	check(container, $state);
+	check(container);
 });
 
-function check(container: HTMLElement, state: ArrayState) {
+function check(container: HTMLElement) {
 	expect(container.textContent!.replace(/\s/g, "")).toBe("^$");
 }

package/test/watch-array/array-entries.test.ts

@@ -1,4 +1,3 @@
-import { queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
 import { beforeAll, expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
@@ -6,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/ArrayEntries";
 

package/test/watch-array/array-indexes.test.ts

@@ -1,4 +1,3 @@
-import { queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
 import { beforeAll, expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
@@ -6,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/ArrayIndexes";
 

package/test/watch-array/array-pop.test.ts

@@ -1,4 +1,3 @@
-import { queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
 import { beforeAll, expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
@@ -6,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/Array";
 

package/test/watch-array/array-push.test.ts

@@ -1,4 +1,3 @@
-import { queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
 import { beforeAll, expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
@@ -6,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/Array";
 

package/test/watch-array/array-reassign.test.ts

@@ -5,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/Array";
 

package/test/watch-array/array-reverse.test.ts

@@ -1,4 +1,3 @@
-import { queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
 import { beforeAll, expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
@@ -6,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/Array";
 

package/test/watch-array/array-set-object.test.ts

@@ -1,4 +1,3 @@
-import { queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
 import { beforeAll, expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
@@ -6,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/Array";
 

package/test/watch-array/array-set-property.test.ts

@@ -1,4 +1,3 @@
-import { queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
 import { beforeAll, expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
@@ -6,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/Array";
 

package/test/watch-array/array-shift.test.ts

@@ -1,4 +1,3 @@
-import { queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
 import { beforeAll, expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
@@ -6,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/Array";
 

package/test/watch-array/array-sort.test.ts

@@ -1,4 +1,3 @@
-import { queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
 import { beforeAll, expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
@@ -6,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/Array";
 

package/test/watch-array/array-splice-add.test.ts

@@ -1,4 +1,3 @@
-import { queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
 import { beforeAll, expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
@@ -6,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/Array";
 

package/test/watch-array/array-splice-delete-all.test.ts

@@ -1,4 +1,3 @@
-import { queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
 import { beforeAll, expect, test } from "vitest";
 import $watch from "../../src/render/$watch";
@@ -6,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/Array";
 

package/test/watch-array/array-splice-delete-and-add.test.ts

@@ -5,7 +5,7 @@ import buildOutputFiles from "../buildOutputFiles";
 import hydrateComponent from "../hydrateComponent";
 import importComponent from "../importComponent";
 import mountComponent from "../mountComponent";
-import type ArrayState from "./ArrayState";
+import { type ArrayState } from "./ArrayState";
 
 const componentPath = "./test/watch-array/components/Array";