@creature-ai/sdk 0.1.4 → 0.1.6

package/dist/react/index.d.ts

@@ -1,6 +1,5 @@
 import { ToolResult, WidgetState, Environment, DisplayMode, WebSocketStatus } from '../core/index.js';
 export { ChatGptAppHostClient, HostClient, HostClientConfig, HostClientEvents, HostClientState, HostContext, LogLevel, McpAppHostClient, StructuredWidgetState, WebSocketClient, WebSocketClientConfig, createHost, createWebSocket, detectEnvironment } from '../core/index.js';
-import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { applyDocumentTheme, applyHostFonts, applyHostStyleVariables, getDocumentTheme } from '@modelcontextprotocol/ext-apps';
 
@@ -155,14 +154,6 @@ declare function useHost(config: UseHostConfig): UseHostReturn;
  */
 declare function useToolResult<T = Record<string, unknown>>(): UseToolResultReturn<T>;
 
-type SetStateAction<T> = T | ((prev: T) => T);
-interface WidgetStateContextValue {
-    widgetState: WidgetState | null;
-    setWidgetState: (state: WidgetState | null) => void;
-}
-declare const WidgetStateContext: react.Context<WidgetStateContextValue | null>;
-declare function useWidgetState<T extends WidgetState>(initialState?: T | (() => T | null) | null): readonly [T | null, (state: SetStateAction<T | null>) => void];
-
 declare function useWebSocket<TSend = unknown, TReceive = unknown>(url: string | undefined, config?: UseWebSocketConfig<TReceive>): UseWebSocketReturn<TSend>;
 
 /**
@@ -174,4 +165,4 @@ declare function useWebSocket<TSend = unknown, TReceive = unknown>(url: string |
  */
 declare function CreatureIcon({ isDarkMode, showEyes, enableBlink, width, height, className, }: CreatureIconProps): react_jsx_runtime.JSX.Element;
 
-export { CreatureIcon, type CreatureIconProps, DisplayMode, Environment, type Logger, ToolResult, type UseHostConfig, type UseHostReturn, type UseToolResultReturn, type UseWebSocketConfig, type UseWebSocketReturn, WebSocketStatus, WidgetState, WidgetStateContext, useHost, useToolResult, useWebSocket, useWidgetState };
+export { CreatureIcon, type CreatureIconProps, DisplayMode, Environment, type Logger, ToolResult, type UseHostConfig, type UseHostReturn, type UseToolResultReturn, type UseWebSocketConfig, type UseWebSocketReturn, WebSocketStatus, WidgetState, useHost, useToolResult, useWebSocket };

package/dist/react/index.js

@@ -9562,6 +9562,7 @@ var McpAppHostClient = class extends Subscribable {
   }
   /**
    * Apply theme, styles, and fonts from host context.
+   * Also applies Creature-specific extension styles if present.
    */
   applyHostContext(context) {
     if (context.theme) {
@@ -9574,6 +9575,21 @@ var McpAppHostClient = class extends Subscribable {
     if (context.styles?.css?.fonts) {
       qU(context.styles.css.fonts);
     }
+    if (context.creatureStyles) {
+      this.applyCreatureStyles(context.creatureStyles);
+    }
+  }
+  /**
+   * Apply Creature-specific CSS variables to the document root.
+   * These are host extensions sent outside the spec-validated styles.variables path.
+   */
+  applyCreatureStyles(styles) {
+    const root = document.documentElement;
+    for (const [key, value] of Object.entries(styles)) {
+      if (value !== void 0) {
+        root.style.setProperty(key, value);
+      }
+    }
   }
   /**
    * Extract text content from SDK result content array.
@@ -10034,40 +10050,8 @@ function useToolResult() {
   };
 }
 
-// src/react/useWidgetState.ts
-import { useState as useState2, useCallback as useCallback2, useEffect as useEffect2, createContext, useContext } from "react";
-var WidgetStateContext = createContext(null);
-function useWidgetState(initialState) {
-  const context = useContext(WidgetStateContext);
-  const getInitialState = () => {
-    if (context?.widgetState) {
-      return context.widgetState;
-    }
-    if (typeof initialState === "function") {
-      return initialState();
-    }
-    return initialState ?? null;
-  };
-  const [localState, setLocalState] = useState2(getInitialState);
-  useEffect2(() => {
-    if (context?.widgetState !== void 0) {
-      setLocalState(context.widgetState);
-    }
-  }, [context?.widgetState]);
-  const setState = useCallback2((action) => {
-    setLocalState((prev) => {
-      const newState = typeof action === "function" ? action(prev) : action;
-      if (context?.setWidgetState) {
-        context.setWidgetState(newState);
-      }
-      return newState;
-    });
-  }, [context]);
-  return [localState, setState];
-}
-
 // src/react/useWebSocket.ts
-import { useEffect as useEffect3, useRef as useRef2, useMemo as useMemo2, useCallback as useCallback3, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useEffect as useEffect2, useRef as useRef2, useMemo as useMemo2, useCallback as useCallback2, useSyncExternalStore as useSyncExternalStore2 } from "react";
 function useWebSocket(url, config = {}) {
   const { onMessage, enabled = true } = config;
   const onMessageRef = useRef2(onMessage);
@@ -10075,15 +10059,15 @@ function useWebSocket(url, config = {}) {
   const stateRef = useRef2({ status: "disconnected", error: void 0 });
   const listenersRef = useRef2(/* @__PURE__ */ new Set());
   const clientRef = useRef2(null);
-  const subscribe = useCallback3((listener) => {
+  const subscribe = useCallback2((listener) => {
     listenersRef.current.add(listener);
     return () => {
       listenersRef.current.delete(listener);
     };
   }, []);
-  const getSnapshot = useCallback3(() => stateRef.current, []);
+  const getSnapshot = useCallback2(() => stateRef.current, []);
   const state = useSyncExternalStore2(subscribe, getSnapshot, getSnapshot);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!url || !enabled) {
       if (clientRef.current) {
         clientRef.current.disconnect();
@@ -10120,7 +10104,7 @@ function useWebSocket(url, config = {}) {
 }
 
 // src/react/CreatureIcon.tsx
-import { useState as useState3, useEffect as useEffect4, useRef as useRef3 } from "react";
+import { useState as useState2, useEffect as useEffect3, useRef as useRef3 } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function CreatureIcon({
   isDarkMode,
@@ -10131,9 +10115,9 @@ function CreatureIcon({
   className = ""
 }) {
   const fillColor = isDarkMode ? "#F8F7F6" : "#0D0D0C";
-  const [isBlinking, setIsBlinking] = useState3(false);
+  const [isBlinking, setIsBlinking] = useState2(false);
   const timeoutRef = useRef3(null);
-  useEffect4(() => {
+  useEffect3(() => {
     if (!enableBlink || !showEyes) {
       return;
     }
@@ -10217,7 +10201,6 @@ export {
   ChatGptAppHostClient,
   CreatureIcon,
   McpAppHostClient,
-  WidgetStateContext,
   YU as applyDocumentTheme,
   qU as applyHostFonts,
   QU as applyHostStyleVariables,
@@ -10227,7 +10210,6 @@ export {
   VU as getDocumentTheme,
   useHost,
   useToolResult,
-  useWebSocket,
-  useWidgetState
+  useWebSocket
 };
 //# sourceMappingURL=index.js.map