mcp-app-studio 0.5.1 → 0.6.0

package/dist/chunk-EPZCYA26.js

@@ -1,162 +0,0 @@
-import {
-  CHATGPT_CAPABILITIES
-} from "./chunk-4LAH4JH6.js";
-
-// src/platforms/chatgpt/bridge.ts
-function hostContextChanged(prev, next) {
-  if (!prev) return true;
-  const keys = /* @__PURE__ */ new Set([...Object.keys(prev), ...Object.keys(next)]);
-  for (const key of keys) {
-    if (prev[key] !== next[key]) return true;
-  }
-  return false;
-}
-var ChatGPTBridge = class {
-  platform = "chatgpt";
-  capabilities = CHATGPT_CAPABILITIES;
-  toolInputCallbacks = /* @__PURE__ */ new Set();
-  toolResultCallbacks = /* @__PURE__ */ new Set();
-  contextCallbacks = /* @__PURE__ */ new Set();
-  lastContext = null;
-  connected = false;
-  get openai() {
-    if (!window.openai) {
-      throw new Error("ChatGPT bridge not available");
-    }
-    return window.openai;
-  }
-  async connect() {
-    if (!window.openai) {
-      throw new Error(
-        "ChatGPT bridge not available. Is this running inside ChatGPT?"
-      );
-    }
-    window.addEventListener("openai:set_globals", this.handleGlobalsChange);
-    this.lastContext = this.buildHostContext();
-    if (this.openai.toolInput) {
-      this.toolInputCallbacks.forEach((cb) => cb(this.openai.toolInput));
-    }
-    if (this.openai.toolOutput) {
-      this.toolResultCallbacks.forEach(
-        (cb) => cb({
-          structuredContent: this.openai.toolOutput
-        })
-      );
-    }
-    this.connected = true;
-  }
-  disconnect() {
-    if (!this.connected) return;
-    window.removeEventListener("openai:set_globals", this.handleGlobalsChange);
-    this.connected = false;
-    this.toolInputCallbacks.clear();
-    this.toolResultCallbacks.clear();
-    this.contextCallbacks.clear();
-  }
-  buildHostContext() {
-    const g = this.openai;
-    return {
-      theme: g.theme,
-      locale: g.locale,
-      displayMode: g.displayMode,
-      availableDisplayModes: ["pip", "inline", "fullscreen"],
-      containerDimensions: { maxHeight: g.maxHeight },
-      platform: this.mapDeviceType(g.userAgent?.device?.type),
-      deviceCapabilities: g.userAgent?.capabilities,
-      safeAreaInsets: g.safeArea?.insets,
-      userAgent: "ChatGPT"
-    };
-  }
-  mapDeviceType(type) {
-    if (type === "mobile" || type === "tablet") return "mobile";
-    return "web";
-  }
-  handleGlobalsChange = () => {
-    const newContext = this.buildHostContext();
-    if (hostContextChanged(this.lastContext, newContext)) {
-      this.lastContext = newContext;
-      this.contextCallbacks.forEach((cb) => cb(newContext));
-    }
-    if (this.openai.toolInput) {
-      this.toolInputCallbacks.forEach((cb) => cb(this.openai.toolInput));
-    }
-    if (this.openai.toolOutput) {
-      const result = {
-        structuredContent: this.openai.toolOutput
-      };
-      if (this.openai.toolResponseMetadata) {
-        result._meta = this.openai.toolResponseMetadata;
-      }
-      this.toolResultCallbacks.forEach((cb) => cb(result));
-    }
-  };
-  getHostContext() {
-    return this.lastContext;
-  }
-  onToolInput(callback) {
-    this.toolInputCallbacks.add(callback);
-    if (this.connected && this.openai.toolInput) {
-      callback(this.openai.toolInput);
-    }
-    return () => this.toolInputCallbacks.delete(callback);
-  }
-  onToolResult(callback) {
-    this.toolResultCallbacks.add(callback);
-    if (this.connected && this.openai.toolOutput) {
-      const result = {
-        structuredContent: this.openai.toolOutput
-      };
-      if (this.openai.toolResponseMetadata) {
-        result._meta = this.openai.toolResponseMetadata;
-      }
-      callback(result);
-    }
-    return () => this.toolResultCallbacks.delete(callback);
-  }
-  onHostContextChanged(callback) {
-    this.contextCallbacks.add(callback);
-    return () => this.contextCallbacks.delete(callback);
-  }
-  async callTool(name, args) {
-    const result = await this.openai.callTool(name, args);
-    return { structuredContent: result };
-  }
-  async openLink(url) {
-    this.openai.openExternal({ href: url });
-  }
-  async requestDisplayMode(mode) {
-    const result = await this.openai.requestDisplayMode({ mode });
-    return result.mode;
-  }
-  sendSizeChanged(size) {
-    if (size.height != null) {
-      this.openai.notifyIntrinsicHeight(size.height);
-    }
-  }
-  async sendMessage(message) {
-    const text = message.content.filter((c) => c.type === "text").map((c) => c.text).join("\n");
-    await this.openai.sendFollowUpMessage({ prompt: text });
-  }
-  setWidgetState(state) {
-    this.openai.setWidgetState(state);
-  }
-  getWidgetState() {
-    return this.openai.widgetState;
-  }
-  async uploadFile(file) {
-    return this.openai.uploadFile(file);
-  }
-  async getFileDownloadUrl(fileId) {
-    return this.openai.getFileDownloadUrl({ fileId });
-  }
-  requestClose() {
-    this.openai.requestClose();
-  }
-  async requestModal(options) {
-    await this.openai.requestModal(options);
-  }
-};
-
-export {
-  ChatGPTBridge
-};

