@nil-/xit 0.4.19 → 0.4.21

package/components/loaders/Helpers.d.ts

@@ -1,25 +1,13 @@
 import type { Writable } from "svelte/store";
 import type { CoDec } from "../..";
-type MapType = {
-    boolean: boolean;
-    number: number;
-    double: number;
-    string: string;
-    buffer: Uint8Array;
-    json: any;
-};
 type Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
 interface ToType {
-    output: this extends {
-        type: infer T extends keyof MapType;
-    } ? MapType[T] : never;
+    output: Uint8Array;
 }
 interface ToWritableType {
-    output: this extends {
-        type: infer T extends keyof MapType;
-    } ? Writable<MapType[T]> : never;
+    output: Writable<Uint8Array>;
 }
 interface ExtractValue {
     output: this extends {
@@ -65,21 +53,19 @@ interface ExtractFrames {
         })["output"]
     ] : Frames extends readonly [] ? [] : never : never;
 }
-type ValueDetail<T extends keyof MapType> = T extends "json" ? {
+type ValueDetail<T> = T extends Uint8Array ? {
     key: string;
-    type: T;
-    default: MapType[T];
-    codec: CoDec<any>;
+    default: Uint8Array;
+    codec: never;
 } : {
     key: string;
-    type: T;
-    default: MapType[T];
-    codec?: never;
+    default: T;
+    codec?: CoDec<T>;
 };
 export type FrameDetails = {
     readonly id: string;
     readonly tag?: string;
-    readonly values: readonly ValueDetail<keyof MapType>[];
+    readonly values: readonly ValueDetail<any>[];
 };
 export type ReactiveFrames<T> = (ExtractFrames & {
     frames: T;

package/components/loaders/Reactive.svelte

@@ -28,19 +28,7 @@
         }
         unsubs.push(frame_data.unsub);
         for (const value of frame.values) {
-            if (value.type == "boolean") {
-                data[index][value.key] = frame_data.values.boolean(value.key, value.default);
-            } else if (value.type == "double") {
-                data[index][value.key] = frame_data.values.double(value.key, value.default);
-            } else if (value.type == "number") {
-                data[index][value.key] = frame_data.values.number(value.key, value.default);
-            } else if (value.type == "string") {
-                data[index][value.key] = frame_data.values.string(value.key, value.default);
-            } else if (value.type == "buffer") {
-                data[index][value.key] = frame_data.values.buffer(value.key, value.default);
-            } else if (value.type == "json") {
-                data[index][value.key] = frame_data.values.json(value.key, value.default, value.codec);
-            }
+            data[index][value.key] = frame_data.values(value.key, value.default, value.codec);
         }
     };
 

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

@@ -0,0 +1,29 @@
+import type { FrameDetails, ReactiveFrames } from "./Helpers";
+import type { Snippet } from "svelte";
+declare function $$render<const T extends readonly FrameDetails[]>(): {
+    props: {
+        frames: T;
+        loaded_data: Snippet<[ReactiveFrames<T>]>;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<const T extends readonly FrameDetails[]> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <const T extends readonly FrameDetails[]>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <const T extends readonly FrameDetails[]>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Reactive: $$IsomorphicComponent;
+type Reactive<const T extends readonly FrameDetails[]> = InstanceType<typeof Reactive<T>>;
+export default Reactive;

package/components/loaders/ReadOnly.svelte

@@ -29,43 +29,10 @@
         unsubs.push(frame_data.unsub);
         for (const value of frame.values) {
             const { key } = value;
-            if (value.type == "boolean") {
-                unsubs.push(
-                    frame_data.values
-                        .boolean(value.key, value.default)
-                        .subscribe((v) => (data[index][key] = v))
-                );
-            } else if (value.type == "double") {
-                unsubs.push(
-                    frame_data.values
-                        .double(value.key, value.default)
-                        .subscribe((v) => (data[index][key] = v))
-                );
-            } else if (value.type == "number") {
-                unsubs.push(
-                    frame_data.values
-                        .number(value.key, value.default)
-                        .subscribe((v) => (data[index][key] = v))
-                );
-            } else if (value.type == "string") {
-                unsubs.push(
-                    frame_data.values
-                        .string(value.key, value.default)
-                        .subscribe((v) => (data[index][key] = v))
-                );
-            } else if (value.type == "buffer") {
-                unsubs.push(
-                    frame_data.values
-                        .buffer(value.key, value.default)
-                        .subscribe((v) => (data[index] = v))
-                );
-            } else if (value.type == "json") {
-                unsubs.push(
-                    frame_data.values
-                        .json(value.key, value.default, value.codec)
-                        .subscribe((v) => (data[index][key] = v))
-                );
-            }
+            unsubs.push(
+                frame_data.values(value.key, value.default, value.codec)
+                    .subscribe((v) => (data[index][key] = v))
+            );
         }
     };
 

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

@@ -0,0 +1,29 @@
+import type { FrameDetails, ReadOnlyFrames } from "./Helpers";
+import type { Snippet } from "svelte";
+declare function $$render<const T extends readonly FrameDetails[]>(): {
+    props: {
+        frames: T;
+        loaded_data: Snippet<[ReadOnlyFrames<T>]>;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<const T extends readonly FrameDetails[]> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <const T extends readonly FrameDetails[]>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <const T extends readonly FrameDetails[]>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const ReadOnly: $$IsomorphicComponent;
+type ReadOnly<const T extends readonly FrameDetails[]> = InstanceType<typeof ReadOnly<T>>;
+export default ReadOnly;

package/index.d.ts

@@ -11,21 +11,12 @@ export type CoDec<T> = {
     decode: (a: Uint8Array) => T;
 };
 export type Values = {
-    boolean: (t: string, v: boolean) => Writable<boolean>;
-    double: (t: string, v: number) => Writable<number>;
-    number: (t: string, v: number) => Writable<number>;
-    string: (t: string, v: string) => Writable<string>;
-    buffer: (t: string, v: Uint8Array) => Writable<Uint8Array>;
-    json: <T, C extends CoDec<T>>(t: string, v: T, codec: C) => Writable<T>;
+    (id: string, data: Uint8Array): Writable<Uint8Array>;
+    <T, C extends CoDec<T>>(id: string, data: T, codec: C): Writable<T>;
 };
 export type Signals = {
-    none: (t: string) => () => void;
-    boolean: (t: string) => (v: boolean) => void;
-    double: (t: string) => (v: number) => void;
-    number: (t: string) => (v: number) => void;
-    string: (t: string) => (v: string) => void;
-    buffer: (t: string) => (v: Uint8Array) => void;
-    json: <T, E extends CoDec<T>["encode"]>(t: string, encoder: E) => (v: T) => void;
+    (id: string): (v?: Uint8Array) => void;
+    <E>(t: string, encoder: (v: E) => Uint8Array): (v: E) => void;
 };
 export type Frame = {
     values: Values;
@@ -43,8 +34,24 @@ export type Context = {
     load_frame_ui: (f: string, tag?: string) => Promise<Action<HTMLElement>>;
     load_frame_data: (f: string, tag?: string) => Promise<Frame>;
 };
-export declare const json_string: {
-    encode: (o: any) => Uint8Array<ArrayBufferLike>;
-    decode: (o: Uint8Array<ArrayBufferLike>) => any;
+export declare const codec_json_from_string: {
+    encode: (o: any) => Uint8Array<ArrayBuffer>;
+    decode: (o: Uint8Array) => any;
+};
+export declare const codec_bool: {
+    encode: (o: boolean) => Uint8Array<ArrayBuffer>;
+    decode: (o: Uint8Array) => boolean;
+};
+export declare const codec_number: {
+    encode: (o: number) => Uint8Array<ArrayBuffer>;
+    decode: (o: Uint8Array) => number;
+};
+export declare const codec_double: {
+    encode: (o: number) => Uint8Array<ArrayBuffer>;
+    decode: (o: Uint8Array) => number;
+};
+export declare const codec_string: {
+    encode: (o: string) => Uint8Array<ArrayBuffer>;
+    decode: (o: Uint8Array) => string;
 };
 export declare const xit: () => Context;

package/index.js

@@ -1,8 +1,38 @@
 import { getContext } from "svelte";
-export const json_string = {
+export const codec_json_from_string = {
     encode: (o) => new TextEncoder().encode(JSON.stringify(o)),
     decode: (o) => JSON.parse(new TextDecoder().decode(o))
 };
+export const codec_bool = {
+    encode: (o) => new Uint8Array([o ? 1 : 0]),
+    decode: (o) => o[0] === 1
+};
+export const codec_number = {
+    encode: (o) => {
+        const buf = new ArrayBuffer(8);
+        // Use BigInt for int64, little-endian
+        new DataView(buf).setBigInt64(0, BigInt(o), true);
+        return new Uint8Array(buf);
+    },
+    decode: (o) => {
+        if (o.byteLength !== 8)
+            throw new Error("Invalid buffer size for int64");
+        // Truncate to Number (may lose precision for large values)
+        return Number(new DataView(o.buffer, o.byteOffset, o.byteLength).getBigInt64(0, true));
+    }
+};
+export const codec_double = {
+    encode: (o) => {
+        const buf = new ArrayBuffer(8);
+        new DataView(buf).setFloat64(0, o);
+        return new Uint8Array(buf);
+    },
+    decode: (o) => new DataView(o.buffer, o.byteOffset, o.byteLength).getFloat64(0)
+};
+export const codec_string = {
+    encode: (o) => new TextEncoder().encode(o),
+    decode: (o) => new TextDecoder().decode(o)
+};
 export const xit = () => {
     return getContext("nil.xit");
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nil-/xit",
-  "version": "0.4.19",
+  "version": "0.4.21",
   "peerDependencies": {
     "svelte": "^5.7.1"
   },

package/test/Frame.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { xit, type Action } from "..";
+    import { codec_string, xit, type Action } from "..";
     import { derived, get } from "svelte/store";
 
     import type { Snippet } from "svelte";
@@ -31,7 +31,7 @@
     const frame_info = async (tag: string) => {
         const { values, unsub } = await load_frame_data("frame_info", tag);
         const load = async (key: string) => {
-            const v = values.string(key, "");
+            const v = values(key, "", codec_string);
             return Promise.all(
                 get(v)
                     .split(",")
@@ -66,15 +66,14 @@
         return { inputs, outputs, expects };
     };
 
-    const tags_str = values.string("tags", "");
-    tags_str.subscribe(console.log);
+    const tags_str = values("tags", "", codec_string);
     const tags = derived(tags_str, v => v.split(','));
 
     if ($tags.length > 0) {
         selected = 0;
     }
 
-    const finalize = signals.string("finalize");
+    const finalize = signals("finalize", codec_string.encode);
 
     let a_inputs = $state([] as ActionItem[]);
     let a_outputs = $state([] as ActionItem[]);

package/test/Save.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import { xit } from "..";
     const { signals } = xit();
-    const finalize = signals.none("finalize");
+    const finalize = signals("finalize");
 </script>
 
 <svelte:window