mcp-use 1.3.3-canary.2 → 1.3.3-canary.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -19,12 +19,14 @@ import {
19
19
  setTelemetrySource
20
20
  } from "./chunk-6EHM3S3M.js";
21
21
  import {
22
+ WidgetDebugger,
23
+ WidgetFullscreenWrapper,
22
24
  useMcp,
23
25
  useWidget,
24
26
  useWidgetProps,
25
27
  useWidgetState,
26
28
  useWidgetTheme
27
- } from "./chunk-VNEGDXZO.js";
29
+ } from "./chunk-QKPVHYJU.js";
28
30
  import {
29
31
  BaseConnector,
30
32
  BaseMCPClient,
@@ -683,6 +685,8 @@ export {
683
685
  StdioConnector,
684
686
  Telemetry,
685
687
  WebSocketConnector,
688
+ WidgetDebugger,
689
+ WidgetFullscreenWrapper,
686
690
  createOAuthMCPConfig,
687
691
  createReadableStreamFromGenerator,
688
692
  loadConfigFile,
@@ -0,0 +1,31 @@
1
+ /**
2
+ * Wrapper component that adds a debug button to display widget debug information.
3
+ * Shows a bug icon button that opens a minimal overlay with debug data in table format.
4
+ */
5
+ import React from "react";
6
+ type Position = "top-left" | "top-center" | "top-right" | "center-left" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right";
7
+ interface WidgetDebuggerProps {
8
+ children: React.ReactNode;
9
+ className?: string;
10
+ position?: Position;
11
+ attachTo?: HTMLElement | null;
12
+ showLabels?: boolean;
13
+ }
14
+ /**
15
+ * Wrapper component that adds a debug button to display widget debug information.
16
+ * The button shows a bug icon and opens an overlay with debug data in a minimal table format.
17
+ *
18
+ * @example
19
+ * ```tsx
20
+ * const MyWidget: React.FC = () => {
21
+ * return (
22
+ * <WidgetDebugger position="top-right">
23
+ * <div>My widget content</div>
24
+ * </WidgetDebugger>
25
+ * );
26
+ * };
27
+ * ```
28
+ */
29
+ export declare function WidgetDebugger({ children, className, position, attachTo, showLabels, }: WidgetDebuggerProps): React.JSX.Element;
30
+ export {};
31
+ //# sourceMappingURL=WidgetDebugger.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WidgetDebugger.d.ts","sourceRoot":"","sources":["../../../src/react/WidgetDebugger.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,KAAK,QAAQ,GACT,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,cAAc,GACd,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAc,EACd,QAAsB,EACtB,QAAQ,EACR,UAAiB,GAClB,EAAE,mBAAmB,qBA2+BrB"}
@@ -0,0 +1,32 @@
1
+ /**
2
+ * Wrapper component that automatically adds a close button when widget is in fullscreen mode.
3
+ * This ensures users can exit fullscreen without needing to add their own close button,
4
+ * which would conflict with ChatGPT's own controls when deployed.
5
+ */
6
+ import React from "react";
7
+ type Position = "top-left" | "top-center" | "top-right" | "center-left" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right";
8
+ interface WidgetFullscreenWrapperProps {
9
+ children: React.ReactNode;
10
+ className?: string;
11
+ position?: Position;
12
+ attachTo?: HTMLElement | null;
13
+ showLabels?: boolean;
14
+ }
15
+ /**
16
+ * Wrapper component that adds icon buttons for fullscreen and pip modes.
17
+ * Icons are only visible on hover with smooth opacity transitions.
18
+ *
19
+ * @example
20
+ * ```tsx
21
+ * const MyWidget: React.FC = () => {
22
+ * return (
23
+ * <WidgetFullscreenWrapper position="top-right" showLabels>
24
+ * <div>My widget content</div>
25
+ * </WidgetFullscreenWrapper>
26
+ * );
27
+ * };
28
+ * ```
29
+ */
30
+ export declare function WidgetFullscreenWrapper({ children, className, position, attachTo, showLabels, }: WidgetFullscreenWrapperProps): React.JSX.Element;
31
+ export {};
32
+ //# sourceMappingURL=WidgetFullscreenWrapper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WidgetFullscreenWrapper.d.ts","sourceRoot":"","sources":["../../../src/react/WidgetFullscreenWrapper.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,KAAK,QAAQ,GACT,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,cAAc,GACd,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,UAAU,4BAA4B;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,SAAc,EACd,QAAsB,EACtB,QAAQ,EACR,UAAiB,GAClB,EAAE,4BAA4B,qBA4T9B"}