skybridge 0.0.0-dev.cf77de8 → 0.0.0-dev.cfe6d8a

package/dist/web/bridges/mcp-app/bridge.d.ts

@@ -0,0 +1,26 @@
+import { App } from "@modelcontextprotocol/ext-apps";
+import type { Implementation } from "@modelcontextprotocol/sdk/types.js";
+import type { Bridge, Subscribe } from "../types.js";
+import type { McpAppContext, McpAppContextKey } from "./types.js";
+export declare class McpAppBridge implements Bridge<McpAppContext> {
+    private static instance;
+    context: McpAppContext;
+    private listeners;
+    private app;
+    private connectPromise;
+    constructor(options: {
+        appInfo: Implementation;
+    });
+    private connect;
+    getApp(): Promise<App>;
+    static getInstance(options?: Partial<{
+        appInfo: Implementation;
+    }>): McpAppBridge;
+    subscribe(key: McpAppContextKey): Subscribe;
+    subscribe(keys: readonly McpAppContextKey[]): Subscribe;
+    getSnapshot<K extends keyof McpAppContext>(key: K): McpAppContext[K];
+    cleanup: () => void;
+    static resetInstance(): void;
+    private emit;
+    private updateContext;
+}

package/dist/web/bridges/mcp-app/bridge.js

@@ -0,0 +1,102 @@
+import { App } from "@modelcontextprotocol/ext-apps";
+export class McpAppBridge {
+    static instance = null;
+    context = {
+        toolInput: null,
+        toolCancelled: null,
+        toolResult: null,
+    };
+    listeners = new Map();
+    app;
+    connectPromise;
+    constructor(options) {
+        this.app = new App(options.appInfo);
+        this.app.ontoolinput = (params) => {
+            this.updateContext({ toolInput: params.arguments ?? {} });
+        };
+        this.app.ontoolinputpartial = (params) => {
+            this.updateContext({ toolInput: params.arguments ?? {} });
+        };
+        this.app.ontoolresult = (params) => {
+            this.updateContext({ toolResult: params });
+        };
+        this.app.ontoolcancelled = (params) => {
+            this.updateContext({ toolCancelled: params });
+        };
+        this.app.onhostcontextchanged = (params) => {
+            this.updateContext(params);
+        };
+        this.connectPromise = this.connect();
+    }
+    async connect() {
+        try {
+            await this.app.connect();
+            const hostContext = this.app.getHostContext();
+            if (hostContext) {
+                this.updateContext(hostContext);
+            }
+        }
+        catch (err) {
+            console.error(err);
+        }
+    }
+    async getApp() {
+        await this.connectPromise;
+        return this.app;
+    }
+    static getInstance(options) {
+        if (window.skybridge.hostType !== "mcp-app") {
+            throw new Error("MCP App Bridge can only be used in the mcp-app runtime");
+        }
+        if (McpAppBridge.instance && options) {
+            console.warn("McpAppBridge.getInstance: options ignored, instance already exists");
+        }
+        if (!McpAppBridge.instance) {
+            const defaultOptions = {
+                appInfo: { name: "skybridge-app", version: "0.0.1" },
+            };
+            McpAppBridge.instance = new McpAppBridge({
+                ...defaultOptions,
+                ...options,
+            });
+        }
+        return McpAppBridge.instance;
+    }
+    subscribe(keyOrKeys) {
+        const keys = Array.isArray(keyOrKeys) ? keyOrKeys : [keyOrKeys];
+        return (onChange) => {
+            for (const key of keys) {
+                this.listeners.set(key, new Set([...(this.listeners.get(key) || []), onChange]));
+            }
+            return () => {
+                for (const key of keys) {
+                    this.listeners.get(key)?.delete(onChange);
+                }
+            };
+        };
+    }
+    getSnapshot(key) {
+        return this.context[key];
+    }
+    cleanup = () => {
+        this.listeners.clear();
+    };
+    static resetInstance() {
+        if (McpAppBridge.instance) {
+            McpAppBridge.instance.cleanup();
+            McpAppBridge.instance = null;
+        }
+    }
+    emit(key) {
+        this.listeners.get(key)?.forEach((listener) => {
+            listener();
+        });
+    }
+    updateContext(context) {
+        this.context = { ...this.context, ...context };
+        for (const key of Object.keys(context)) {
+            this.emit(key);
+        }
+    }
+}
+//# sourceMappingURL=bridge.js.map

