lastriko 0.1.0

package/dist/client/ws.js

@@ -0,0 +1,111 @@
+import { applyFragmentSwap, applyRender, applyStreamChunk } from './swap';
+import { bindEventDelegation, bindThemeToggle } from './events';
+const DEFAULT_URL_PATH = '/ws';
+function getDefaultWsUrl() {
+    const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+    return `${protocol}//${window.location.host}${DEFAULT_URL_PATH}`;
+}
+function sendMessage(ws, message) {
+    ws.send(JSON.stringify(message));
+}
+export function createWSManager(opts = {}) {
+    const wsFactory = opts.wsFactory ?? ((url) => new WebSocket(url));
+    const maxRetries = opts.maxRetries ?? Number.POSITIVE_INFINITY;
+    const initialDelayMs = opts.initialDelayMs ?? 200;
+    let ws = null;
+    let attempts = 0;
+    let shouldReconnect = true;
+    let reconnectTimer = null;
+    const connect = () => {
+        if (ws)
+            return;
+        const url = opts.url ?? getDefaultWsUrl();
+        ws = wsFactory(url);
+        ws.onopen = () => {
+            attempts = 0;
+            sendMessage(ws, {
+                type: 'READY',
+                payload: {
+                    viewport: {
+                        width: window.innerWidth,
+                        height: window.innerHeight,
+                    },
+                    theme: (() => {
+                        const stored = window.localStorage.getItem('lk-theme');
+                        return stored === 'light' || stored === 'dark' ? stored : null;
+                    })(),
+                },
+            });
+            bindEventDelegation(document, {
+                send: (message) => sendMessage(ws, message),
+            });
+            bindThemeToggle(document, {
+                send: (message) => sendMessage(ws, message),
+            });
+        };
+        ws.onmessage = (event) => {
+            let parsed;
+            try {
+                parsed = JSON.parse(String(event.data));
+            }
+            catch {
+                return;
+            }
+            switch (parsed.type) {
+                case 'RENDER':
+                    applyRender(parsed.payload);
+                    break;
+                case 'FRAGMENT':
+                    applyFragmentSwap(parsed.payload.id, parsed.payload.html);
+                    break;
+                case 'THEME':
+                    document.documentElement.setAttribute('data-theme', parsed.payload.mode);
+                    window.localStorage.setItem('lk-theme', parsed.payload.mode);
+                    break;
+                case 'TOAST':
+                    if (parsed.payload.message.startsWith('__connection_id__:')) {
+                        const connectionId = parsed.payload.message.slice('__connection_id__:'.length);
+                        window.localStorage.setItem('lk-connection-id', connectionId);
+                        break;
+                    }
+                    // Minimal toast transport: visual UI not implemented yet.
+                    break;
+                case 'STREAM_CHUNK':
+                    applyStreamChunk(parsed.payload.id, parsed.payload.chunk, parsed.payload.done, parsed.payload.format);
+                    break;
+                case 'STREAM_ERROR':
+                    console.error(parsed.payload.error);
+                    break;
+                case 'ERROR':
+                    console.error(parsed.payload.message);
+                    break;
+                default:
+                    break;
+            }
+        };
+        ws.onclose = () => {
+            ws = null;
+            if (!shouldReconnect)
+                return;
+            if (attempts >= maxRetries)
+                return;
+            attempts += 1;
+            const delay = Math.min(initialDelayMs * 2 ** (attempts - 1), 5000);
+            reconnectTimer = setTimeout(() => connect(), delay);
+        };
+    };
+    const disconnect = () => {
+        shouldReconnect = false;
+        if (reconnectTimer) {
+            clearTimeout(reconnectTimer);
+            reconnectTimer = null;
+        }
+        ws?.close();
+        ws = null;
+    };
+    return {
+        connect,
+        disconnect,
+    };
+}
+//# sourceMappingURL=ws.js.map

