@nil-/xit 0.4.11 → 0.4.13

package/test/Frame.svelte

@@ -1,63 +1,88 @@
-<script lang="ts">import { xit } from "..";
-import { get } from "svelte/store";
-let {
-  decoder,
-  selected = -1,
-  load
-} = $props();
-let { signals, values, load_frame_data, load_frame_ui } = xit();
-const frame_info = async (tag, decoder2) => {
-  const { values: values2, unsub } = await load_frame_data("frame_info", tag);
-  const load2 = async (key) => {
-    const v = values2.json(key, [], {
-      decode: decoder2,
-      encode: () => {
-        return new Uint8Array();
-      }
+<script lang="ts">
+    import { xit, type CoDec, type Action  } from "..";
+    import { get } from "svelte/store";
+
+    import type { Snippet } from "svelte";
+
+    type ActionItem = { name: string; action: Action<HTMLElement> };
+
+    let {
+        decoder,
+        selected = -1,
+        load
+    }: {
+        decoder: CoDec<any>["decode"];
+        selected?: number;
+        load: Snippet<
+            [
+                {
+                    tags: string[];
+                    inputs: ActionItem[];
+                    outputs: ActionItem[];
+                }
+            ]
+        >;
+    } = $props();
+
+    let { signals, values, load_frame_data, load_frame_ui } = xit();
+
+    const frame_info = async (tag: string, decoder: CoDec<any>["decode"]) => {
+        const { values, unsub } = await load_frame_data("frame_info", tag);
+        const load = async (key: string) => {
+            const v = values.json(key, [] as string[], {
+                decode: decoder,
+                encode: () => {
+                    return new Uint8Array();
+                }
+            });
+            return Promise.all(
+                get(v)
+                    .map((v) => {
+                        const [frame_id, mark, g] = v.split(":");
+                        if (g !== "V") {
+                            return;
+                        }
+                        if (mark === "T") {
+                            return load_frame_ui(frame_id, tag).then((f) => {
+                                return { name: frame_id, action: f };
+                            });
+                        } else if (mark === "U") {
+                            return load_frame_ui(frame_id).then((f) => {
+                                return { name: frame_id, action: f };
+                            });
+                        }
+                    })
+                    .filter((v) => v != null)
+            );
+        };
+        const [inputs, outputs] = await Promise.all([load("inputs"), load("outputs")]);
+        unsub();
+        return { inputs, outputs };
+    };
+
+    const tags = values.json("tags", [] as string[], {
+        decode: decoder,
+        encode: () => new Uint8Array()
     });
-    return Promise.all(
-      get(v).map((v2) => {
-        const [frame_id, mark, g] = v2.split(":");
-        if (g !== "V") {
-          return;
-        }
-        if (mark === "T") {
-          return load_frame_ui(frame_id, tag).then((f) => {
-            return { name: frame_id, action: f };
-          });
-        } else if (mark === "U") {
-          return load_frame_ui(frame_id).then((f) => {
-            return { name: frame_id, action: f };
-          });
+    const finalize = signals.string("finalize");
+
+    let a_inputs = $state([] as { name: string; action: Action<HTMLElement> }[]);
+    let a_outputs = $state([] as { name: string; action: Action<HTMLElement> }[]);
+    let title = $derived(selected > $tags.length ? "" : $tags[selected]);
+    const update = async (v: number) => {
+        a_inputs = [];
+        a_outputs = [];
+        const t = $tags;
+        if (0 <= v && v < t.length) {
+            const { inputs, outputs } = await frame_info(t[v], decoder);
+            a_inputs = inputs;
+            a_outputs = outputs;
         }
-      }).filter((v2) => v2 != null)
-    );
-  };
-  const [inputs, outputs] = await Promise.all([load2("inputs"), load2("outputs")]);
-  unsub();
-  return { inputs, outputs };
-};
-const tags = values.json("tags", [], {
-  decode: decoder,
-  encode: () => new Uint8Array()
-});
-const finalize = signals.string("finalize");
-let a_inputs = $state([]);
-let a_outputs = $state([]);
-let title = $derived(selected > $tags.length ? "" : $tags[selected]);
-const update = async (v) => {
-  a_inputs = [];
-  a_outputs = [];
-  const t = $tags;
-  if (0 <= v && v < t.length) {
-    const { inputs, outputs } = await frame_info(t[v], decoder);
-    a_inputs = inputs;
-    a_outputs = outputs;
-  }
-};
-$effect(() => {
-  update(selected);
-});
+    };
+
+    $effect(() => {
+        update(selected);
+    });
 </script>
 
 <svelte:head>

package/test/Main.svelte

@@ -1,9 +1,15 @@
-<script lang="ts">import TestFrame from "./Frame.svelte";
-import Split from "../components/layouts/Split.svelte";
-import Scrollable from "../components/layouts/Scrollable.svelte";
-import { config } from "$xit/config.js";
-let { children } = $props();
-let selected = $state(-1);
+<script lang="ts">
+    import TestFrame from "./Frame.svelte";
+    import Split from "../components/layouts/Split.svelte";
+    import Scrollable from "../components/layouts/Scrollable.svelte";
+
+    import type { Snippet } from "svelte";
+
+    import { config } from "$xit/config.js";
+
+    let { children }: { children?: Snippet<[string]> } = $props();
+
+    let selected = $state(-1);
 </script>
 
 {#snippet combo(tags: string[])}

package/components/loaders/FFF.svelte

@@ -1,45 +0,0 @@
-<script lang="ts">import ReadOnlyValueLoader from "./ReadOnly.svelte";
-import ReactiveValueLoader from "./Reactive.svelte";
-import { json_string } from "../..";
-const CurrentComponent = ReadOnlyValueLoader;
-</script>
-
-<CurrentComponent
-    frames={[
-        {
-            id: "id1",
-            items: [
-                {
-                    type: "boolean",
-                    default: true,
-                    key: "hhello"
-                },
-                {
-                    type: "boolean",
-                    default: false,
-                    key: "hhello1"
-                }
-            ]
-        },
-        {
-            id: "id1",
-            items: [
-                {
-                    type: "json",
-                    default: 123,
-                    key: "hhello",
-                    codec: json_string
-                },
-                {
-                    type: "number",
-                    default: 1,
-                    key: "hhello1"
-                }
-            ]
-        }
-    ]}
->
-    {#snippet loaded_data(data)}
-        asd
-    {/snippet}
-</CurrentComponent>

package/components/loaders/FFF.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Fff: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Fff = InstanceType<typeof Fff>;
-export default Fff;