package/dist/web/bridges/mcp-app/bridge.js.map

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

package/dist/web/bridges/mcp-app/index.d.ts

@@ -0,0 +1,4 @@
+export { McpAppAdaptor } from "./adaptor.js";
+export { McpAppBridge } from "./bridge.js";
+export type { McpAppContext, McpAppContextKey, McpToolState, } from "./types.js";
+export { useMcpAppContext } from "./use-mcp-app-context.js";

package/dist/web/bridges/mcp-app/index.js

@@ -0,0 +1,4 @@
+export { McpAppAdaptor } from "./adaptor.js";
+export { McpAppBridge } from "./bridge.js";
+export { useMcpAppContext } from "./use-mcp-app-context.js";
+//# sourceMappingURL=index.js.map

package/dist/web/bridges/mcp-app/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAM3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/web/bridges/mcp-app/types.d.ts

@@ -0,0 +1,8 @@
+import type { McpUiHostContext, McpUiToolCancelledNotification, McpUiToolInputNotification, McpUiToolResultNotification } from "@modelcontextprotocol/ext-apps";
+export type McpToolState = {
+    toolInput: NonNullable<McpUiToolInputNotification["params"]["arguments"]> | null;
+    toolResult: McpUiToolResultNotification["params"] | null;
+    toolCancelled: McpUiToolCancelledNotification["params"] | null;
+};
+export type McpAppContext = McpUiHostContext & McpToolState;
+export type McpAppContextKey = keyof McpAppContext;

package/dist/web/bridges/mcp-app/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/web/bridges/mcp-app/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/types.ts"],"names":[],"mappings":""}

package/dist/web/bridges/mcp-app/use-mcp-app-context.d.ts

@@ -0,0 +1,7 @@
+import type { Implementation } from "@modelcontextprotocol/sdk/types.js";
+import type { McpAppContext } from "./types.js";
+type McpAppInitializationOptions = {
+    appInfo: Implementation;
+};
+export declare function useMcpAppContext<K extends keyof McpAppContext>(key: K, options?: Partial<McpAppInitializationOptions>): McpAppContext[K];
+export {};

package/dist/web/bridges/mcp-app/use-mcp-app-context.js

@@ -0,0 +1,7 @@
+import { useSyncExternalStore } from "react";
+import { McpAppBridge } from "./bridge.js";
+export function useMcpAppContext(key, options) {
+    const bridge = McpAppBridge.getInstance(options);
+    return useSyncExternalStore(bridge.subscribe(key), () => bridge.getSnapshot(key));
+}
+//# sourceMappingURL=use-mcp-app-context.js.map

package/dist/web/bridges/mcp-app/use-mcp-app-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mcp-app-context.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/use-mcp-app-context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAO3C,MAAM,UAAU,gBAAgB,CAC9B,GAAM,EACN,OAA8C;IAE9C,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACjD,OAAO,oBAAoB,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CACtD,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CACxB,CAAC;AACJ,CAAC"}

package/dist/web/bridges/mcp-app/use-mcp-app-context.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/web/bridges/mcp-app/use-mcp-app-context.test.js

@@ -0,0 +1,26 @@
+import { renderHook, waitFor } from "@testing-library/react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { getMcpAppHostPostMessageMock, MockResizeObserver, } from "../../hooks/test/utils.js";
+import { McpAppBridge } from "./bridge.js";
+import { useMcpAppContext } from "./use-mcp-app-context.js";
+describe("useMcpAppContext", () => {
+    beforeEach(async () => {
+        vi.stubGlobal("skybridge", { hostType: "mcp-app" });
+        vi.stubGlobal("ResizeObserver", MockResizeObserver);
+        McpAppBridge.resetInstance();
+    });
+    afterEach(() => {
+        vi.unstubAllGlobals();
+        vi.clearAllMocks();
+    });
+    it("should return the theme value from host context and update on notification", async () => {
+        vi.stubGlobal("parent", {
+            postMessage: getMcpAppHostPostMessageMock({ theme: "light" }),
+        });
+        const { result } = renderHook(() => useMcpAppContext("theme"));
+        await waitFor(() => {
+            expect(result.current).toBe("light");
+        });
+    });
+});
+//# sourceMappingURL=use-mcp-app-context.test.js.map

