npm - @torpor/view - Versions diffs - 0.0.2 → 0.0.4 - Mend

@torpor/view 0.0.2 → 0.0.4

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

package/src/types/Range.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import type Effect from "./Effect";
+import { type Effect } from "./Effect";
-export default interface Range {
+export type Range = {
 	startNode: ChildNode | null;
 	endNode: ChildNode | null;
@@ -22,4 +22,4 @@ export default interface Range {
 	 * awaited or canceled before it is removed
 	 */
 	animations: Set<Animation> | null;
-}
+};

package/src/types/ServerComponent.ts CHANGED Viewed

@@ -1,12 +1,10 @@
-import type ServerSlotRender from "./ServerSlotRender";
+import { type ServerSlotRender } from "./ServerSlotRender";
 /**
  * A component that generates HTML
  */
-type ServerComponent = (
+export type ServerComponent = (
 	$props?: Record<string, any>,
 	$context?: Record<string, any>,
 	$slots?: Record<string, ServerSlotRender>,
 ) => string;
-export default ServerComponent;

package/src/types/ServerSlotRender.ts CHANGED Viewed

@@ -1,3 +1,4 @@
-type ServerSlotRender = ($props?: Record<string, any>, $context?: Record<string, any>) => void;
-export default ServerSlotRender;
+export type ServerSlotRender = (
+	$props?: Record<PropertyKey, any>,
+	$context?: Record<PropertyKey, any>,
+) => void;

package/src/types/SlotRender.ts CHANGED Viewed

@@ -1,8 +1,6 @@
-type SlotRender = (
+export type SlotRender = (
 	parent: ParentNode,
 	anchor: Node | null,
-	$props?: Record<string, any>,
-	$context?: Record<string, any>,
+	$props?: Record<PropertyKey, any>,
+	$context?: Record<PropertyKey, any>,
 ) => void;
-export default SlotRender;

package/src/types/Template.ts CHANGED Viewed

@@ -1,11 +1,11 @@
-import type Import from "../compile/types/Import";
-import TemplateComponent from "./TemplateComponent";
+import { type Import } from "../compile/types/Import";
+import { type TemplateComponent } from "./TemplateComponent";
 /**
  * The template for a component file, consisting of parts like script, markup and styles
  */
-export default interface Template {
+export type Template = {
 	imports: Import[];
 	script: string;
 	components: TemplateComponent[];
-}
+};

package/src/types/TemplateComponent.ts CHANGED Viewed

@@ -1,13 +1,20 @@
-import type RootNode from "../compile/types/nodes/RootNode";
-import type Style from "../compile/types/styles/Style";
+import { type RootNode } from "../compile/types/nodes/RootNode";
+import { type Style } from "../compile/types/styles/Style";
-export default interface TemplateComponent {
+export type TemplateComponent = {
 	start?: number;
+	/** The component's name */
 	name?: string;
+	/** Whether the component is defined in a default function */
 	default?: boolean;
+	/** Params declared by the user in the component's function */
 	params?: string;
 	markup?: RootNode;
 	style?: Style;
+	/** $props that are used in the component's function */
 	props?: string[];
+	/** $context props that are used in the component's function */
 	contextProps?: string[];
-}
+	/** $slot props that are used in the component's function */
+	slotProps?: string[];
+};

package/src/types/WatchOptions.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export default interface WatchOptions {
+export type WatchOptions = {
 	shallow?: boolean;
-}
+};

package/src/watch/proxyGet.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import $watch from "../render/$watch";
 import context from "../render/context";
-import type ProxyData from "../types/ProxyData";
+import { type ProxyData } from "../types/ProxyData";
 import { proxyDataSymbol } from "./symbols";
 import trackEffect from "./trackEffect";
 import triggerEffects from "./triggerEffects";

package/src/watch/proxySet.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import $watch from "../render/$watch";
-import type ProxyData from "../types/ProxyData";
+import { type ProxyData } from "../types/ProxyData";
 import { proxyDataSymbol } from "./symbols";
 import transferEffects from "./transferEffects";
 import triggerEffects from "./triggerEffects";

package/src/watch/removeEffect.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import Effect from "../types/Effect";
+import { type Effect } from "../types/Effect";
 export default function removeEffect(effect: Effect) {
 	//let effectName = String(effect.run).split("{")[0].trim();

package/src/watch/runEffect.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import context from "../render/context";
-import Effect from "../types/Effect";
+import { type Effect } from "../types/Effect";
 export default function runEffect(effect: Effect) {
 	// Reactivate it in case it's been deactivated

package/src/watch/trackEffect.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import context from "../render/context";
-import type ProxyData from "../types/ProxyData";
+import { type ProxyData } from "../types/ProxyData";
 export default function trackEffect(data: ProxyData, key: PropertyKey) {
 	// If there's an active effect, register this target/prop with it, so that

package/src/watch/transferEffects.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import $watch from "../render/$watch";
-import type ProxyData from "../types/ProxyData";
+import { type ProxyData } from "../types/ProxyData";
 import { proxyDataSymbol } from "./symbols";
 /**

package/src/watch/triggerEffects.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type ProxyData from "../types/ProxyData";
+import { type ProxyData } from "../types/ProxyData";
 import removeEffect from "./removeEffect";
 import runEffect from "./runEffect";

package/test/attributes/attributes.test.ts CHANGED Viewed

@@ -48,7 +48,7 @@ test("attributes -- hydrated", async () => {
 	check(container, $state);
 });
-function check(container: HTMLElement, state: State) {
+function check(container: HTMLElement, _: State) {
 	expect(queryByText(container, "Hello!")).not.toBeNull();
 	expect(queryByText(container, "Hello!")).toHaveAttribute("thing", "thing1");
 	expect(queryByText(container, "Hello!")).toHaveAttribute("data-thing", "thing2");

package/test/attributes/components/Attributes.d.ts CHANGED Viewed

@@ -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/attributes/components/output/Attributes-client.ts CHANGED Viewed

@@ -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_attribute from "../../../../src/render/setAttribute";
 import t_fragment from "../../../../src/render/getFragment";
+import t_next from "../../../../src/render/nodeNext";
 import t_root from "../../../../src/render/nodeRoot";
 export default function Attributes(
 	$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,7 +20,8 @@ export default function Attributes(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument, t_fragments, 0, `<div data-thing=""> Hello! </div>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<div data-thing=""> Hello! </div>`);
+	// @ts-ignore
 	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
 	$run(function setAttribute() {
 		t_attribute(t_div_1, "thing", $props.thing);
@@ -29,5 +33,6 @@ export default function Attributes(
 		t_attribute(t_div_1, "caption", `this attribute is for ${$props.description}`);
 	});
 	t_add_fragment(t_fragment_0, $parent, $anchor);
+	t_next(t_div_1);
 }

package/test/attributes/components/output/Attributes-server.ts CHANGED Viewed

@@ -1,12 +1,13 @@
-import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
+import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
 import t_attr from "../../../../src/render/formatAttributeText";
 export default function Attributes(
-	$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/attributes/components/temp/{Attributes-client-6a45dee9b3b1a2cce54feceb78dd18c6dcf9ea71.ts → Attributes-client-c4812cb9307eac6ff44f90f3358a1811b52c7390.ts} RENAMED Viewed

@@ -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_attribute from "../../../../src/render/setAttribute";
 import t_fragment from "../../../../src/render/getFragment";
+import t_next from "../../../../src/render/nodeNext";
 import t_root from "../../../../src/render/nodeRoot";
 export default function Attributes(
 	$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,7 +20,8 @@ export default function Attributes(
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
-	const t_fragment_0 = t_fragment($parent.ownerDocument, t_fragments, 0, `<div data-thing=""> Hello! </div>`);
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<div data-thing=""> Hello! </div>`);
+	// @ts-ignore
 	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
 	$run(function setAttribute() {
 		t_attribute(t_div_1, "thing", $props.thing);
@@ -29,5 +33,6 @@ export default function Attributes(
 		t_attribute(t_div_1, "caption", `this attribute is for ${$props.description}`);
 	});
 	t_add_fragment(t_fragment_0, $parent, $anchor);
+	t_next(t_div_1);
 }

package/test/attributes/components/temp/{Attributes-server-81340ff9f0a53bdd3b568cb371e5c7648adbee4f.ts → Attributes-server-a7ebed503f2169f7c900d4613531082f1023b086.ts} RENAMED Viewed

@@ -1,12 +1,13 @@
-import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
+import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
 import t_attr from "../../../../src/render/formatAttributeText";
 export default function Attributes(
-	$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/attributes/parse.test.ts CHANGED Viewed

@@ -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 { att, el, root, text, trimParsed } from "../helpers";
 test("attribute with double quotes", () => {

package/test/await/components/Await.d.ts CHANGED Viewed

@@ -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/await/components/output/Await-client.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import $run from "../../../../src/render/$run";
 import $watch from "../../../../src/render/$watch";
-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";
@@ -18,8 +18,11 @@ import t_run_control from "../../../../src/render/runControl";
 export default function Await(
 	$parent: ParentNode,
 	$anchor: Node | null,
+	// @ts-ignore
 	$props?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
@@ -43,7 +46,8 @@ export default function Await(
 		/* User interface */
 		const t_fragments: DocumentFragment[] = [];
-		const t_fragment_0 = t_fragment($parent.ownerDocument, t_fragments, 0, `<div> <!> <button> Guess again </button> </div>`);
+		const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<div> <!> <button> Guess again </button> </div>`);
+		// @ts-ignore
 		const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
 		const t_await_anchor_1 = t_anchor(t_next(t_child(t_div_1))) as HTMLElement;
@@ -54,8 +58,10 @@ export default function Await(
 		t_run_control(t_await_range_1, t_await_anchor_1, (t_before) => {
 			t_await_token_1++;
 			t_run_branch(t_await_range_1, 0, () => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument, t_fragments, 1, ` <p>Hmm...</p> `);
+				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p>Hmm...</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);
@@ -66,8 +72,10 @@ export default function Await(
 					if (token === t_await_token_1) {
 						let t_old_range_1 = t_push_range(t_await_range_1);
 						t_run_branch(t_await_range_1, 1, () => {
-							const t_fragment_2 = t_fragment($parent.ownerDocument, t_fragments, 2, ` <p>Is it a number?</p> `);
+							const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p>Is it a number?</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);
@@ -79,9 +87,11 @@ export default function Await(
 					if (token === t_await_token_1) {
 						let t_old_range_1 = t_push_range(t_await_range_1);
 						t_run_branch(t_await_range_1, 2, () => {
-							const t_fragment_3 = t_fragment($parent.ownerDocument, t_fragments, 3, ` <p class="error">#</p> `);
+							const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` <p class="error">#</p> `);
+							// @ts-ignore
 							const t_root_3 = t_root(t_fragment_3);
 							const t_text_3 = t_child(t_next(t_root_3));
+							// @ts-ignore
 							const t_text_4 = t_next(t_next(t_root_3));
 							$run(function setTextContent() {
 								t_text_3.textContent = `Something went wrong: ${t_fmt(ex)}!`;
@@ -98,5 +108,6 @@ export default function Await(
 		const t_button_1 = t_next(t_next(t_await_anchor_1)) as HTMLElement;
 		t_event(t_button_1, "click", () => $state.guesser = guessNumber(100));
 		t_add_fragment(t_fragment_0, $parent, $anchor);
+		t_next(t_div_1);
 	}

package/test/await/components/output/Await-server.ts CHANGED Viewed

@@ -1,9 +1,12 @@
 import $watch from "../../../../src/render/$serverWatch";
-import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
+import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
 export default function Await(
+	// @ts-ignore
 	$props?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
 	// Use the $watch function to declare reactive state

package/test/await/components/temp/{Await-client-fbc4a91efad261d702579b56b5d52ef4ed3684ba.ts → Await-client-6ce3ac610ce79ae3b474c81964b715e6f3d966da.ts} RENAMED Viewed

@@ -1,6 +1,6 @@
 import $run from "../../../../src/render/$run";
 import $watch from "../../../../src/render/$watch";
-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";
@@ -18,8 +18,11 @@ import t_run_control from "../../../../src/render/runControl";
 export default function Await(
 	$parent: ParentNode,
 	$anchor: Node | null,
+	// @ts-ignore
 	$props?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ) {
@@ -43,7 +46,8 @@ export default function Await(
 		/* User interface */
 		const t_fragments: DocumentFragment[] = [];
-		const t_fragment_0 = t_fragment($parent.ownerDocument, t_fragments, 0, `<div> <!> <button> Guess again </button> </div>`);
+		const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<div> <!> <button> Guess again </button> </div>`);
+		// @ts-ignore
 		const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
 		const t_await_anchor_1 = t_anchor(t_next(t_child(t_div_1))) as HTMLElement;
@@ -54,8 +58,10 @@ export default function Await(
 		t_run_control(t_await_range_1, t_await_anchor_1, (t_before) => {
 			t_await_token_1++;
 			t_run_branch(t_await_range_1, 0, () => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument, t_fragments, 1, ` <p>Hmm...</p> `);
+				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p>Hmm...</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);
@@ -66,8 +72,10 @@ export default function Await(
 					if (token === t_await_token_1) {
 						let t_old_range_1 = t_push_range(t_await_range_1);
 						t_run_branch(t_await_range_1, 1, () => {
-							const t_fragment_2 = t_fragment($parent.ownerDocument, t_fragments, 2, ` <p>Is it a number?</p> `);
+							const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p>Is it a number?</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);
@@ -79,9 +87,11 @@ export default function Await(
 					if (token === t_await_token_1) {
 						let t_old_range_1 = t_push_range(t_await_range_1);
 						t_run_branch(t_await_range_1, 2, () => {
-							const t_fragment_3 = t_fragment($parent.ownerDocument, t_fragments, 3, ` <p class="error">#</p> `);
+							const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` <p class="error">#</p> `);
+							// @ts-ignore
 							const t_root_3 = t_root(t_fragment_3);
 							const t_text_3 = t_child(t_next(t_root_3));
+							// @ts-ignore
 							const t_text_4 = t_next(t_next(t_root_3));
 							$run(function setTextContent() {
 								t_text_3.textContent = `Something went wrong: ${t_fmt(ex)}!`;
@@ -98,5 +108,6 @@ export default function Await(
 		const t_button_1 = t_next(t_next(t_await_anchor_1)) as HTMLElement;
 		t_event(t_button_1, "click", () => $state.guesser = guessNumber(100));
 		t_add_fragment(t_fragment_0, $parent, $anchor);
+		t_next(t_div_1);
 	}

package/test/await/components/temp/{Await-server-7906b4a37d8918108ba74466a48f67c4791aadc4.ts → Await-server-06cd2a3d8c7eb5bef026ffe2fb11793becf547c2.ts} RENAMED Viewed

@@ -1,9 +1,12 @@
 import $watch from "../../../../src/render/$serverWatch";
-import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
+import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
 export default function Await(
+	// @ts-ignore
 	$props?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
 	$slots?: Record<string, ServerSlotRender>
 ) {
 	// Use the $watch function to declare reactive state

package/test/bench/bench.bench.ts CHANGED Viewed

@@ -16,7 +16,7 @@ beforeAll(async () => {
 bench("bench", async () => {
 	const createButton = document.getElementById("create")!;
-	const createLotsButton = document.getElementById("createlots")!;
+	//const createLotsButton = document.getElementById("createlots")!;
 	const appendButton = document.getElementById("append")!;
 	const updateButton = document.getElementById("update")!;
 	const swapButton = document.getElementById("swaprows")!;

package/test/bench/components/Bench.d.ts CHANGED Viewed

@@ -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.
@@ -16,19 +16,3 @@ declare function Bench(
 	$slots?: Record<string, SlotRender>,
 ): void;
 export default Bench;
-/**
- * Mounts or hydrates the component into the supplied parent node.
- * @param $parent -- The parent node.
- * @param $anchor -- The node to mount the component before.
- * @param $props -- The values that have been passed into the component as properties.
- * @param $context -- Values that have been passed into the component from its ancestors.
- * @param $slots -- Functions for rendering children into slot nodes within the component.
- */
-export declare function (
-	$parent: ParentNode,
-	$anchor: Node | null,
-	max,
-	$context?: Record<PropertyKey, any>,
-	$slots?: Record<string, SlotRender>,
-): void;

package/test/bench/components/output/Bench-client.ts CHANGED Viewed

@@ -1,11 +1,30 @@
+import $run from "../../../../src/render/$run";
 import $watch from "../../../../src/render/$watch";
-import type SlotRender from "../../../../src/types/SlotRender";
+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>
 ) {
@@ -99,14 +118,7 @@ export default function Bench(
 		}
 	}
-	function _random(
-		$parent: ParentNode,
-		$anchor: Node | null,
-		$props?: Record<PropertyKey, any>,
-		$context?: Record<PropertyKey, any>,
-		$slots?: Record<string, SlotRender>
-	) {
+	function _random(max) {
 		return Math.round(Math.random() * 1000) % max;
 	}
@@ -123,4 +135,70 @@ export default function Bench(
 		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>`);
+	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_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))) as HTMLElement;
+	const t_button_2 = t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))) as HTMLElement;
+	const t_button_3 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))))) as HTMLElement;
+	const t_button_4 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))))))) as HTMLElement;
+	const t_button_5 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))))))))) as HTMLElement;
+	const t_button_6 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))))))))))) as HTMLElement;
+	const t_for_parent_1 = t_next(t_child(t_next(t_next(t_next(t_child(t_div_1)))))) as HTMLElement;
+	const t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) 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> `);
+			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_next(t_next(t_child(t_tr_1)))))) as HTMLElement;
+			const t_text_2 = t_child(t_a_1);
+			const t_a_2 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_child(t_tr_1)))))))) as HTMLElement;
+			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);
 }