package/dist/platforms/chatgpt/index.d.ts

@@ -1,159 +0,0 @@
-import { ExtendedBridge, HostCapabilities, HostContext, ToolInputCallback, ToolResultCallback, HostContextChangedCallback, ToolResult, DisplayMode, ChatMessage } from '../../core/index.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-interface ChatGPTGlobals {
-    theme: "light" | "dark";
-    locale: string;
-    displayMode: "pip" | "inline" | "fullscreen";
-    previousDisplayMode: "pip" | "inline" | "fullscreen" | null;
-    maxHeight: number;
-    toolInput: Record<string, unknown>;
-    toolOutput: Record<string, unknown> | null;
-    toolResponseMetadata: Record<string, unknown> | null;
-    widgetState: Record<string, unknown> | null;
-    userAgent: {
-        device: {
-            type: "mobile" | "tablet" | "desktop" | "resizable";
-        };
-        capabilities: {
-            hover: boolean;
-            touch: boolean;
-        };
-    };
-    safeArea: {
-        insets: {
-            top: number;
-            bottom: number;
-            left: number;
-            right: number;
-        };
-    };
-    view: {
-        mode: "modal" | "inline";
-        params: Record<string, unknown> | null;
-    } | null;
-    userLocation: {
-        city?: string;
-        region?: string;
-        country?: string;
-        timezone?: string;
-        longitude?: number;
-        latitude?: number;
-    } | null;
-}
-declare global {
-    interface Window {
-        openai?: ChatGPTGlobals & {
-            callTool(name: string, args: Record<string, unknown>): Promise<unknown>;
-            setWidgetState(state: Record<string, unknown> | null): void;
-            requestDisplayMode(args: {
-                mode: string;
-            }): Promise<{
-                mode: string;
-            }>;
-            notifyIntrinsicHeight(height: number): void;
-            requestClose(): void;
-            sendFollowUpMessage(args: {
-                prompt: string;
-            }): Promise<void>;
-            openExternal(payload: {
-                href: string;
-            }): void;
-            uploadFile(file: File): Promise<{
-                fileId: string;
-            }>;
-            getFileDownloadUrl(args: {
-                fileId: string;
-            }): Promise<{
-                downloadUrl: string;
-            }>;
-            requestModal(options: unknown): Promise<void>;
-        };
-    }
-}
-
-declare class ChatGPTBridge implements ExtendedBridge {
-    readonly platform: "chatgpt";
-    readonly capabilities: HostCapabilities;
-    private toolInputCallbacks;
-    private toolResultCallbacks;
-    private contextCallbacks;
-    private lastContext;
-    private connected;
-    private get openai();
-    connect(): Promise<void>;
-    disconnect(): void;
-    private buildHostContext;
-    private mapDeviceType;
-    private handleGlobalsChange;
-    getHostContext(): HostContext | null;
-    onToolInput(callback: ToolInputCallback): () => void;
-    onToolResult(callback: ToolResultCallback): () => void;
-    onHostContextChanged(callback: HostContextChangedCallback): () => void;
-    callTool(name: string, args: Record<string, unknown>): Promise<ToolResult>;
-    openLink(url: string): Promise<void>;
-    requestDisplayMode(mode: DisplayMode): Promise<DisplayMode>;
-    sendSizeChanged(size: {
-        width?: number;
-        height?: number;
-    }): void;
-    sendMessage(message: ChatMessage): Promise<void>;
-    setWidgetState(state: Record<string, unknown> | null): void;
-    getWidgetState(): Record<string, unknown> | null;
-    uploadFile(file: File): Promise<{
-        fileId: string;
-    }>;
-    getFileDownloadUrl(fileId: string): Promise<{
-        downloadUrl: string;
-    }>;
-    requestClose(): void;
-    requestModal(options: {
-        title?: string;
-        params?: Record<string, unknown>;
-        anchor?: {
-            x: number;
-            y: number;
-            width: number;
-            height: number;
-        };
-    }): Promise<void>;
-}
-
-declare function ChatGPTProvider({ children }: {
-    children: ReactNode;
-}): react_jsx_runtime.JSX.Element | null;
-declare function useHostContext(): HostContext | null;
-declare function useTheme(): "light" | "dark";
-declare function useToolInput<T = Record<string, unknown>>(): T | null;
-declare function useToolResult(): ToolResult | null;
-declare function useDisplayMode(): [
-    DisplayMode,
-    (mode: DisplayMode) => Promise<void>
-];
-declare function useWidgetState<T = Record<string, unknown>>(): [
-    T | null,
-    (state: T | null) => void
-];
-declare function useCallTool(): (name: string, args: Record<string, unknown>) => Promise<ToolResult>;
-declare function useOpenLink(): (url: string) => Promise<void>;
-declare function useSendMessage(): (text: string) => Promise<void>;
-declare function useUploadFile(): (file: File) => Promise<{
-    fileId: string;
-}>;
-declare function useGetFileDownloadUrl(): (fileId: string) => Promise<{
-    downloadUrl: string;
-}>;
-declare function useRequestClose(): () => void;
-declare function useRequestModal(): (options: {
-    title?: string;
-    params?: Record<string, unknown>;
-    anchor?: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-}) => Promise<void>;
-
-export { ChatGPTBridge, type ChatGPTGlobals, ChatGPTProvider, useCallTool, useDisplayMode, useGetFileDownloadUrl, useHostContext, useOpenLink, useRequestClose, useRequestModal, useSendMessage, useTheme, useToolInput, useToolResult, useUploadFile, useWidgetState };