package/dist/web/bridges/mcp-app/use-mcp-app-context.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mcp-app-context.test.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/use-mcp-app-context.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACzE,OAAO,EACL,4BAA4B,EAC5B,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,EAAE,CAAC,UAAU,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC;QACpD,EAAE,CAAC,UAAU,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;QACpD,YAAY,CAAC,aAAa,EAAE,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,EAAE,CAAC,gBAAgB,EAAE,CAAC;QACtB,EAAE,CAAC,aAAa,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4EAA4E,EAAE,KAAK,IAAI,EAAE;QAC1F,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE;YACtB,WAAW,EAAE,4BAA4B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;SAC9D,CAAC,CAAC;QACH,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;QAE/D,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/web/bridges/types.d.ts

@@ -1,40 +1,60 @@
 import type { CallToolResult } from "@modelcontextprotocol/sdk/types.js";
 import type { useSyncExternalStore } from "react";
+import type { WidgetHostType } from "../../server/index.js";
+export type SkybridgeProperties = {
+    hostType: WidgetHostType;
+    serverUrl: string;
+};
+declare global {
+    interface Window {
+        skybridge: SkybridgeProperties;
+    }
+}
 export type CallToolArgs = Record<string, unknown> | null;
 export type CallToolResponse = {
     content: CallToolResult["content"];
     structuredContent: NonNullable<CallToolResult["structuredContent"]>;
     isError: NonNullable<CallToolResult["isError"]>;
     result: string;
-    _meta?: CallToolResult["_meta"];
+    meta?: CallToolResult["_meta"];
 };
 export type DisplayMode = "pip" | "inline" | "fullscreen" | "modal";
+export type RequestDisplayMode = Exclude<DisplayMode, "modal">;
+export type Theme = "light" | "dark";
 export type DeviceType = "mobile" | "tablet" | "desktop" | "unknown";