package/dist/client/ws.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ws.js","sourceRoot":"","sources":["../../src/client/ws.ts"],"names":[],"mappings":"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"}

package/dist/components/context.d.ts

@@ -0,0 +1,51 @@
+import type { AlertOpts, ButtonCallbackHandle, ButtonHandle, ButtonOpts, ChatHandle, ChatUIOptions, CodeProps, ComponentHandle, ConnectionScope, FileUploadHandle, FileUploadOpts, GridOpts, ImageGridProps, ImageProps, LoadingOpts, MetricHandle, MetricOpts, NumberInputHandle, NumberInputOpts, ProgressHandle, ProgressOpts, PromptEditorHandle, PromptEditorOpts, SelectHandle, SelectOption, SelectOpts, ShellOpts, ShellRegions, SliderHandle, SliderOpts, StreamHandle, StreamTextOpts, TabDef, TabsOpts, TableHandle, TableProps, TableRow, TextHandle, TextInputHandle, TextInputOpts, ToggleHandle, ToggleOpts, ToastOpts, UIContext as IUIContext } from './types';
+export declare class UIContext implements IUIContext {
+    readonly scope: ConnectionScope;
+    constructor(scope: ConnectionScope);
+    get viewport(): {
+        width: number;
+        height: number;
+    };
+    get theme(): import("../engine/messages").ThemeMode;
+    setTheme(mode: 'light' | 'dark'): void;
+    private register;
+    private createPassiveHandle;
+    text(content: string): TextHandle;
+    button(label: string, onClick: (btn: ButtonCallbackHandle) => void | Promise<void>, opts?: ButtonOpts): ButtonHandle;
+    textInput(label: string, opts?: TextInputOpts): TextInputHandle;
+    numberInput(label: string, opts?: NumberInputOpts): NumberInputHandle;
+    slider(label: string, opts: SliderOpts): SliderHandle;
+    toggle(label: string, opts?: ToggleOpts): ToggleHandle;
+    select(label: string, options: SelectOption[], opts?: SelectOpts): SelectHandle;
+    fileUpload(label: string, opts?: FileUploadOpts): FileUploadHandle;
+    markdown(content: string): void;
+    image(src: string | null | undefined, opts?: Partial<ImageProps>): void;
+    imageGrid(sources: Array<string | {
+        src: string;
+        alt?: string;
+        caption?: string;
+    }>, opts?: Partial<ImageGridProps>): void;
+    code(content: string, opts?: Partial<CodeProps>): void;
+    json(data: unknown, opts?: {
+        label?: string;
+    }): void;
+    table(data: TableRow[], opts?: Partial<TableProps>): TableHandle;
+    private createRowHandle;
+    metric(label: string, value: string, opts?: MetricOpts): MetricHandle;
+    progress(value: number | null, opts?: ProgressOpts): ProgressHandle;
+    shell(regions: ShellRegions, opts?: ShellOpts): void;
+    grid(areas: Array<(ctx: IUIContext) => void>, opts?: GridOpts): void;
+    tabs(tabs: TabDef[], opts?: TabsOpts): ComponentHandle<Record<string, unknown>, string>;
+    card(titleOrContent: string | ((ctx: IUIContext) => void), contentOrNothing?: (ctx: IUIContext) => void): void;
+    divider(opts?: {
+        label?: string;
+    }): void;
+    spacer(size?: number | 'sm' | 'md' | 'lg'): void;
+    toast(message: string, opts?: ToastOpts): void;
+    alert(message: string, opts?: AlertOpts): void;
+    loading(messageOrOpts?: string | LoadingOpts, opts?: Omit<LoadingOpts, 'message'>): void;
+    streamText(opts?: StreamTextOpts): StreamHandle;
+    chatUI(opts?: ChatUIOptions): ChatHandle;
+    promptEditor(opts?: PromptEditorOpts): PromptEditorHandle;
+    onDisconnect(fn: () => void): void;
+}