package/dist/platforms/chatgpt/index.js

@@ -1,167 +0,0 @@
-import {
-  ChatGPTBridge
-} from "../../chunk-EPZCYA26.js";
-import "../../chunk-4LAH4JH6.js";
-
-// src/platforms/chatgpt/hooks.tsx
-import {
-  createContext,
-  useContext,
-  useEffect,
-  useState,
-  useCallback
-} from "react";
-import { jsx } from "react/jsx-runtime";
-var ChatGPTContext = createContext(null);
-function ChatGPTProvider({ children }) {
-  const [bridge] = useState(() => new ChatGPTBridge());
-  const [ready, setReady] = useState(false);
-  useEffect(() => {
-    bridge.connect().then(() => setReady(true));
-  }, [bridge]);
-  if (!ready) return null;
-  return /* @__PURE__ */ jsx(ChatGPTContext.Provider, { value: bridge, children });
-}
-function useChatGPTBridge() {
-  const bridge = useContext(ChatGPTContext);
-  if (!bridge) {
-    throw new Error("useChatGPT* hooks must be used within ChatGPTProvider");
-  }
-  return bridge;
-}
-function useHostContext() {
-  const bridge = useChatGPTBridge();
-  const [context, setContext] = useState(
-    bridge.getHostContext()
-  );
-  useEffect(() => {
-    return bridge.onHostContextChanged((ctx) => {
-      setContext((prev) => ({ ...prev, ...ctx }));
-    });
-  }, [bridge]);
-  return context;
-}
-function useTheme() {
-  const bridge = useChatGPTBridge();
-  const [theme, setTheme] = useState(
-    () => bridge.getHostContext()?.theme ?? "light"
-  );
-  useEffect(() => {
-    return bridge.onHostContextChanged((ctx) => {
-      if (ctx.theme !== void 0) {
-        setTheme(ctx.theme);
-      }
-    });
-  }, [bridge]);
-  return theme;
-}
-function useToolInput() {
-  const bridge = useChatGPTBridge();
-  const [input, setInput] = useState(null);
-  useEffect(() => {
-    return bridge.onToolInput((args) => setInput(args));
-  }, [bridge]);
-  return input;
-}
-function useToolResult() {
-  const bridge = useChatGPTBridge();
-  const [result, setResult] = useState(null);
-  useEffect(() => {
-    return bridge.onToolResult(setResult);
-  }, [bridge]);
-  return result;
-}
-function useDisplayMode() {
-  const bridge = useChatGPTBridge();
-  const [mode, setModeState] = useState(
-    () => bridge.getHostContext()?.displayMode ?? "inline"
-  );
-  useEffect(() => {
-    return bridge.onHostContextChanged((ctx) => {
-      if (ctx.displayMode !== void 0) {
-        setModeState(ctx.displayMode);
-      }
-    });
-  }, [bridge]);
-  const setMode = useCallback(
-    async (newMode) => {
-      await bridge.requestDisplayMode(newMode);
-    },
-    [bridge]
-  );
-  return [mode, setMode];
-}
-function useWidgetState() {
-  const bridge = useChatGPTBridge();
-  const [state, setState] = useState(
-    () => bridge.getWidgetState()
-  );
-  const setWidgetState = useCallback(
-    (newState) => {
-      bridge.setWidgetState(newState);
-      setState(newState);
-    },
-    [bridge]
-  );
-  return [state, setWidgetState];
-}
-function useCallTool() {
-  const bridge = useChatGPTBridge();
-  return useCallback(
-    (name, args) => bridge.callTool(name, args),
-    [bridge]
-  );
-}
-function useOpenLink() {
-  const bridge = useChatGPTBridge();
-  return useCallback((url) => bridge.openLink(url), [bridge]);
-}
-function useSendMessage() {
-  const bridge = useChatGPTBridge();
-  return useCallback(
-    (text) => bridge.sendMessage({
-      role: "user",
-      content: [{ type: "text", text }]
-    }),
-    [bridge]
-  );
-}
-function useUploadFile() {
-  const bridge = useChatGPTBridge();
-  return useCallback((file) => bridge.uploadFile(file), [bridge]);
-}
-function useGetFileDownloadUrl() {
-  const bridge = useChatGPTBridge();
-  return useCallback(
-    (fileId) => bridge.getFileDownloadUrl(fileId),
-    [bridge]
-  );
-}
-function useRequestClose() {
-  const bridge = useChatGPTBridge();
-  return useCallback(() => bridge.requestClose(), [bridge]);
-}
-function useRequestModal() {
-  const bridge = useChatGPTBridge();
-  return useCallback(
-    (options) => bridge.requestModal(options),
-    [bridge]
-  );
-}
-export {
-  ChatGPTBridge,
-  ChatGPTProvider,
-  useCallTool,
-  useDisplayMode,
-  useGetFileDownloadUrl,
-  useHostContext,
-  useOpenLink,
-  useRequestClose,
-  useRequestModal,
-  useSendMessage,
-  useTheme,
-  useToolInput,
-  useToolResult,
-  useUploadFile,
-  useWidgetState
-};