-export interface BridgeInterface {
-    theme: "light" | "dark";
-    locale: string;
-    displayMode: DisplayMode;
-    safeArea: {
-        insets: {
-            top: number;
-            right: number;
-            bottom: number;
-            left: number;
-        };
+export type SafeAreaInsets = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export type SafeArea = {
+    insets: SafeAreaInsets;
+};
+export type UserAgent = {
+    device: {
+        type: DeviceType;
     };
-    maxHeight: number;
-    userAgent: {
-        device: {
-            type: DeviceType;
-        };
-        capabilities: {
-            hover: boolean;
-            touch: boolean;
-        };
+    capabilities: {
+        hover: boolean;
+        touch: boolean;
     };
+};
+export interface HostContext {
+    theme: Theme;
+    locale: string;
+    displayMode: DisplayMode;
+    safeArea: SafeArea;
+    maxHeight: number | undefined;
+    userAgent: UserAgent;
     toolInput: Record<string, unknown> | null;
     toolOutput: Record<string, unknown> | null;
     toolResponseMetadata: Record<string, unknown> | null;
+    view: {
+        mode: DisplayMode;
+        params?: Record<string, unknown>;
+    };
+    widgetState: Record<string, unknown> | null;
 }
 export type Subscribe = Parameters<typeof useSyncExternalStore>[0];
 export interface Bridge<Context> {
@@ -42,16 +62,41 @@ export interface Bridge<Context> {
     subscribe(keys: readonly (keyof Context)[]): Subscribe;
     getSnapshot<K extends keyof Context>(key: K): Context[K] | undefined;
 }
-export type ExternalStore<K extends keyof BridgeInterface> = {
+export type HostContextStore<K extends keyof HostContext> = {
     subscribe: Subscribe;
-    getSnapshot: () => BridgeInterface[K];
+    getSnapshot: () => HostContext[K];
+};
+export type WidgetState = Record<string, unknown>;
+export type SetWidgetStateAction = WidgetState | ((prevState: WidgetState | null) => WidgetState);
+export type FileMetadata = {
+    fileId: string;
+};
+export type RequestModalOptions = {
+    title?: string;
+    params?: Record<string, unknown>;
+    anchor?: {
+        top?: number;
+        left?: number;
+        width?: number;
+        height?: number;
+    };
+};
+export type OpenExternalOptions = {
+    redirectUrl?: false;
 };
 export interface Adaptor {
-    getExternalStore<K extends keyof BridgeInterface>(key: K): ExternalStore<K>;
+    getHostContextStore<K extends keyof HostContext>(key: K): HostContextStore<K>;
     callTool<ToolArgs extends CallToolArgs = null, ToolResponse extends CallToolResponse = CallToolResponse>(name: string, args: ToolArgs): Promise<ToolResponse>;
-    requestDisplayMode(mode: DisplayMode): Promise<{
-        mode: DisplayMode;
+    requestDisplayMode(mode: RequestDisplayMode): Promise<{
+        mode: RequestDisplayMode;
     }>;
     sendFollowUpMessage(prompt: string): Promise<void>;
-    openExternal(href: string): void;
+    openExternal(href: string, options?: OpenExternalOptions): void;
+    setWidgetState(stateOrUpdater: SetWidgetStateAction): Promise<void>;
+    uploadFile(file: File): Promise<FileMetadata>;
+    getFileDownloadUrl(file: FileMetadata): Promise<{
+        downloadUrl: string;
+    }>;
+    openModal(options: RequestModalOptions): void;
+    setOpenInAppUrl(href: string): Promise<void>;
 }

package/dist/web/bridges/use-host-context.d.ts

@@ -0,0 +1,2 @@
+import type { HostContext } from "./types.js";
+export declare const useHostContext: <K extends keyof HostContext>(key: K) => HostContext[K];

package/dist/web/bridges/use-host-context.js

@@ -0,0 +1,8 @@
+import { useSyncExternalStore } from "react";
+import { getAdaptor } from "./get-adaptor.js";
+export const useHostContext = (key) => {
+    const adaptor = getAdaptor();
+    const store = adaptor.getHostContextStore(key);
+    return useSyncExternalStore(store.subscribe, store.getSnapshot);
+};
+//# sourceMappingURL=use-host-context.js.map

package/dist/web/bridges/use-host-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-host-context.js","sourceRoot":"","sources":["../../../src/web/bridges/use-host-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,GAAM,EACU,EAAE;IAClB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,KAAK,GAAG,OAAO,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAE/C,OAAO,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;AAClE,CAAC,CAAC"}

package/dist/web/components/modal-provider.d.ts

@@ -0,0 +1,4 @@
+import { type ReactNode } from "react";
+export declare function ModalProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/web/components/modal-provider.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useSyncExternalStore } from "react";
+import { McpAppAdaptor } from "../bridges";
+const modalStyles = `
+.sb-modal-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 9998;
+}
+.sb-modal-container {
+  border-radius: 12px;
+  position: fixed;
+  inset: 0;
+  margin: auto;
+  width: fit-content;
+  height: fit-content;
+  background: white;
+  z-index: 9999;
+}
+`;
+export function ModalProvider({ children }) {
+    const adaptor = McpAppAdaptor.getInstance();
+    const { mode } = useSyncExternalStore(adaptor.getHostContextStore("view").subscribe, adaptor.getHostContextStore("view").getSnapshot);
+    const isOpen = mode === "modal";
+    const handleBackdropClick = (e) => {
+        if (e.target === e.currentTarget) {
+            adaptor.closeModal();
+        }
+    };
+    useEffect(() => {
+        if (!isOpen) {
+            return;
+        }
+        const handler = (e) => {
+            if (e.key === "Escape") {
+                adaptor.closeModal();
+            }
+        };
+        document.addEventListener("keydown", handler);
+        return () => document.removeEventListener("keydown", handler);
+    }, [isOpen, adaptor]);
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: modalStyles }), isOpen && (
+            // biome-ignore lint/a11y/useKeyWithClickEvents: backdrop isn't focusable
+            _jsx("div", { role: "dialog", className: "sb-modal-backdrop", onClick: handleBackdropClick })), _jsx("div", { className: isOpen ? "sb-modal-container" : undefined, children: children })] }));
+}
+//# sourceMappingURL=modal-provider.js.map

