@nil-/xit 0.2.4 → 0.2.5

package/assets/index.js

@@ -2230,9 +2230,7 @@ const _e = async (s) => new Promise((t, e) => {
         const r = new k(), o = new Ct(
           s.id,
           a.data.code,
-          a.data.files.map(
-            (h) => new Bt(h.target, h.metadata)
-          )
+          a.data.files.map((h) => new Bt(h.target, h.metadata))
         );
         r.finish(o.pack(r)), St(
           s.host,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nil-/xit",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "peerDependencies": {
     "svelte": "^5.7.1"
   },
@@ -11,9 +11,9 @@
       "types": "./index.d.ts",
       "default": "./index.js"
     },
-    "./test": {
-      "types": "./test.d.ts",
-      "default": "./test.js"
+    "./test/Frame.svelte": {
+      "types": "./test/Frame.svelte.d.ts",
+      "svelte": "./test/Frame.svelte"
     },
     "./components/layouts/Container.svelte": {
       "types": "./components/layouts/Container.svelte.d.ts",

package/test/Frame.svelte

@@ -0,0 +1,78 @@
+<script lang="ts">import { xit } from "../index";
+import { get } from "svelte/store";
+let {
+  decoder,
+  selected = -1,
+  load
+} = $props();
+let { signals, values, frame, frame_ui } = xit();
+const frame_info = async (tag, decoder2) => {
+  const { values: values2, unsub } = await frame("frame_info", tag);
+  const load2 = async (key) => {
+    const v = values2.json(key, [], {
+      decode: decoder2,
+      encode: () => {
+        return new Uint8Array();
+      }
+    });
+    return Promise.all(
+      get(v).map((v2) => {
+        const [frame_id, mark, g] = v2.split(":");
+        if (g !== "V") {
+          return;
+        }
+        if (mark === "T") {
+          return frame_ui(frame_id, tag);
+        } else if (mark === "U") {
+          return frame_ui(frame_id);
+        }
+      }).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(null);
+let a_outputs = $state(null);
+let title = $state("");
+const update = (v) => {
+  a_inputs = null;
+  a_outputs = null;
+  const t = $tags;
+  if (0 <= v && v < t.length) {
+    frame_info(t[v], decoder).then(({ inputs, outputs }) => {
+      a_inputs = inputs;
+      a_outputs = outputs;
+    });
+    title = t[selected];
+  } else {
+    title = "";
+  }
+};
+$effect(() => {
+  update(selected);
+});
+</script>
+
+<svelte:head>
+    <title>nil - xit {title}</title>
+</svelte:head>
+
+<svelte:window
+    onkeydown={(event) => {
+        if ((event.ctrlKey || event.metaKey) && event.key === "s") {
+            if (0 <= selected && selected < $tags.length) {
+                finalize($tags[selected]);
+                event.preventDefault();
+            }
+        }
+    }}
+/>
+
+{@render load($tags.sort(), { inputs: a_inputs, outputs: a_outputs })}

package/test/Frame.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { Snippet } from "svelte";
+import type { CoDec, Action } from "../index";
+type $$ComponentProps = {
+    decoder: CoDec<any>["decode"];
+    selected?: number;
+    load: Snippet<[
+        string[],
+        {
+            inputs: Action<HTMLElement>[] | null;
+            outputs: Action<HTMLElement>[] | null;
+        }
+    ]>;
+};
+declare const Frame: import("svelte").Component<$$ComponentProps, {}, "">;
+type Frame = ReturnType<typeof Frame>;
+export default Frame;

package/test.d.ts

@@ -1,8 +0,0 @@
-import type { CoDec } from "./index";
-export declare const xit_test: () => {
-    xit: import("./index").Context;
-    frame_info: (tag: string, decoder: CoDec<any>["decode"]) => Promise<{
-        inputs: import("./index").Action<HTMLElement>[];
-        outputs: import("./index").Action<HTMLElement>[];
-    }>;
-};

package/test.js

@@ -1,31 +0,0 @@
-import { xit } from "./index";
-import { get } from "svelte/store";
-export const xit_test = () => {
-    const x = xit();
-    return {
-        xit: x,
-        frame_info: async (tag, decoder) => {
-            const { values, unsub } = await x.frame("frame_info", tag);
-            const load = async (key) => {
-                const v = values.json(key, [], { 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 x.frame_ui(frame_id, tag);
-                    }
-                    else if (mark === "U") {
-                        return x.frame_ui(frame_id);
-                    }
-                })
-                    .filter(v => v != null));
-            };
-            const [inputs, outputs] = await Promise.all([load("inputs"), load("outputs")]);
-            unsub();
-            return { inputs, outputs };
-        }
-    };
-};