open-mcp-app 0.1.4 → 0.1.5

package/dist/react/index.d.ts

@@ -1,5 +1,5 @@
-import { ToolResult, WidgetState, Environment, DisplayMode, AdapterKind, HostContext, ExperimentalHostApi, WebSocketStatus, UnifiedHostClient } from '../core/index.js';
-export { BaseHostClient, BaseHostClientEvents, ChatGptAdapter, CreatureAdapter, HostAdapter, HostClientConfig, HostClientState, HostIdentity, KNOWN_HOSTS, LogLevel, McpAppsAdapter, StandaloneAdapter, StructuredWidgetState, UnifiedHostClientEvents, UpgradingMcpAppsClient, WebSocketClient, WebSocketClientConfig, createHost, createHostAsync, createWebSocket, detectEnvironment, getHostIdentity, isHost, parseHostUserAgent } from '../core/index.js';
+import { ToolResult, WidgetState, Environment, DisplayMode, AdapterKind, HostContext, ExperimentalHostApi, WebSocketStatus } from '../core/index.js';
+export { BaseHostClient, BaseHostClientEvents, ChatGptAdapter, CreatureAdapter, HostAdapter, HostClientConfig, HostClientState, HostIdentity, KNOWN_HOSTS, LogLevel, McpAppsAdapter, StandaloneAdapter, StructuredWidgetState, UnifiedHostClient, UnifiedHostClientEvents, UpgradingMcpAppsClient, WebSocketClient, WebSocketClientConfig, createHost, createHostAsync, createWebSocket, detectEnvironment, getHostIdentity, isHost, parseHostUserAgent } from '../core/index.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 export { applyDocumentTheme, applyHostFonts, applyHostStyleVariables, getDocumentTheme } from '@modelcontextprotocol/ext-apps';
@@ -317,17 +317,6 @@ declare function useWebSocket<TSend = unknown, TReceive = unknown>(url: string |
  */
 declare function CreatureIcon({ isDarkMode, showEyes, enableBlink, width, height, className, }: CreatureIconProps): react_jsx_runtime.JSX.Element;
 
-/**
- * Get the host client from context.
- *
- * @throws Error if used outside of HostProvider
- */
-declare function useHostClient(): UnifiedHostClient;
-/**
- * Get the host client from context, or null if not in a provider.
- * Useful for optional host features.
- */
-declare function useHostClientOptional(): UnifiedHostClient | null;
 interface HostProviderProps {
     /** App name for the host client */
     name: string;
@@ -366,108 +355,4 @@ interface HostProviderProps {
  */
 declare function HostProvider({ name, version, children, onToolInput, onThemeChange, onTeardown, }: HostProviderProps): react_jsx_runtime.JSX.Element;
 
-/**
- * Experimental React Hooks
- *
- * These hooks provide React-idiomatic APIs for non-spec host features.
- * They follow the Vercel AI SDK naming convention with `experimental_` prefix.
- *
- * Usage:
- * ```tsx
- * import {
- *   experimental_useWidgetState as useWidgetState,
- *   experimental_useTitle as useTitle,
- * } from 'open-mcp-app/react';
- * ```
- */
-
-/**
- * React hook for managing widget state with host synchronization.
- *
- * Returns a tuple similar to `useState`, but the state is:
- * - Persisted by the host across sessions
- * - Restored when the widget is re-opened
- * - Optionally visible to the AI model (via `modelContent`)
- *
- * **Experimental:** This uses the `ui/notifications/widget-state-changed`
- * notification which is not part of the MCP Apps specification.
- *
- * @returns Tuple of [state, setState] like useState
- *
- * @example
- * ```tsx
- * import { experimental_useWidgetState as useWidgetState } from 'open-mcp-app/react';
- *
- * function Counter() {
- *   const [state, setState] = useWidgetState<{ count: number }>();
- *
- *   return (
- *     <button onClick={() => setState({ count: (state?.count ?? 0) + 1 })}>
- *       Count: {state?.count ?? 0}
- *     </button>
- *   );
- * }
- * ```
- */
-declare function experimental_useWidgetState<T extends WidgetState = WidgetState>(): [
-    T | null,
-    (state: T | null) => void
-];
-/**
- * React hook for setting the widget/PiP title.
- *
- * Returns a setter function to update the title displayed in the host UI.
- * This is useful for dynamic titles that change based on widget state.
- *
- * **Experimental:** This uses the `ui/notifications/title-changed`
- * notification which is a Creature-specific extension, not part of
- * the MCP Apps specification. No-op on other hosts.
- *
- * @returns Function to set the title
- *
- * @example
- * ```tsx
- * import { experimental_useTitle as useTitle } from 'open-mcp-app/react';
- *
- * function DocumentEditor() {
- *   const setTitle = useTitle();
- *   const [docName, setDocName] = useState("Untitled");
- *
- *   useEffect(() => {
- *     setTitle(`Editing: ${docName}`);
- *   }, [docName, setTitle]);
- *
- *   return <input value={docName} onChange={(e) => setDocName(e.target.value)} />;
- * }
- * ```
- */
-declare function experimental_useTitle(): (title: string) => void;
-/**
- * React hook for accessing Creature-specific CSS style variables.
- *
- * Returns the custom CSS variables provided by the Creature host,
- * or null if not running in Creature.
- *
- * **Experimental:** This is a Creature-specific extension, not part of
- * the MCP Apps specification.
- *
- * @returns Creature styles object or null
- *
- * @example
- * ```tsx
- * import { experimental_useCreatureStyles as useCreatureStyles } from 'open-mcp-app/react';
- *
- * function ThemedComponent() {
- *   const styles = useCreatureStyles();
- *
- *   return (
- *     <div style={{ color: styles?.['--creature-accent-color'] }}>
- *       Themed content
- *     </div>
- *   );
- * }
- * ```
- */
-declare function experimental_useCreatureStyles(): Record<string, string | undefined> | null;
-
-export { AdapterKind, CreatureIcon, type CreatureIconProps, DisplayMode, Environment, ExperimentalHostApi, HostContext, HostProvider, type HostProviderProps, type Logger, type ToolCallFunction, type ToolCallState, type ToolCallStatus, type ToolCallTuple, ToolResult, UnifiedHostClient, type UseHostConfig, type UseHostReturn, type UseToolResultReturn, type UseWebSocketConfig, type UseWebSocketReturn, WebSocketStatus, WidgetState, experimental_useCreatureStyles, experimental_useTitle, experimental_useWidgetState, useHost, useHostClient, useHostClientOptional, useToolResult, useWebSocket };
+export { AdapterKind, CreatureIcon, type CreatureIconProps, DisplayMode, Environment, ExperimentalHostApi, HostContext, HostProvider, type HostProviderProps, type Logger, type ToolCallFunction, type ToolCallState, type ToolCallStatus, type ToolCallTuple, ToolResult, type UseHostConfig, type UseHostReturn, type UseToolResultReturn, type UseWebSocketConfig, type UseWebSocketReturn, WebSocketStatus, WidgetState, useHost, useToolResult, useWebSocket };

package/dist/react/index.js

@@ -10575,15 +10575,6 @@ async function createHostAsync(config) {
 import { createContext, useContext, useRef, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 var HostContext = createContext(null);
-function useHostClient() {
-  const client = useContext(HostContext);
-  if (!client) {
-    throw new Error(
-      'useHostClient must be used within a HostProvider. Wrap your app with <HostProvider name="..." version="...">.'
-    );
-  }
-  return client;
-}
 function useHostClientOptional() {
   return useContext(HostContext);
 }
@@ -10768,15 +10759,18 @@ function useHost(config) {
     () => client.getState(),
     () => client.getState()
   );
+  const setWidgetState = useCallback(
+    (newState) => {
+      client.experimental.setWidgetState(newState);
+    },
+    [client]
+  );
   const experimental_widgetState = useCallback(
     () => {
       const currentState = state.widgetState;
-      const setState = (newState) => {
-        client.experimental.setWidgetState(newState);
-      };
-      return [currentState, setState];
+      return [currentState, setWidgetState];
     },
-    [state.widgetState, client]
+    [state.widgetState, setWidgetState]
   );
   const callbacksRef = useRef2({
     onToolInput: config?.onToolInput,
@@ -11031,45 +11025,6 @@ function CreatureIcon({
     }
   );
 }
-
-// src/react/experimental.ts
-import { useState as useState4, useEffect as useEffect5, useCallback as useCallback4, useSyncExternalStore as useSyncExternalStore3 } from "react";
-function experimental_useWidgetState() {
-  const client = useHostClient();
-  const state = useSyncExternalStore3(
-    (onStoreChange) => client.subscribe(onStoreChange),
-    () => client.getState().widgetState,
-    () => client.getState().widgetState
-  );
-  const setState = useCallback4(
-    (newState) => {
-      client.experimental.setWidgetState(newState);
-    },
-    [client]
-  );
-  return [state, setState];
-}
-function experimental_useTitle() {
-  const client = useHostClient();
-  const setTitle = useCallback4(
-    (title) => {
-      client.experimental.setTitle(title);
-    },
-    [client]
-  );
-  return setTitle;
-}
-function experimental_useCreatureStyles() {
-  const client = useHostClient();
-  const [styles, setStyles] = useState4(() => client.experimental.getCreatureStyles());
-  useEffect5(() => {
-    const unsub = client.on("theme-change", () => {
-      setStyles(client.experimental.getCreatureStyles());
-    });
-    return unsub;
-  }, [client]);
-  return styles;
-}
 export {
   ChatGptAdapter,
   CreatureAdapter,
@@ -11086,16 +11041,11 @@ export {
   createHostAsync,
   createWebSocket,
   detectEnvironment,
-  experimental_useCreatureStyles,
-  experimental_useTitle,
-  experimental_useWidgetState,
   VU as getDocumentTheme,
   getHostIdentity,
   isHost,
   parseHostUserAgent,
   useHost,
-  useHostClient,
-  useHostClientOptional,
   useToolResult,
   useWebSocket
 };