package/dist/web/components/modal-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-provider.js","sourceRoot":"","sources":["../../../src/web/components/modal-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,SAAS,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAA2B;IACjE,MAAM,OAAO,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC;IAE5C,MAAM,EAAE,IAAI,EAAE,GAAG,oBAAoB,CACnC,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,SAAS,EAC7C,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,WAAW,CAChD,CAAC;IACF,MAAM,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC;IAEhC,MAAM,mBAAmB,GAAG,CAAC,CAAmB,EAAE,EAAE;QAClD,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE,CAAC;YACjC,OAAO,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,CAAC,CAAgB,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACvB,OAAO,CAAC,UAAU,EAAE,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,8BACE,0BAAQ,WAAW,GAAS,EAC3B,MAAM,IAAI;YACT,yEAAyE;YACzE,cACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,mBAAmB,GAC5B,CACH,EACD,cAAK,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,YACtD,QAAQ,GACL,IACL,CACJ,CAAC;AACJ,CAAC"}

package/dist/web/create-store.js

@@ -1,4 +1,5 @@
 import { create } from "zustand";
+import { getAdaptor } from "./bridges/index.js";
 import { getInitialState, injectWidgetContext, serializeState, } from "./helpers/state.js";
 export function createStore(storeCreator, defaultState) {
     const initialState = getInitialState(defaultState);
@@ -10,13 +11,11 @@ export function createStore(storeCreator, defaultState) {
         return baseStore;
     });
     store.subscribe((state) => {
-        if (window.openai) {
-            const serializedState = serializeState(state);
-            if (serializedState !== null && serializedState !== undefined) {
-                const stateToPersist = injectWidgetContext(serializedState);
-                if (stateToPersist !== null) {
-                    window.openai.setWidgetState(stateToPersist);
-                }
+        const serializedState = serializeState(state);
+        if (serializedState !== null && serializedState !== undefined) {
+            const stateToPersist = injectWidgetContext(serializedState);
+            if (stateToPersist !== null) {
+                getAdaptor().setWidgetState(stateToPersist);
             }
         }
     });

package/dist/web/create-store.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-store.js","sourceRoot":"","sources":["../../src/web/create-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAqB,MAAM,SAAS,CAAC;AACpD,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,cAAc,GACf,MAAM,oBAAoB,CAAC;AAG5B,MAAM,UAAU,WAAW,CACzB,YAAgD,EAChD,YAAoC;IAEpC,MAAM,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,MAAM,EAAS,CAC3B,CAAC,GAAG,IAAoD,EAAE,EAAE;QAC1D,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC;QAExC,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YAC1B,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,YAAY,EAAE,CAAC;QAC3C,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CACF,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,CAAC,KAAY,EAAE,EAAE;QAC/B,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;YAClB,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;YAC9C,IAAI,eAAe,KAAK,IAAI,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;gBAC9D,MAAM,cAAc,GAAG,mBAAmB,CAAC,eAAwB,CAAC,CAAC;gBACrE,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;oBAC5B,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;gBAC/C,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACf,CAAC"}
+{"version":3,"file":"create-store.js","sourceRoot":"","sources":["../../src/web/create-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAqB,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,cAAc,GACf,MAAM,oBAAoB,CAAC;AAG5B,MAAM,UAAU,WAAW,CACzB,YAAgD,EAChD,YAAoC;IAEpC,MAAM,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,MAAM,EAAS,CAC3B,CAAC,GAAG,IAAoD,EAAE,EAAE;QAC1D,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC;QAExC,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YAC1B,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,YAAY,EAAE,CAAC;QAC3C,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CACF,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,CAAC,KAAY,EAAE,EAAE;QAC/B,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,eAAe,KAAK,IAAI,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;YAC9D,MAAM,cAAc,GAAG,mBAAmB,CAAC,eAAwB,CAAC,CAAC;YACrE,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;gBAC5B,UAAU,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACf,CAAC"}