@ai-ecoverse/slicc-spectrum 1.23.3 → 1.24.0

package/dist/types/app/sprinkle.d.ts

@@ -3,13 +3,18 @@ import type { SliccModel } from '../model/types.js';
 import { type Color, ThemedElement } from './base.js';
 import { type FontFile } from './fonts.js';
 export declare const bridge = "(() => {\n  const post = (message) => parent.postMessage(message, '*');\n  window.slicc = {\n    name: document.currentScript.dataset.name,\n    lick(event) {\n      const value = typeof event === 'string' ? { action: event } : event || {};\n      post({ type: 'slicc-lick', action: String(value.action || ''), data: value.data ?? null, target: value.target ?? null });\n    },\n  };\n  const wanted = new Set();\n  let timer = 0;\n  window.LucideIcons = {\n    render() {\n      for (const node of document.querySelectorAll('i[data-lucide]')) wanted.add(node.dataset.lucide);\n      clearTimeout(timer);\n      timer = setTimeout(() => post({ type: 'slicc-icons', names: [...wanted] }));\n    },\n  };\n  const swap = (found) => {\n    for (const node of document.querySelectorAll('i[data-lucide]')) {\n      const markup = found[node.dataset.lucide];\n      if (!markup) continue;\n      const template = document.createElement('template');\n      template.innerHTML = markup;\n      const svg = template.content.firstElementChild;\n      for (const { name, value } of node.attributes) {\n        if (name === 'class') svg.setAttribute('class', svg.getAttribute('class') + ' ' + value);\n        else if (name !== 'data-lucide') svg.setAttribute(name, value);\n      }\n      node.replaceWith(svg);\n    }\n  };\n  const fonts = (list) => {\n    for (const font of list) {\n      const face = new FontFace(font.family, font.data, { weight: String(font.weight) });\n      document.fonts.add(face);\n      face.load().catch(() => {});\n    }\n  };\n  addEventListener('message', (event) => {\n    if (event.source !== parent) return;\n    const message = event.data || {};\n    if (message.type === 'slicc-icons') swap(message.icons);\n    if (message.type === 'slicc-fonts') fonts(message.fonts);\n    if (message.type === 'slicc-theme') document.documentElement.classList.toggle('theme-light', message.color === 'light');\n  });\n  const size = () => {\n    const style = getComputedStyle(document.body);\n    post({ type: 'slicc-size', height: Math.ceil(document.body.offsetHeight + parseFloat(style.marginTop) + parseFloat(style.marginBottom)) });\n  };\n  document.addEventListener('DOMContentLoaded', () => {\n    window.LucideIcons.render();\n    new ResizeObserver(size).observe(document.body);\n  });\n  post({ type: 'slicc-ready' });\n})();";
-export declare function frameDocument(source: string, color: Color, name: string): string;
+export declare function literal(value: unknown): string;
+export declare function store(state: unknown): string;
+export declare function frameDocument(source: string, color: Color, name: string, state?: {
+    value: unknown;
+}): string;
 export declare function fontData(url: string): Promise<ArrayBuffer | null>;
 export declare function frameFonts(files: readonly FontFile[], base: string): Promise<Array<{
     family: string;
     weight: number | string;
     data: ArrayBuffer;
 }>>;
+export declare const sprinkleMethods: ReadonlySet<string>;
 export declare class SliccSprinkle extends ThemedElement {
     #private;
     static properties: {
@@ -30,6 +35,7 @@ export declare class SliccSprinkle extends ThemedElement {
     height: number;
     constructor();
     static styles: import("lit").CSSResult;
+    protected willUpdate(changed: PropertyValues): void;
     focus(): void;
     protected subscribe(model: SliccModel): Array<() => void>;
     protected updated(changed: PropertyValues): void;

package/dist/types/dummy/sprinkles.d.ts

@@ -1,9 +1,11 @@
 import { Emitter } from '../model/emitter.js';
-import type { Sprinkle, SprinkleEvents, SprinklePort } from '../model/types.js';
+import type { FilePort, Sprinkle, SprinkleEvents, SprinkleMethod, SprinklePort } from '../model/types.js';
 import type { DummyAgent } from './agent.js';
+export declare function homePath(path: unknown): string;
 export declare class DummySprinkles extends Emitter<SprinkleEvents> implements SprinklePort {
     #private;
-    constructor(sprinkles: readonly Sprinkle[], agent: DummyAgent);
+    constructor(sprinkles: readonly Sprinkle[], agent: DummyAgent, files: FilePort);
     list(): readonly Sprinkle[];
     send(id: string, payload: unknown): void;
+    call(id: string, method: SprinkleMethod, args: readonly unknown[]): Promise<unknown>;
 }

package/dist/types/model/types.d.ts

@@ -442,9 +442,11 @@ export interface Sprinkle {
 export interface SprinkleEvents {
     sprinkles: readonly Sprinkle[];
 }
+export type SprinkleMethod = 'readFile' | 'exists' | 'getState' | 'setState';
 export interface SprinklePort extends Subscribable<SprinkleEvents> {
     list(): readonly Sprinkle[];
     send(id: string, payload: unknown): void;
+    call?(id: string, method: SprinkleMethod, args: readonly unknown[]): Promise<unknown>;
 }
 export type TrayConnection = 'offline' | 'connecting' | 'live' | 'stalled' | 'reconnecting' | 'error';
 export type FloatKind = 'npx' | 'sliccstart' | 'extension' | 'standalone' | 'cherry' | 'electron' | 'hosted';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-ecoverse/slicc-spectrum",
-  "version": "1.23.3",
+  "version": "1.24.0",
   "description": "Web components for SLICC on Spectrum Web Components: the terminal, the app shell and its surfaces",
   "type": "module",
   "license": "Apache-2.0",