mcp-ui-ext-apps-openai 1.0.0

package/dist/react.mjs

@@ -0,0 +1,198 @@
+import {
+  createMCPAdapter,
+  createOpenAIAdapter,
+  createUnifiedApp,
+  detectPlatform,
+  isMCP,
+  isOpenAI
+} from "./chunk-MX7VCLPI.mjs";
+
+// src/use-unified-app.ts
+import { PostMessageTransport } from "@modelcontextprotocol/ext-apps";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+function useOpenAIGlobal(key, initialValue) {
+  const [value, setValue] = useState(initialValue);
+  useEffect(() => {
+    if (typeof window === "undefined" || !window.openai) return;
+    const openai = window.openai;
+    if (key in openai) {
+      setValue(openai[key]);
+    }
+    const handleChange = () => {
+      const currentOpenai = window.openai;
+      if (currentOpenai && key in currentOpenai) {
+        setValue(currentOpenai[key]);
+      }
+    };
+    window.addEventListener("openai:set_globals", handleChange);
+    return () => window.removeEventListener("openai:set_globals", handleChange);
+  }, [key]);
+  return value;
+}
+function useUnifiedApp(options) {
+  const platformRef = useRef(detectPlatform());
+  const platform = platformRef.current;
+  const [unifiedApp, setUnifiedApp] = useState(null);
+  const [isConnected, setIsConnected] = useState(false);
+  const [error, setError] = useState(null);
+  const [hostContext, setHostContext] = useState();
+  const [localWidgetState, setLocalWidgetState] = useState(null);
+  const openaiWidgetState = useOpenAIGlobal("widgetState", null);
+  const openaiWidgetProps = useOpenAIGlobal("widget", {});
+  const openaiToolOutput = useOpenAIGlobal("toolOutput", void 0);
+  const openaiTheme = useOpenAIGlobal("theme", "light");
+  const openaiDisplayMode = useOpenAIGlobal("displayMode", "inline");
+  const openaiLocale = useOpenAIGlobal("locale", "en-US");
+  const optionsRef = useRef(options);
+  optionsRef.current = options;
+  useEffect(() => {
+    if (platform === "openai" && openaiWidgetState !== null) {
+      setLocalWidgetState(openaiWidgetState);
+    }
+  }, [platform, openaiWidgetState]);
+  const setWidgetState = useCallback((state) => {
+    setLocalWidgetState(state);
+    if (unifiedApp && platform === "openai") {
+      unifiedApp.setWidgetState(state);
+    }
+  }, [unifiedApp, platform]);
+  const updateWidgetState = useCallback((state) => {
+    setLocalWidgetState((prev) => ({ ...prev, ...state }));
+    if (unifiedApp && platform === "openai") {
+      unifiedApp.updateWidgetState(state);
+    }
+  }, [unifiedApp, platform]);
+  useEffect(() => {
+    if (platform === "openai" && isConnected) {
+      setHostContext({
+        theme: openaiTheme,
+        displayMode: openaiDisplayMode,
+        locale: openaiLocale,
+        safeAreaInsets: window.openai?.safeArea?.insets,
+        maxWidth: window.openai?.maxWidth,
+        maxHeight: window.openai?.maxHeight
+      });
+    }
+  }, [platform, isConnected, openaiTheme, openaiDisplayMode, openaiLocale]);
+  useEffect(() => {
+    let mounted = true;
+    let mcpApp = null;
+    async function initialize() {
+      const opts = optionsRef.current;
+      if (platform === "openai") {
+        try {
+          const adapter = createOpenAIAdapter({
+            ...opts,
+            onToolResult: (result) => {
+              opts.onToolResult?.(result);
+            },
+            onHostContextChanged: (ctx) => {
+              if (mounted) {
+                setHostContext(ctx);
+                opts.onHostContextChanged?.(ctx);
+              }
+            },
+            onError: (err) => {
+              console.error(`[${opts.appInfo.name}]`, err);
+              opts.onError?.(err);
+            }
+          });
+          if (mounted) {
+            setUnifiedApp(adapter);
+            setIsConnected(true);
+            setHostContext(adapter.getHostContext());
+          }
+        } catch (err) {
+          console.error(`[${opts.appInfo.name}]`, err);
+          if (mounted) {
+            setError(err);
+            setIsConnected(false);
+          }
+        }
+      } else {
+        try {
+          const { App } = await import("@modelcontextprotocol/ext-apps");
+          const transport = new PostMessageTransport(window.parent, window.parent);
+          mcpApp = new App(opts.appInfo, opts.capabilities || {});
+          mcpApp.onteardown = async () => {
+            await opts.onTeardown?.();
+            return {};
+          };
+          mcpApp.ontoolinput = async (input) => {
+            await opts.onToolInput?.(input);
+          };
+          mcpApp.ontoolresult = async (result) => {
+            await opts.onToolResult?.(result);
+          };
+          mcpApp.onerror = (err) => {
+            console.error(`[${opts.appInfo.name}]`, err);
+            opts.onError?.(err instanceof Error ? err : new Error(String(err)));
+          };
+          mcpApp.onhostcontextchanged = (params) => {
+            if (mounted) {
+              setHostContext((prev) => {
+                const newCtx = { ...prev, ...params };
+                opts.onHostContextChanged?.(newCtx);
+                return newCtx;
+              });
+            }
+          };
+          await mcpApp.connect(transport);
+          if (mounted) {
+            const adapter = createMCPAdapter(mcpApp, opts);
+            setUnifiedApp(adapter);
+            setIsConnected(true);
+            const ctx = mcpApp.getHostContext();
+            if (ctx) {
+              setHostContext({
+                theme: ctx.theme,
+                displayMode: ctx.displayMode,
+                locale: ctx.locale,
+                safeAreaInsets: ctx.safeAreaInsets
+              });
+            }
+          }
+        } catch (err) {
+          console.error(`[${opts.appInfo.name}]`, err);
+          if (mounted) {
+            setError(err instanceof Error ? err : new Error("Failed to connect"));
+            setIsConnected(false);
+          }
+        }
+      }
+    }
+    initialize();
+    return () => {
+      mounted = false;
+    };
+  }, [platform]);
+  const finalPlatform = useMemo(() => {
+    if (platform === "openai") return "openai";
+    if (isConnected) return "mcp";
+    return "unknown";
+  }, [platform, isConnected]);
+  const widgetProps = platform === "openai" ? openaiWidgetProps?.props || {} : {};
+  const initialProps = platform === "openai" ? openaiToolOutput : void 0;
+  return {
+    app: unifiedApp,
+    isConnected,
+    error,
+    platform: finalPlatform,
+    hostContext,
+    initialProps,
+    widgetProps,
+    widgetState: localWidgetState,
+    setWidgetState,
+    updateWidgetState
+  };
+}
+export {
+  createMCPAdapter,
+  createOpenAIAdapter,
+  createUnifiedApp,
+  detectPlatform,
+  isMCP,
+  isOpenAI,
+  useUnifiedApp
+};
+//# sourceMappingURL=react.mjs.map

