open-mcp-app 0.0.9 → 0.0.10

package/dist/react/index.d.ts

@@ -418,26 +418,17 @@ interface HostProviderProps {
     onThemeChange?: (theme: "light" | "dark") => void;
     /** Called when host requests teardown (MCP Apps only) */
     onTeardown?: () => Promise<void> | void;
+    /**
+     * Capture browser `console.*` calls and `window.onerror`/`unhandledrejection`
+     * events, routing them through the SDK's `log()` as `notifications/message`.
+     *
+     * Filters out `console.debug` by default (MCP transport noise).
+     * Batches events and flushes every 2 seconds or on page unload.
+     *
+     * @default false
+     */
+    captureConsole?: boolean;
 }
-/**
- * Provides the host client to child components.
- *
- * Creates a single host client instance that is shared across all children.
- * The client connects on mount and disconnects on unmount.
- *
- * @example
- * ```tsx
- * import { HostProvider } from 'open-mcp-app/react';
- *
- * function App() {
- *   return (
- *     <HostProvider name="my-app" version="1.0.0">
- *       <MyWidget />
- *     </HostProvider>
- *   );
- * }
- * ```
- */
-declare function HostProvider({ name, version, children, onToolInput, onThemeChange, onTeardown, }: HostProviderProps): react_jsx_runtime.JSX.Element;
+declare function HostProvider({ name, version, children, onToolInput, onThemeChange, onTeardown, captureConsole, }: HostProviderProps): react_jsx_runtime.JSX.Element;
 
 export { ContentBlock, CreatureIcon, type CreatureIconProps, DisplayMode, Environment, ExpHostApi, HostContext, HostProvider, type HostProviderProps, type Logger, type ToolCallFunction, type ToolCallState, type ToolCallStatus, type ToolCallTuple, ToolResult, type UseHostConfig, type UseHostReturn, type UseToolResultReturn, type UseViewsReturn, type UseWebSocketConfig, type UseWebSocketReturn, type Views, WebSocketStatus, WidgetState, useHost, useToolResult, useViews, useWebSocket };

package/dist/react/index.js

@@ -10731,13 +10731,83 @@ var HostContext = createContext(null);
 function useHostClientOptional() {
   return useContext(HostContext);
 }
+var CONSOLE_LEVEL_MAP = {
+  log: "info",
+  info: "info",
+  warn: "warning",
+  error: "error"
+};
+var FLUSH_INTERVAL_MS = 2e3;
+var MAX_BUFFER = 50;
+function setupConsoleCapture(client) {
+  const originals = {};
+  let buffer = [];
+  let destroyed = false;
+  const flush = () => {
+    if (buffer.length === 0 || !client.getState().isReady) return;
+    const batch = buffer;
+    buffer = [];
+    for (const entry of batch) {
+      try {
+        client.log(entry.level, entry.message);
+      } catch {
+      }
+    }
+  };
+  const enqueue = (level, message) => {
+    if (destroyed) return;
+    buffer.push({ level, message });
+    if (buffer.length >= MAX_BUFFER) flush();
+  };
+  if (typeof console !== "undefined") {
+    for (const method of Object.keys(CONSOLE_LEVEL_MAP)) {
+      const original = console[method];
+      if (typeof original !== "function") continue;
+      originals[method] = original;
+      console[method] = (...args) => {
+        original.call(console, ...args);
+        const level = CONSOLE_LEVEL_MAP[method] ?? "info";
+        const message = args.map((a2) => typeof a2 === "string" ? a2 : JSON.stringify(a2)).join(" ");
+        enqueue(level, message);
+      };
+    }
+  }
+  let onError = null;
+  let onRejection = null;
+  if (typeof window !== "undefined") {
+    onError = (event) => {
+      enqueue("error", event.message || "Unknown error");
+    };
+    onRejection = (event) => {
+      const reason = event.reason;
+      enqueue("error", reason instanceof Error ? reason.message : String(reason));
+    };
+    window.addEventListener("error", onError);
+    window.addEventListener("unhandledrejection", onRejection);
+  }
+  const timer = setInterval(flush, FLUSH_INTERVAL_MS);
+  return () => {
+    if (destroyed) return;
+    destroyed = true;
+    clearInterval(timer);
+    flush();
+    for (const [method, original] of Object.entries(originals)) {
+      if (original) console[method] = original;
+    }
+    if (typeof window !== "undefined") {
+      if (onError) window.removeEventListener("error", onError);
+      if (onRejection) window.removeEventListener("unhandledrejection", onRejection);
+    }
+  };
+}
 function HostProvider({
   name,
   version,
   children,
   onToolInput,
   onThemeChange,
-  onTeardown
+  onTeardown,
+  captureConsole
 }) {
   const clientRef = useRef(null);
   if (!clientRef.current) {
@@ -10767,6 +10837,10 @@ function HostProvider({
       client.disconnect();
     };
   }, [client]);
+  useEffect(() => {
+    if (!captureConsole) return;
+    return setupConsoleCapture(client);
+  }, [client, captureConsole]);
   return /* @__PURE__ */ jsx(HostContext.Provider, { value: client, children });
 }