mcp-use 1.3.3-canary.3 → 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/.tsbuildinfo +1 -1
- package/dist/chunk-QKPVHYJU.js +2027 -0
- package/dist/index.cjs +1248 -5
- package/dist/index.js +5 -1
- package/dist/src/react/WidgetDebugger.d.ts +31 -0
- package/dist/src/react/WidgetDebugger.d.ts.map +1 -0
- package/dist/src/react/WidgetFullscreenWrapper.d.ts +32 -0
- package/dist/src/react/WidgetFullscreenWrapper.d.ts.map +1 -0
- package/dist/src/react/index.cjs +1248 -5
- package/dist/src/react/index.d.ts +2 -0
- package/dist/src/react/index.d.ts.map +1 -1
- package/dist/src/react/index.js +5 -1
- package/dist/src/react/useWidget.d.ts.map +1 -1
- package/dist/src/server/index.cjs +4 -4
- package/dist/src/server/index.js +4 -4
- package/package.json +3 -3
- package/dist/chunk-VNEGDXZO.js +0 -784
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-
|
|
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"}
|