package/dist/react.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-unified-app.ts"],"sourcesContent":["/**\n * @file React hook for unified OpenAI/MCP app usage\n *\n * This hook provides a unified interface for apps that need to run on both\n * OpenAI ChatGPT and MCP Apps platforms.\n */\n\nimport type { App, McpUiAppCapabilities } from \"@modelcontextprotocol/ext-apps\";\nimport { PostMessageTransport } from \"@modelcontextprotocol/ext-apps\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n  createMCPAdapter,\n  createOpenAIAdapter,\n  detectPlatform,\n  type Platform,\n  type UnifiedApp,\n  type UnifiedHostContext,\n  type UnifiedToolResult,\n} from \"./unified-app\";\n\nexport interface UseUnifiedAppOptions {\n  appInfo: { name: string; version: string };\n  capabilities?: McpUiAppCapabilities;\n  onToolInput?: (input: unknown) => void | Promise<void>;\n  onToolResult?: (result: UnifiedToolResult) => void | Promise<void>;\n  onHostContextChanged?: (context: UnifiedHostContext) => void;\n  onTeardown?: () => void | Promise<void>;\n  onError?: (error: Error) => void;\n}\n\nexport interface UseUnifiedAppResult {\n  /** The unified app instance */\n  app: UnifiedApp | null;\n  /** Whether the app is connected to the host */\n  isConnected: boolean;\n  /** Any connection error */\n  error: Error | null;\n  /** The detected platform */\n  platform: Platform;\n  /** Current host context (theme, displayMode, locale, etc.) */\n  hostContext: UnifiedHostContext | undefined;\n  /** Initial props from toolOutput (OpenAI only, undefined on MCP) - use as initial data for component */\n  initialProps: unknown;\n  /** Widget props (OpenAI only, reactive) */\n  widgetProps: Record<string, unknown>;\n  /** Widget state - works on both platforms via React state */\n  widgetState: unknown;\n  /** Set widget state - works on both platforms (also syncs to OpenAI if on that platform) */\n  setWidgetState: <T = unknown>(state: T) => void;\n  /** Update widget state partially - works on both platforms */\n  updateWidgetState: <T = unknown>(state: Partial<T>) => void;\n}\n\n/**\n * Hook to subscribe to OpenAI global property changes\n * Listens for 'openai:set_globals' events\n */\nfunction useOpenAIGlobal<T>(key: string, initialValue: T): T {\n  const [value, setValue] = useState<T>(initialValue);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\" || !window.openai) return;\n\n    // Get initial value - cast to unknown first then to Record\n    const openai = window.openai as unknown as Record<string, unknown>;\n    if (key in openai) {\n      setValue(openai[key] as T);\n    }\n\n    // Listen for changes\n    const handleChange = () => {\n      const currentOpenai = window.openai as unknown as Record<string, unknown>;\n      if (currentOpenai && key in currentOpenai) {\n        setValue(currentOpenai[key] as T);\n      }\n    };\n\n    window.addEventListener(\"openai:set_globals\", handleChange);\n    return () => window.removeEventListener(\"openai:set_globals\", handleChange);\n  }, [key]);\n\n  return value;\n}\n\n/**\n * React hook that provides a unified app interface for both OpenAI and MCP platforms\n *\n * @example\n * ```tsx\n * function MyApp() {\n *   const {\n *     app,\n *     isConnected,\n *     platform,\n *     hostContext,\n *     widgetState,\n *     setWidgetState,\n *   } = useUnifiedApp({\n *     appInfo: { name: \"My App\", version: \"1.0.0\" },\n *     capabilities: {},\n *     onError: console.error,\n *   });\n *\n *   const counter = (widgetState as { value?: number } | null)?.value ?? 0;\n *\n *   return (\n *     <div>\n *       <p>Running on: {platform}</p>\n *       <p>Counter: {counter}</p>\n *       <button onClick={() => setWidgetState({ value: counter + 1 })}>\n *         Increment\n *       </button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useUnifiedApp(options: UseUnifiedAppOptions): UseUnifiedAppResult {\n  // Detect platform once on mount\n  const platformRef = useRef<Platform>(detectPlatform());\n  const platform = platformRef.current;\n\n  const [unifiedApp, setUnifiedApp] = useState<UnifiedApp | null>(null);\n  const [isConnected, setIsConnected] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const [hostContext, setHostContext] = useState<UnifiedHostContext | undefined>();\n\n  // React state for widgetState - works on both platforms\n  const [localWidgetState, setLocalWidgetState] = useState<unknown>(null);\n\n  // OpenAI reactive globals\n  const openaiWidgetState = useOpenAIGlobal<unknown>(\"widgetState\", null);\n  const openaiWidgetProps = useOpenAIGlobal<Record<string, unknown>>(\"widget\", {});\n  const openaiToolOutput = useOpenAIGlobal<unknown>(\"toolOutput\", undefined);\n  const openaiTheme = useOpenAIGlobal<\"light\" | \"dark\">(\"theme\", \"light\");\n  const openaiDisplayMode = useOpenAIGlobal<string>(\"displayMode\", \"inline\");\n  const openaiLocale = useOpenAIGlobal<string>(\"locale\", \"en-US\");\n\n  // Store options in ref to avoid stale closures\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n\n  // Sync OpenAI widgetState to local state when it changes\n  useEffect(() => {\n    if (platform === \"openai\" && openaiWidgetState !== null) {\n      setLocalWidgetState(openaiWidgetState);\n    }\n  }, [platform, openaiWidgetState]);\n\n  // Widget state setters - work on both platforms via React state\n  // Also syncs to OpenAI if on that platform\n  const setWidgetState = useCallback(<T = unknown>(state: T) => {\n    setLocalWidgetState(state);\n    if (unifiedApp && platform === \"openai\") {\n      unifiedApp.setWidgetState(state);\n    }\n  }, [unifiedApp, platform]);\n\n  const updateWidgetState = useCallback(<T = unknown>(state: Partial<T>) => {\n    setLocalWidgetState((prev: unknown) => ({ ...(prev as object), ...state }));\n    if (unifiedApp && platform === \"openai\") {\n      unifiedApp.updateWidgetState(state);\n    }\n  }, [unifiedApp, platform]);\n\n  // Update host context from OpenAI globals\n  useEffect(() => {\n    if (platform === \"openai\" && isConnected) {\n      setHostContext({\n        theme: openaiTheme,\n        displayMode: openaiDisplayMode as UnifiedHostContext[\"displayMode\"],\n        locale: openaiLocale,\n        safeAreaInsets: window.openai?.safeArea?.insets,\n        maxWidth: window.openai?.maxWidth,\n        maxHeight: window.openai?.maxHeight,\n      });\n    }\n  }, [platform, isConnected, openaiTheme, openaiDisplayMode, openaiLocale]);\n\n  useEffect(() => {\n    let mounted = true;\n    let mcpApp: App | null = null;\n\n    async function initialize() {\n      const opts = optionsRef.current;\n\n      if (platform === \"openai\") {\n        // OpenAI platform - use the adapter directly\n        try {\n          const adapter = createOpenAIAdapter({\n            ...opts,\n            onToolResult: (result) => {\n              opts.onToolResult?.(result);\n            },\n            onHostContextChanged: (ctx) => {\n              if (mounted) {\n                setHostContext(ctx);\n                opts.onHostContextChanged?.(ctx);\n              }\n            },\n            onError: (err) => {\n              console.error(`[${opts.appInfo.name}]`, err);\n              opts.onError?.(err);\n            },\n          });\n\n          if (mounted) {\n            setUnifiedApp(adapter);\n            setIsConnected(true);\n            setHostContext(adapter.getHostContext());\n          }\n        } catch (err) {\n          console.error(`[${opts.appInfo.name}]`, err);\n          if (mounted) {\n            setError(err as Error);\n            setIsConnected(false);\n          }\n        }\n      } else {\n        // MCP platform - need to dynamically import and create connection\n        try {\n          // Dynamic import to avoid issues when running on OpenAI\n          const { App } = await import(\"@modelcontextprotocol/ext-apps\");\n\n          const transport = new PostMessageTransport(window.parent, window.parent);\n          mcpApp = new App(opts.appInfo, opts.capabilities || {});\n\n          // Set up handlers before connecting\n          mcpApp.onteardown = async () => {\n            await opts.onTeardown?.();\n            return {};\n          };\n\n          mcpApp.ontoolinput = async (input) => {\n            await opts.onToolInput?.(input);\n          };\n\n          mcpApp.ontoolresult = async (result) => {\n            await opts.onToolResult?.(result as UnifiedToolResult);\n          };\n\n          mcpApp.onerror = (err) => {\n            console.error(`[${opts.appInfo.name}]`, err);\n            opts.onError?.(err instanceof Error ? err : new Error(String(err)));\n          };\n\n          mcpApp.onhostcontextchanged = (params) => {\n            if (mounted) {\n              setHostContext((prev) => {\n                const newCtx = { ...prev, ...params } as UnifiedHostContext;\n                opts.onHostContextChanged?.(newCtx);\n                return newCtx;\n              });\n            }\n          };\n\n          await mcpApp.connect(transport);\n\n          if (mounted) {\n            const adapter = createMCPAdapter(mcpApp, opts);\n            setUnifiedApp(adapter);\n            setIsConnected(true);\n\n            // Get initial host context\n            const ctx = mcpApp.getHostContext();\n            if (ctx) {\n              setHostContext({\n                theme: ctx.theme as UnifiedHostContext[\"theme\"],\n                displayMode: ctx.displayMode as UnifiedHostContext[\"displayMode\"],\n                locale: ctx.locale,\n                safeAreaInsets: ctx.safeAreaInsets,\n              });\n            }\n          }\n        } catch (err) {\n          console.error(`[${opts.appInfo.name}]`, err);\n          if (mounted) {\n            setError(err instanceof Error ? err : new Error(\"Failed to connect\"));\n            setIsConnected(false);\n          }\n        }\n      }\n    }\n\n    initialize();\n\n    return () => {\n      mounted = false;\n      // Note: MCP App cleanup would go here if needed\n    };\n  }, [platform]);\n\n  // Determine final platform based on connection state\n  const finalPlatform: Platform = useMemo(() => {\n    if (platform === \"openai\") return \"openai\";\n    if (isConnected) return \"mcp\";\n    return \"unknown\";\n  }, [platform, isConnected]);\n\n  // Return platform-appropriate values\n  const widgetProps = platform === \"openai\" ? ((openaiWidgetProps as { props?: Record<string, unknown> })?.props || {}) : {};\n  const initialProps = platform === \"openai\" ? openaiToolOutput : undefined;\n\n  return {\n    app: unifiedApp,\n    isConnected,\n    error,\n    platform: finalPlatform,\n    hostContext,\n    initialProps,\n    widgetProps,\n    widgetState: localWidgetState,\n    setWidgetState,\n    updateWidgetState,\n  };\n}\n\nexport default useUnifiedApp;\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "mcp-ui-ext-apps-openai",
+  "version": "1.0.0",
+  "description": "Unified utility for building apps that work on both OpenAI ChatGPT and MCP Apps platforms",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.mjs",
+      "require": "./dist/react.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "mcp",
+    "openai",
+    "chatgpt",
+    "unified",
+    "cross-platform",
+    "react",
+    "widget"
+  ],
+  "author": "lkm1developer",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lkm1developer/mcp-ui-ext-apps-openai.git"
+  },
+  "bugs": {
+    "url": "https://github.com/lkm1developer/mcp-ui-ext-apps-openai/issues"
+  },
+  "homepage": "https://github.com/lkm1developer/mcp-ui-ext-apps-openai#readme",
+  "peerDependencies": {
+    "@modelcontextprotocol/ext-apps": ">=0.1.0",
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@modelcontextprotocol/ext-apps": "^0.3.0",
+    "@types/react": "^18.2.0",
+    "react": "^18.2.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  }
+}