skybridge 0.0.0-dev.bfca583 → 0.0.0-dev.c0da641
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/bin/run.js +9 -0
- package/dist/cli/header.d.ts +4 -0
- package/dist/cli/header.js +6 -0
- package/dist/cli/header.js.map +1 -0
- package/dist/cli/run-command.d.ts +2 -0
- package/dist/cli/run-command.js +43 -0
- package/dist/cli/run-command.js.map +1 -0
- package/dist/cli/use-execute-steps.d.ts +10 -0
- package/dist/cli/use-execute-steps.js +31 -0
- package/dist/cli/use-execute-steps.js.map +1 -0
- package/dist/commands/build.d.ts +9 -0
- package/dist/commands/build.js +44 -0
- package/dist/commands/build.js.map +1 -0
- package/dist/commands/dev.d.ts +7 -0
- package/dist/commands/dev.js +20 -0
- package/dist/commands/dev.js.map +1 -0
- package/dist/commands/start.d.ts +7 -0
- package/dist/commands/start.js +33 -0
- package/dist/commands/start.js.map +1 -0
- package/dist/{src/server → server}/index.d.ts +0 -1
- package/dist/{src/server → server}/index.js +0 -1
- package/dist/server/index.js.map +1 -0
- package/dist/server/inferUtilityTypes.js.map +1 -0
- package/dist/{src/server → server}/server.d.ts +26 -1
- package/dist/server/server.js +138 -0
- package/dist/server/server.js.map +1 -0
- package/dist/server/templateHelper.js.map +1 -0
- package/dist/server/templates/development.hbs +66 -0
- package/dist/{src/server → server}/widgetsDevServer.d.ts +2 -2
- package/dist/{src/server → server}/widgetsDevServer.js +11 -2
- package/dist/server/widgetsDevServer.js.map +1 -0
- package/dist/test/utils.js.map +1 -0
- package/dist/{src/test → test}/widget.test.js +117 -5
- package/dist/test/widget.test.js.map +1 -0
- package/dist/{src/web → web}/bridges/adaptors/apps-sdk-adaptor.d.ts +2 -1
- package/dist/{src/web → web}/bridges/adaptors/apps-sdk-adaptor.js +6 -0
- package/dist/web/bridges/adaptors/apps-sdk-adaptor.js.map +1 -0
- package/dist/{src/web → web}/bridges/adaptors/mcp-app-adaptor.d.ts +4 -1
- package/dist/{src/web → web}/bridges/adaptors/mcp-app-adaptor.js +31 -1
- package/dist/web/bridges/adaptors/mcp-app-adaptor.js.map +1 -0
- package/dist/web/bridges/apps-sdk-bridge.js.map +1 -0
- package/dist/web/bridges/hooks/get-adaptor.d.ts +2 -0
- package/dist/{src/web/bridges/hooks/use-adaptor.js → web/bridges/hooks/get-adaptor.js} +2 -2
- package/dist/web/bridges/hooks/get-adaptor.js.map +1 -0
- package/dist/web/bridges/hooks/use-apps-sdk-bridge.js.map +1 -0
- package/dist/{src/web → web}/bridges/hooks/use-bridge.js +2 -2
- package/dist/web/bridges/hooks/use-bridge.js.map +1 -0
- package/dist/web/bridges/hooks/use-mcp-app-bridge.js.map +1 -0
- package/dist/{src/web → web}/bridges/hooks/use-mcp-app-bridge.test.js +17 -1
- package/dist/web/bridges/hooks/use-mcp-app-bridge.test.js.map +1 -0
- package/dist/{src/web → web}/bridges/index.d.ts +1 -1
- package/dist/{src/web → web}/bridges/index.js +1 -1
- package/dist/web/bridges/index.js.map +1 -0
- package/dist/{src/web → web}/bridges/mcp-app-bridge.d.ts +11 -0
- package/dist/web/bridges/mcp-app-bridge.js +256 -0
- package/dist/web/bridges/mcp-app-bridge.js.map +1 -0
- package/dist/{src/web → web}/bridges/types.d.ts +5 -1
- package/dist/{src/web → web}/bridges/types.js.map +1 -1
- package/dist/{src/web → web}/create-store.js +6 -7
- package/dist/web/create-store.js.map +1 -0
- package/dist/web/create-store.test.js +123 -0
- package/dist/web/create-store.test.js.map +1 -0
- package/dist/{src/web → web}/data-llm.js +5 -3
- package/dist/web/data-llm.js.map +1 -0
- package/dist/web/data-llm.test.js +140 -0
- package/dist/web/data-llm.test.js.map +1 -0
- package/dist/web/generate-helpers.js.map +1 -0
- package/dist/web/generate-helpers.test-d.js.map +1 -0
- package/dist/web/generate-helpers.test.js.map +1 -0
- package/dist/{src/web → web}/helpers/state.js +13 -8
- package/dist/web/helpers/state.js.map +1 -0
- package/dist/web/helpers/state.test.js.map +1 -0
- package/dist/web/hooks/index.js.map +1 -0
- package/dist/{src/web → web}/hooks/test/utils.d.ts +8 -2
- package/dist/web/hooks/test/utils.js +60 -0
- package/dist/web/hooks/test/utils.js.map +1 -0
- package/dist/{src/web → web}/hooks/use-call-tool.js +2 -2
- package/dist/web/hooks/use-call-tool.js.map +1 -0
- package/dist/web/hooks/use-call-tool.test-d.js.map +1 -0
- package/dist/{src/web → web}/hooks/use-call-tool.test.js +0 -1
- package/dist/web/hooks/use-call-tool.test.js.map +1 -0
- package/dist/{src/web → web}/hooks/use-display-mode.js +2 -2
- package/dist/web/hooks/use-display-mode.js.map +1 -0
- package/dist/web/hooks/use-display-mode.test.js.map +1 -0
- package/dist/{src/web → web}/hooks/use-files.d.ts +1 -1
- package/dist/web/hooks/use-files.js +7 -0
- package/dist/web/hooks/use-files.js.map +1 -0
- package/dist/{src/web → web}/hooks/use-files.test.js +4 -4
- package/dist/web/hooks/use-files.test.js.map +1 -0
- package/dist/web/hooks/use-layout.js.map +1 -0
- package/dist/{src/web → web}/hooks/use-layout.test.js +2 -2
- package/dist/web/hooks/use-layout.test.js.map +1 -0
- package/dist/{src/web → web}/hooks/use-open-external.js +2 -2
- package/dist/web/hooks/use-open-external.js.map +1 -0
- package/dist/web/hooks/use-open-external.test.js.map +1 -0
- package/dist/web/hooks/use-openai-global.js.map +1 -0
- package/dist/web/hooks/use-request-modal.js.map +1 -0
- package/dist/web/hooks/use-request-modal.test.js.map +1 -0
- package/dist/{src/web → web}/hooks/use-send-follow-up-message.js +2 -2
- package/dist/web/hooks/use-send-follow-up-message.js.map +1 -0
- package/dist/web/hooks/use-tool-info.js.map +1 -0
- package/dist/web/hooks/use-tool-info.test-d.js.map +1 -0
- package/dist/web/hooks/use-tool-info.test.js.map +1 -0
- package/dist/web/hooks/use-user.js.map +1 -0
- package/dist/web/hooks/use-user.test.js.map +1 -0
- package/dist/{src/web → web}/hooks/use-widget-state.js +10 -10
- package/dist/web/hooks/use-widget-state.js.map +1 -0
- package/dist/web/hooks/use-widget-state.test.js.map +1 -0
- package/dist/web/index.js.map +1 -0
- package/dist/web/mount-widget.js.map +1 -0
- package/dist/web/plugin/data-llm.test.js.map +1 -0
- package/dist/web/plugin/plugin.js.map +1 -0
- package/dist/web/plugin/transform-data-llm.js.map +1 -0
- package/dist/web/plugin/transform-data-llm.test.js.map +1 -0
- package/dist/web/proxy.js.map +1 -0
- package/dist/{src/web → web}/types.d.ts +2 -2
- package/dist/web/types.js.map +1 -0
- package/package.json +26 -10
- package/dist/src/server/devtoolsStaticServer.d.ts +0 -19
- package/dist/src/server/devtoolsStaticServer.js +0 -48
- package/dist/src/server/devtoolsStaticServer.js.map +0 -1
- package/dist/src/server/index.js.map +0 -1
- package/dist/src/server/inferUtilityTypes.js.map +0 -1
- package/dist/src/server/server.js +0 -82
- package/dist/src/server/server.js.map +0 -1
- package/dist/src/server/templateHelper.js.map +0 -1
- package/dist/src/server/templates/development.hbs +0 -13
- package/dist/src/server/widgetsDevServer.js.map +0 -1
- package/dist/src/test/utils.js.map +0 -1
- package/dist/src/test/widget.test.js.map +0 -1
- package/dist/src/web/bridges/adaptors/apps-sdk-adaptor.js.map +0 -1
- package/dist/src/web/bridges/adaptors/mcp-app-adaptor.js.map +0 -1
- package/dist/src/web/bridges/apps-sdk-bridge.js.map +0 -1
- package/dist/src/web/bridges/hooks/use-adaptor.d.ts +0 -2
- package/dist/src/web/bridges/hooks/use-adaptor.js.map +0 -1
- package/dist/src/web/bridges/hooks/use-apps-sdk-bridge.js.map +0 -1
- package/dist/src/web/bridges/hooks/use-bridge.js.map +0 -1
- package/dist/src/web/bridges/hooks/use-mcp-app-bridge.js.map +0 -1
- package/dist/src/web/bridges/hooks/use-mcp-app-bridge.test.js.map +0 -1
- package/dist/src/web/bridges/index.js.map +0 -1
- package/dist/src/web/bridges/mcp-app-bridge.js +0 -162
- package/dist/src/web/bridges/mcp-app-bridge.js.map +0 -1
- package/dist/src/web/create-store.js.map +0 -1
- package/dist/src/web/create-store.test.js +0 -70
- package/dist/src/web/create-store.test.js.map +0 -1
- package/dist/src/web/data-llm.js.map +0 -1
- package/dist/src/web/data-llm.test.js +0 -76
- package/dist/src/web/data-llm.test.js.map +0 -1
- package/dist/src/web/generate-helpers.js.map +0 -1
- package/dist/src/web/generate-helpers.test-d.js.map +0 -1
- package/dist/src/web/generate-helpers.test.js.map +0 -1
- package/dist/src/web/helpers/state.js.map +0 -1
- package/dist/src/web/helpers/state.test.js.map +0 -1
- package/dist/src/web/hooks/index.js.map +0 -1
- package/dist/src/web/hooks/test/utils.js +0 -40
- package/dist/src/web/hooks/test/utils.js.map +0 -1
- package/dist/src/web/hooks/use-call-tool.js.map +0 -1
- package/dist/src/web/hooks/use-call-tool.test-d.js.map +0 -1
- package/dist/src/web/hooks/use-call-tool.test.js.map +0 -1
- package/dist/src/web/hooks/use-display-mode.js.map +0 -1
- package/dist/src/web/hooks/use-display-mode.test.js.map +0 -1
- package/dist/src/web/hooks/use-files.js +0 -7
- package/dist/src/web/hooks/use-files.js.map +0 -1
- package/dist/src/web/hooks/use-files.test.js.map +0 -1
- package/dist/src/web/hooks/use-layout.js.map +0 -1
- package/dist/src/web/hooks/use-layout.test.js.map +0 -1
- package/dist/src/web/hooks/use-open-external.js.map +0 -1
- package/dist/src/web/hooks/use-open-external.test.js.map +0 -1
- package/dist/src/web/hooks/use-openai-global.js.map +0 -1
- package/dist/src/web/hooks/use-request-modal.js.map +0 -1
- package/dist/src/web/hooks/use-request-modal.test.js.map +0 -1
- package/dist/src/web/hooks/use-send-follow-up-message.js.map +0 -1
- package/dist/src/web/hooks/use-tool-info.js.map +0 -1
- package/dist/src/web/hooks/use-tool-info.test-d.js.map +0 -1
- package/dist/src/web/hooks/use-tool-info.test.js.map +0 -1
- package/dist/src/web/hooks/use-user.js.map +0 -1
- package/dist/src/web/hooks/use-user.test.js.map +0 -1
- package/dist/src/web/hooks/use-widget-state.js.map +0 -1
- package/dist/src/web/hooks/use-widget-state.test.js.map +0 -1
- package/dist/src/web/index.js.map +0 -1
- package/dist/src/web/mount-widget.js.map +0 -1
- package/dist/src/web/plugin/data-llm.test.js.map +0 -1
- package/dist/src/web/plugin/plugin.js.map +0 -1
- package/dist/src/web/plugin/transform-data-llm.js.map +0 -1
- package/dist/src/web/plugin/transform-data-llm.test.js.map +0 -1
- package/dist/src/web/proxy.js.map +0 -1
- package/dist/src/web/types.js.map +0 -1
- package/dist/vitest.config.d.ts +0 -2
- package/dist/vitest.config.js +0 -8
- package/dist/vitest.config.js.map +0 -1
- /package/dist/{src/server → server}/inferUtilityTypes.d.ts +0 -0
- /package/dist/{src/server → server}/inferUtilityTypes.js +0 -0
- /package/dist/{src/server → server}/templateHelper.d.ts +0 -0
- /package/dist/{src/server → server}/templateHelper.js +0 -0
- /package/dist/{src/server → server}/templates/production.hbs +0 -0
- /package/dist/{src/test → test}/utils.d.ts +0 -0
- /package/dist/{src/test → test}/utils.js +0 -0
- /package/dist/{src/test → test}/widget.test.d.ts +0 -0
- /package/dist/{src/web → web}/bridges/apps-sdk-bridge.d.ts +0 -0
- /package/dist/{src/web → web}/bridges/apps-sdk-bridge.js +0 -0
- /package/dist/{src/web → web}/bridges/hooks/use-apps-sdk-bridge.d.ts +0 -0
- /package/dist/{src/web → web}/bridges/hooks/use-apps-sdk-bridge.js +0 -0
- /package/dist/{src/web → web}/bridges/hooks/use-bridge.d.ts +0 -0
- /package/dist/{src/web → web}/bridges/hooks/use-mcp-app-bridge.d.ts +0 -0
- /package/dist/{src/web → web}/bridges/hooks/use-mcp-app-bridge.js +0 -0
- /package/dist/{src/web → web}/bridges/hooks/use-mcp-app-bridge.test.d.ts +0 -0
- /package/dist/{src/web → web}/bridges/types.js +0 -0
- /package/dist/{src/web → web}/create-store.d.ts +0 -0
- /package/dist/{src/web → web}/create-store.test.d.ts +0 -0
- /package/dist/{src/web → web}/data-llm.d.ts +0 -0
- /package/dist/{src/web → web}/data-llm.test.d.ts +0 -0
- /package/dist/{src/web → web}/generate-helpers.d.ts +0 -0
- /package/dist/{src/web → web}/generate-helpers.js +0 -0
- /package/dist/{src/web → web}/generate-helpers.test-d.d.ts +0 -0
- /package/dist/{src/web → web}/generate-helpers.test-d.js +0 -0
- /package/dist/{src/web → web}/generate-helpers.test.d.ts +0 -0
- /package/dist/{src/web → web}/generate-helpers.test.js +0 -0
- /package/dist/{src/web → web}/helpers/state.d.ts +0 -0
- /package/dist/{src/web → web}/helpers/state.test.d.ts +0 -0
- /package/dist/{src/web → web}/helpers/state.test.js +0 -0
- /package/dist/{src/web → web}/hooks/index.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/index.js +0 -0
- /package/dist/{src/web → web}/hooks/use-call-tool.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-call-tool.test-d.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-call-tool.test-d.js +0 -0
- /package/dist/{src/web → web}/hooks/use-call-tool.test.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-display-mode.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-display-mode.test.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-display-mode.test.js +0 -0
- /package/dist/{src/web → web}/hooks/use-files.test.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-layout.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-layout.js +0 -0
- /package/dist/{src/web → web}/hooks/use-layout.test.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-open-external.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-open-external.test.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-open-external.test.js +0 -0
- /package/dist/{src/web → web}/hooks/use-openai-global.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-openai-global.js +0 -0
- /package/dist/{src/web → web}/hooks/use-request-modal.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-request-modal.js +0 -0
- /package/dist/{src/web → web}/hooks/use-request-modal.test.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-request-modal.test.js +0 -0
- /package/dist/{src/web → web}/hooks/use-send-follow-up-message.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-tool-info.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-tool-info.js +0 -0
- /package/dist/{src/web → web}/hooks/use-tool-info.test-d.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-tool-info.test-d.js +0 -0
- /package/dist/{src/web → web}/hooks/use-tool-info.test.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-tool-info.test.js +0 -0
- /package/dist/{src/web → web}/hooks/use-user.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-user.js +0 -0
- /package/dist/{src/web → web}/hooks/use-user.test.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-user.test.js +0 -0
- /package/dist/{src/web → web}/hooks/use-widget-state.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-widget-state.test.d.ts +0 -0
- /package/dist/{src/web → web}/hooks/use-widget-state.test.js +0 -0
- /package/dist/{src/web → web}/index.d.ts +0 -0
- /package/dist/{src/web → web}/index.js +0 -0
- /package/dist/{src/web → web}/mount-widget.d.ts +0 -0
- /package/dist/{src/web → web}/mount-widget.js +0 -0
- /package/dist/{src/web → web}/plugin/data-llm.test.d.ts +0 -0
- /package/dist/{src/web → web}/plugin/data-llm.test.js +0 -0
- /package/dist/{src/web → web}/plugin/plugin.d.ts +0 -0
- /package/dist/{src/web → web}/plugin/plugin.js +0 -0
- /package/dist/{src/web → web}/plugin/transform-data-llm.d.ts +0 -0
- /package/dist/{src/web → web}/plugin/transform-data-llm.js +0 -0
- /package/dist/{src/web → web}/plugin/transform-data-llm.test.d.ts +0 -0
- /package/dist/{src/web → web}/plugin/transform-data-llm.test.js +0 -0
- /package/dist/{src/web → web}/proxy.d.ts +0 -0
- /package/dist/{src/web → web}/proxy.js +0 -0
- /package/dist/{src/web → web}/types.js +0 -0
|
@@ -0,0 +1,256 @@
|
|
|
1
|
+
const LATEST_PROTOCOL_VERSION = "2025-11-21";
|
|
2
|
+
var JsonRpcErrorCode;
|
|
3
|
+
(function (JsonRpcErrorCode) {
|
|
4
|
+
JsonRpcErrorCode[JsonRpcErrorCode["ParseError"] = -32700] = "ParseError";
|
|
5
|
+
JsonRpcErrorCode[JsonRpcErrorCode["InvalidRequest"] = -32600] = "InvalidRequest";
|
|
6
|
+
JsonRpcErrorCode[JsonRpcErrorCode["MethodNotFound"] = -32601] = "MethodNotFound";
|
|
7
|
+
JsonRpcErrorCode[JsonRpcErrorCode["InvalidParams"] = -32602] = "InvalidParams";
|
|
8
|
+
JsonRpcErrorCode[JsonRpcErrorCode["InternalError"] = -32603] = "InternalError";
|
|
9
|
+
})(JsonRpcErrorCode || (JsonRpcErrorCode = {}));
|
|
10
|
+
export class McpAppBridge {
|
|
11
|
+
static instance = null;
|
|
12
|
+
context = {
|
|
13
|
+
toolInput: null,
|
|
14
|
+
toolCancelled: null,
|
|
15
|
+
toolResult: null,
|
|
16
|
+
};
|
|
17
|
+
listeners = new Map();
|
|
18
|
+
pendingRequests = new Map();
|
|
19
|
+
nextId = 1;
|
|
20
|
+
initialized;
|
|
21
|
+
appInitializationOptions;
|
|
22
|
+
requestTimeout;
|
|
23
|
+
cleanupSizeObserver = null;
|
|
24
|
+
constructor(options, requestTimeout = 10_000) {
|
|
25
|
+
this.requestTimeout = requestTimeout;
|
|
26
|
+
this.initialized = false;
|
|
27
|
+
this.appInitializationOptions = {
|
|
28
|
+
appInfo: options.appInfo,
|
|
29
|
+
appCapabilities: {},
|
|
30
|
+
protocolVersion: LATEST_PROTOCOL_VERSION,
|
|
31
|
+
};
|
|
32
|
+
this.init();
|
|
33
|
+
}
|
|
34
|
+
static getInstance(options, requestTimeout) {
|
|
35
|
+
if (window.skybridge.hostType !== "mcp-app") {
|
|
36
|
+
throw new Error("MCP App Bridge can only be used in the mcp-app runtime");
|
|
37
|
+
}
|
|
38
|
+
if (McpAppBridge.instance && (options || requestTimeout)) {
|
|
39
|
+
console.warn("McpAppBridge.getInstance: options and requestTimeout ignored, instance already exists");
|
|
40
|
+
}
|
|
41
|
+
if (!McpAppBridge.instance) {
|
|
42
|
+
const defaultOptions = {
|
|
43
|
+
appInfo: { name: "skybridge-app", version: "0.0.1" },
|
|
44
|
+
};
|
|
45
|
+
McpAppBridge.instance = new McpAppBridge({ ...defaultOptions, ...options }, requestTimeout);
|
|
46
|
+
}
|
|
47
|
+
return McpAppBridge.instance;
|
|
48
|
+
}
|
|
49
|
+
subscribe(keyOrKeys) {
|
|
50
|
+
const keys = Array.isArray(keyOrKeys) ? keyOrKeys : [keyOrKeys];
|
|
51
|
+
return (onChange) => {
|
|
52
|
+
for (const key of keys) {
|
|
53
|
+
this.listeners.set(key, new Set([...(this.listeners.get(key) || []), onChange]));
|
|
54
|
+
}
|
|
55
|
+
return () => {
|
|
56
|
+
for (const key of keys) {
|
|
57
|
+
this.listeners.get(key)?.delete(onChange);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
getSnapshot(key) {
|
|
63
|
+
return this.context[key];
|
|
64
|
+
}
|
|
65
|
+
cleanup = () => {
|
|
66
|
+
window.removeEventListener("message", this.handleMessage);
|
|
67
|
+
this.pendingRequests.forEach((request) => {
|
|
68
|
+
clearTimeout(request.timeout);
|
|
69
|
+
});
|
|
70
|
+
this.pendingRequests.clear();
|
|
71
|
+
this.listeners.clear();
|
|
72
|
+
this.cleanupSizeObserver?.();
|
|
73
|
+
this.cleanupSizeObserver = null;
|
|
74
|
+
};
|
|
75
|
+
static resetInstance() {
|
|
76
|
+
if (McpAppBridge.instance) {
|
|
77
|
+
McpAppBridge.instance.cleanup();
|
|
78
|
+
McpAppBridge.instance = null;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
request({ method, params, }) {
|
|
82
|
+
const id = this.nextId++;
|
|
83
|
+
const { promise, resolve, reject } = Promise.withResolvers();
|
|
84
|
+
this.pendingRequests.set(id, {
|
|
85
|
+
resolve: resolve,
|
|
86
|
+
reject,
|
|
87
|
+
timeout: setTimeout(() => {
|
|
88
|
+
reject(new Error("Request timed out"));
|
|
89
|
+
this.pendingRequests.delete(id);
|
|
90
|
+
}, this.requestTimeout),
|
|
91
|
+
});
|
|
92
|
+
window.parent.postMessage({ jsonrpc: "2.0", id, method, params }, "*");
|
|
93
|
+
return promise;
|
|
94
|
+
}
|
|
95
|
+
emit(key) {
|
|
96
|
+
this.listeners.get(key)?.forEach((listener) => {
|
|
97
|
+
listener();
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
updateContext(context) {
|
|
101
|
+
this.context = { ...this.context, ...context };
|
|
102
|
+
for (const key of Object.keys(context)) {
|
|
103
|
+
this.emit(key);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
init() {
|
|
107
|
+
if (this.initialized) {
|
|
108
|
+
return;
|
|
109
|
+
}
|
|
110
|
+
this.initialized = true;
|
|
111
|
+
if (typeof window === "undefined" || window.parent === window) {
|
|
112
|
+
return;
|
|
113
|
+
}
|
|
114
|
+
window.addEventListener("message", this.handleMessage);
|
|
115
|
+
this.connect();
|
|
116
|
+
}
|
|
117
|
+
handleMessage = (event) => {
|
|
118
|
+
const data = event.data;
|
|
119
|
+
if (data.jsonrpc !== "2.0") {
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
if ("id" in data) {
|
|
123
|
+
if ("method" in data) {
|
|
124
|
+
this.handleRequest(data);
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
this.handleResponse(data);
|
|
128
|
+
return;
|
|
129
|
+
}
|
|
130
|
+
this.handleNotification(data);
|
|
131
|
+
};
|
|
132
|
+
handleResponse(response) {
|
|
133
|
+
const request = this.pendingRequests.get(response.id);
|
|
134
|
+
if (request) {
|
|
135
|
+
clearTimeout(request.timeout);
|
|
136
|
+
this.pendingRequests.delete(response.id);
|
|
137
|
+
if ("error" in response) {
|
|
138
|
+
request.reject(new Error(response.error.message));
|
|
139
|
+
return;
|
|
140
|
+
}
|
|
141
|
+
request.resolve(response.result);
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
handleNotification = (notification) => {
|
|
145
|
+
switch (notification.method) {
|
|
146
|
+
case "ui/notifications/host-context-changed":
|
|
147
|
+
this.updateContext(notification.params);
|
|
148
|
+
return;
|
|
149
|
+
case "ui/notifications/tool-input":
|
|
150
|
+
this.updateContext({
|
|
151
|
+
toolInput: notification.params.arguments ?? {},
|
|
152
|
+
});
|
|
153
|
+
return;
|
|
154
|
+
case "ui/notifications/tool-result":
|
|
155
|
+
this.updateContext({
|
|
156
|
+
toolResult: notification.params,
|
|
157
|
+
});
|
|
158
|
+
return;
|
|
159
|
+
case "ui/notifications/tool-cancelled":
|
|
160
|
+
this.updateContext({
|
|
161
|
+
toolCancelled: notification.params,
|
|
162
|
+
});
|
|
163
|
+
return;
|
|
164
|
+
}
|
|
165
|
+
};
|
|
166
|
+
handleRequest = (request) => {
|
|
167
|
+
switch (request.method) {
|
|
168
|
+
case "ui/resource-teardown":
|
|
169
|
+
this.cleanup();
|
|
170
|
+
window.parent.postMessage({
|
|
171
|
+
jsonrpc: "2.0",
|
|
172
|
+
id: request.id,
|
|
173
|
+
result: {},
|
|
174
|
+
}, "*");
|
|
175
|
+
return;
|
|
176
|
+
default:
|
|
177
|
+
window.parent.postMessage({
|
|
178
|
+
jsonrpc: "2.0",
|
|
179
|
+
id: request.id,
|
|
180
|
+
error: {
|
|
181
|
+
code: JsonRpcErrorCode.MethodNotFound,
|
|
182
|
+
message: "Unsupported Request",
|
|
183
|
+
},
|
|
184
|
+
}, "*");
|
|
185
|
+
}
|
|
186
|
+
};
|
|
187
|
+
async connect() {
|
|
188
|
+
try {
|
|
189
|
+
const result = await this.request({
|
|
190
|
+
method: "ui/initialize",
|
|
191
|
+
params: this.appInitializationOptions,
|
|
192
|
+
});
|
|
193
|
+
this.updateContext(result.hostContext);
|
|
194
|
+
this.notify({ method: "ui/notifications/initialized" });
|
|
195
|
+
this.cleanupSizeObserver = this.setupSizeChangedNotifications();
|
|
196
|
+
}
|
|
197
|
+
catch (err) {
|
|
198
|
+
console.error(err);
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
notify(notification) {
|
|
202
|
+
window.parent.postMessage({ jsonrpc: "2.0", ...notification }, "*");
|
|
203
|
+
}
|
|
204
|
+
sendSizeChanged(params) {
|
|
205
|
+
this.notify({ method: "ui/notifications/size-changed", params });
|
|
206
|
+
}
|
|
207
|
+
/**
|
|
208
|
+
* Set up automatic size change notifications using ResizeObserver.
|
|
209
|
+
* Based on @modelcontextprotocol/ext-apps App.setupSizeChangedNotifications
|
|
210
|
+
* @see https://github.com/modelcontextprotocol/ext-apps/blob/main/src/app.ts#L940-L989
|
|
211
|
+
*/
|
|
212
|
+
setupSizeChangedNotifications() {
|
|
213
|
+
let scheduled = false;
|
|
214
|
+
let lastWidth = 0;
|
|
215
|
+
let lastHeight = 0;
|
|
216
|
+
const sendBodySizeChanged = () => {
|
|
217
|
+
if (scheduled) {
|
|
218
|
+
return;
|
|
219
|
+
}
|
|
220
|
+
scheduled = true;
|
|
221
|
+
requestAnimationFrame(() => {
|
|
222
|
+
scheduled = false;
|
|
223
|
+
const html = document.documentElement;
|
|
224
|
+
// Measure actual content size by temporarily setting html to fit-content.
|
|
225
|
+
// This shrinks html to fit body (including body margins), giving us the
|
|
226
|
+
// true minimum size needed by the content.
|
|
227
|
+
const originalWidth = html.style.width;
|
|
228
|
+
const originalHeight = html.style.height;
|
|
229
|
+
html.style.width = "fit-content";
|
|
230
|
+
html.style.height = "fit-content";
|
|
231
|
+
const rect = html.getBoundingClientRect();
|
|
232
|
+
html.style.width = originalWidth;
|
|
233
|
+
html.style.height = originalHeight;
|
|
234
|
+
// Compensate for scrollbar width on Linux/Windows where scrollbars
|
|
235
|
+
// consume space. On systems with overlay scrollbars (macOS), this
|
|
236
|
+
// will be 0.
|
|
237
|
+
const scrollbarWidth = window.innerWidth - html.clientWidth;
|
|
238
|
+
const width = Math.ceil(rect.width + scrollbarWidth);
|
|
239
|
+
const height = Math.ceil(rect.height);
|
|
240
|
+
// Only send if size actually changed (prevents feedback loops from
|
|
241
|
+
// style changes)
|
|
242
|
+
if (width !== lastWidth || height !== lastHeight) {
|
|
243
|
+
lastWidth = width;
|
|
244
|
+
lastHeight = height;
|
|
245
|
+
this.sendSizeChanged({ width, height });
|
|
246
|
+
}
|
|
247
|
+
});
|
|
248
|
+
};
|
|
249
|
+
sendBodySizeChanged();
|
|
250
|
+
const resizeObserver = new ResizeObserver(sendBodySizeChanged);
|
|
251
|
+
resizeObserver.observe(document.documentElement);
|
|
252
|
+
resizeObserver.observe(document.body);
|
|
253
|
+
return () => resizeObserver.disconnect();
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
//# sourceMappingURL=mcp-app-bridge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mcp-app-bridge.js","sourceRoot":"","sources":["../../../src/web/bridges/mcp-app-bridge.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ export type CallToolResponse = {
|
|
|
6
6
|
structuredContent: NonNullable<CallToolResult["structuredContent"]>;
|
|
7
7
|
isError: NonNullable<CallToolResult["isError"]>;
|
|
8
8
|
result: string;
|
|
9
|
-
meta
|
|
9
|
+
meta?: CallToolResult["_meta"];
|
|
10
10
|
};
|
|
11
11
|
export type DisplayMode = "pip" | "inline" | "fullscreen" | "modal";
|
|
12
12
|
export type DeviceType = "mobile" | "tablet" | "desktop" | "unknown";
|
|
@@ -35,6 +35,7 @@ export interface BridgeInterface {
|
|
|
35
35
|
toolInput: Record<string, unknown> | null;
|
|
36
36
|
toolOutput: Record<string, unknown> | null;
|
|
37
37
|
toolResponseMetadata: Record<string, unknown> | null;
|
|
38
|
+
widgetState: Record<string, unknown> | null;
|
|
38
39
|
}
|
|
39
40
|
export type Subscribe = Parameters<typeof useSyncExternalStore>[0];
|
|
40
41
|
export interface Bridge<Context> {
|
|
@@ -46,6 +47,8 @@ export type ExternalStore<K extends keyof BridgeInterface> = {
|
|
|
46
47
|
subscribe: Subscribe;
|
|
47
48
|
getSnapshot: () => BridgeInterface[K];
|
|
48
49
|
};
|
|
50
|
+
export type WidgetState = Record<string, unknown>;
|
|
51
|
+
export type SetWidgetStateAction = WidgetState | ((prevState: WidgetState | null) => WidgetState);
|
|
49
52
|
export interface Adaptor {
|
|
50
53
|
getExternalStore<K extends keyof BridgeInterface>(key: K): ExternalStore<K>;
|
|
51
54
|
callTool<ToolArgs extends CallToolArgs = null, ToolResponse extends CallToolResponse = CallToolResponse>(name: string, args: ToolArgs): Promise<ToolResponse>;
|
|
@@ -54,4 +57,5 @@ export interface Adaptor {
|
|
|
54
57
|
}>;
|
|
55
58
|
sendFollowUpMessage(prompt: string): Promise<void>;
|
|
56
59
|
openExternal(href: string): void;
|
|
60
|
+
setWidgetState(stateOrUpdater: SetWidgetStateAction): Promise<void>;
|
|
57
61
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/web/bridges/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { create } from "zustand";
|
|
2
|
+
import { getAdaptor } from "./bridges/index.js";
|
|
2
3
|
import { getInitialState, injectWidgetContext, serializeState, } from "./helpers/state.js";
|
|
3
4
|
export function createStore(storeCreator, defaultState) {
|
|
4
5
|
const initialState = getInitialState(defaultState);
|
|
@@ -10,13 +11,11 @@ export function createStore(storeCreator, defaultState) {
|
|
|
10
11
|
return baseStore;
|
|
11
12
|
});
|
|
12
13
|
store.subscribe((state) => {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
window.openai.setWidgetState(stateToPersist);
|
|
19
|
-
}
|
|
14
|
+
const serializedState = serializeState(state);
|
|
15
|
+
if (serializedState !== null && serializedState !== undefined) {
|
|
16
|
+
const stateToPersist = injectWidgetContext(serializedState);
|
|
17
|
+
if (stateToPersist !== null) {
|
|
18
|
+
getAdaptor().setWidgetState(stateToPersist);
|
|
20
19
|
}
|
|
21
20
|
}
|
|
22
21
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-store.js","sourceRoot":"","sources":["../../src/web/create-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAqB,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,cAAc,GACf,MAAM,oBAAoB,CAAC;AAG5B,MAAM,UAAU,WAAW,CACzB,YAAgD,EAChD,YAAoC;IAEpC,MAAM,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,MAAM,EAAS,CAC3B,CAAC,GAAG,IAAoD,EAAE,EAAE;QAC1D,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC;QAExC,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YAC1B,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,YAAY,EAAE,CAAC;QAC3C,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CACF,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,CAAC,KAAY,EAAE,EAAE;QAC/B,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,eAAe,KAAK,IAAI,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;YAC9D,MAAM,cAAc,GAAG,mBAAmB,CAAC,eAAwB,CAAC,CAAC;YACrE,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;gBAC5B,UAAU,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACf,CAAC"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { afterEach, beforeEach, describe, expect, it, vi, } from "vitest";
|
|
2
|
+
import { McpAppAdaptor } from "./bridges/adaptors/mcp-app-adaptor.js";
|
|
3
|
+
import { McpAppBridge } from "./bridges/mcp-app-bridge.js";
|
|
4
|
+
import { createStore } from "./create-store.js";
|
|
5
|
+
import { WIDGET_CONTEXT_KEY } from "./data-llm.js";
|
|
6
|
+
import { getMcpAppHostPostMessageMock } from "./hooks/test/utils.js";
|
|
7
|
+
describe("createStore", () => {
|
|
8
|
+
afterEach(() => {
|
|
9
|
+
vi.unstubAllGlobals();
|
|
10
|
+
vi.resetAllMocks();
|
|
11
|
+
});
|
|
12
|
+
describe("apps-sdk mode", () => {
|
|
13
|
+
let OpenaiMock;
|
|
14
|
+
beforeEach(() => {
|
|
15
|
+
OpenaiMock = {
|
|
16
|
+
widgetState: null,
|
|
17
|
+
setWidgetState: vi.fn().mockResolvedValue(undefined),
|
|
18
|
+
};
|
|
19
|
+
vi.stubGlobal("openai", OpenaiMock);
|
|
20
|
+
vi.stubGlobal("skybridge", { hostType: "apps-sdk" });
|
|
21
|
+
});
|
|
22
|
+
it("should create a store without default state", () => {
|
|
23
|
+
const storeCreator = () => ({
|
|
24
|
+
count: 0,
|
|
25
|
+
});
|
|
26
|
+
const store = createStore(storeCreator);
|
|
27
|
+
expect(store.getState()).toEqual({ count: 0 });
|
|
28
|
+
});
|
|
29
|
+
it("should create a store with default state", () => {
|
|
30
|
+
const storeCreator = () => ({
|
|
31
|
+
count: 0,
|
|
32
|
+
name: "initial",
|
|
33
|
+
});
|
|
34
|
+
const defaultState = { count: 5, name: "default" };
|
|
35
|
+
const store = createStore(storeCreator, defaultState);
|
|
36
|
+
expect(store.getState()).toEqual({ count: 5, name: "default" });
|
|
37
|
+
});
|
|
38
|
+
it("should initialize from window.openai.widgetState when available", () => {
|
|
39
|
+
const storeCreator = () => ({
|
|
40
|
+
count: 0,
|
|
41
|
+
name: "initial",
|
|
42
|
+
});
|
|
43
|
+
const windowState = { count: 20, name: "window" };
|
|
44
|
+
OpenaiMock.widgetState = windowState;
|
|
45
|
+
const store = createStore(storeCreator);
|
|
46
|
+
expect(store.getState()).toEqual({ count: 20, name: "window" });
|
|
47
|
+
});
|
|
48
|
+
it("should persist state changes to window.openai.setWidgetState", async () => {
|
|
49
|
+
const storeCreator = (set) => ({
|
|
50
|
+
count: 0,
|
|
51
|
+
increment: () => set((state) => ({ count: state.count + 1 })),
|
|
52
|
+
});
|
|
53
|
+
const store = createStore(storeCreator);
|
|
54
|
+
store.getState().increment();
|
|
55
|
+
await vi.waitFor(() => {
|
|
56
|
+
expect(OpenaiMock.setWidgetState).toHaveBeenCalled();
|
|
57
|
+
});
|
|
58
|
+
const callArgs = OpenaiMock.setWidgetState.mock.calls[0]?.[0];
|
|
59
|
+
expect(callArgs).toEqual({ count: 1 });
|
|
60
|
+
});
|
|
61
|
+
it("should filter widget context from initial state", () => {
|
|
62
|
+
const storeCreator = () => ({
|
|
63
|
+
count: 0,
|
|
64
|
+
});
|
|
65
|
+
const windowState = {
|
|
66
|
+
count: 5,
|
|
67
|
+
[WIDGET_CONTEXT_KEY]: "context-value",
|
|
68
|
+
};
|
|
69
|
+
OpenaiMock.widgetState = windowState;
|
|
70
|
+
const store = createStore(storeCreator);
|
|
71
|
+
expect(store.getState()).toEqual({ count: 5 });
|
|
72
|
+
expect(store.getState()[WIDGET_CONTEXT_KEY]).toBeUndefined();
|
|
73
|
+
});
|
|
74
|
+
});
|
|
75
|
+
describe("mcp-app mode", () => {
|
|
76
|
+
beforeEach(() => {
|
|
77
|
+
vi.stubGlobal("skybridge", { hostType: "mcp-app" });
|
|
78
|
+
});
|
|
79
|
+
afterEach(() => {
|
|
80
|
+
McpAppBridge.resetInstance();
|
|
81
|
+
McpAppAdaptor.resetInstance();
|
|
82
|
+
});
|
|
83
|
+
it("should initialize with null widgetState", () => {
|
|
84
|
+
const adaptor = McpAppAdaptor.getInstance();
|
|
85
|
+
const widgetState = adaptor.getExternalStore("widgetState").getSnapshot();
|
|
86
|
+
expect(widgetState).toBeNull();
|
|
87
|
+
});
|
|
88
|
+
it("should create a store with default state when no persisted state exists", () => {
|
|
89
|
+
const storeCreator = () => ({
|
|
90
|
+
count: 0,
|
|
91
|
+
});
|
|
92
|
+
const store = createStore(storeCreator);
|
|
93
|
+
expect(store.getState()).toEqual({ count: 0 });
|
|
94
|
+
});
|
|
95
|
+
it("should update in-memory state via setWidgetState", async () => {
|
|
96
|
+
const adaptor = McpAppAdaptor.getInstance();
|
|
97
|
+
vi.spyOn(adaptor, "setWidgetState").mockResolvedValue(undefined);
|
|
98
|
+
const storeCreator = (set) => ({
|
|
99
|
+
count: 0,
|
|
100
|
+
increment: () => set((state) => ({ count: state.count + 1 })),
|
|
101
|
+
});
|
|
102
|
+
const store = createStore(storeCreator);
|
|
103
|
+
store.getState().increment();
|
|
104
|
+
await vi.waitFor(() => {
|
|
105
|
+
expect(adaptor.setWidgetState).toHaveBeenCalledWith({ count: 1 });
|
|
106
|
+
});
|
|
107
|
+
});
|
|
108
|
+
it("should notify listeners when widget state changes", async () => {
|
|
109
|
+
const postMessageMock = getMcpAppHostPostMessageMock();
|
|
110
|
+
vi.stubGlobal("parent", { postMessage: postMessageMock });
|
|
111
|
+
const adaptor = McpAppAdaptor.getInstance();
|
|
112
|
+
const listener = vi.fn();
|
|
113
|
+
adaptor.getExternalStore("widgetState").subscribe(listener);
|
|
114
|
+
await adaptor.setWidgetState({ count: 42 });
|
|
115
|
+
expect(postMessageMock).toHaveBeenCalledWith(expect.objectContaining({ method: "ui/update-model-context" }), "*");
|
|
116
|
+
expect(listener).toHaveBeenCalled();
|
|
117
|
+
expect(adaptor.getExternalStore("widgetState").getSnapshot()).toEqual({
|
|
118
|
+
count: 42,
|
|
119
|
+
});
|
|
120
|
+
});
|
|
121
|
+
});
|
|
122
|
+
});
|
|
123
|
+
//# sourceMappingURL=create-store.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-store.test.js","sourceRoot":"","sources":["../../src/web/create-store.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { createContext, useContext, useEffect, useId, } from "react";
|
|
3
|
+
import { getAdaptor } from "./bridges/index.js";
|
|
3
4
|
export const WIDGET_CONTEXT_KEY = "__widget_context";
|
|
4
5
|
const nodes = new Map();
|
|
5
6
|
function setNode(node) {
|
|
@@ -12,10 +13,11 @@ function removeNode(id) {
|
|
|
12
13
|
}
|
|
13
14
|
function onChange() {
|
|
14
15
|
const description = getLLMDescriptionString();
|
|
15
|
-
|
|
16
|
-
|
|
16
|
+
const adaptor = getAdaptor();
|
|
17
|
+
adaptor.setWidgetState((prevState) => ({
|
|
18
|
+
...prevState,
|
|
17
19
|
[WIDGET_CONTEXT_KEY]: description,
|
|
18
|
-
});
|
|
20
|
+
}));
|
|
19
21
|
}
|
|
20
22
|
const ParentIdContext = createContext(null);
|
|
21
23
|
export function DataLLM({ content, children }) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-llm.js","sourceRoot":"","sources":["../../src/web/data-llm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { cleanup, render } from "@testing-library/react";
|
|
3
|
+
import { afterEach, beforeEach, describe, expect, it, vi, } from "vitest";
|
|
4
|
+
import { McpAppAdaptor } from "./bridges/adaptors/mcp-app-adaptor.js";
|
|
5
|
+
import { McpAppBridge } from "./bridges/mcp-app-bridge.js";
|
|
6
|
+
import { DataLLM } from "./data-llm.js";
|
|
7
|
+
import { getMcpAppHostPostMessageMock, MockResizeObserver, } from "./hooks/test/utils.js";
|
|
8
|
+
describe("DataLLM", () => {
|
|
9
|
+
afterEach(() => {
|
|
10
|
+
// Clean up React components BEFORE unstubbing globals
|
|
11
|
+
cleanup();
|
|
12
|
+
vi.unstubAllGlobals();
|
|
13
|
+
vi.resetAllMocks();
|
|
14
|
+
});
|
|
15
|
+
describe("apps-sdk mode", () => {
|
|
16
|
+
let OpenaiMock;
|
|
17
|
+
beforeEach(() => {
|
|
18
|
+
OpenaiMock = {
|
|
19
|
+
widgetState: {},
|
|
20
|
+
setWidgetState: vi.fn(),
|
|
21
|
+
};
|
|
22
|
+
// Use Object.defineProperty to ensure it persists
|
|
23
|
+
Object.defineProperty(globalThis, "openai", {
|
|
24
|
+
value: OpenaiMock,
|
|
25
|
+
writable: true,
|
|
26
|
+
configurable: true,
|
|
27
|
+
});
|
|
28
|
+
// Also set on window for browser-like environment
|
|
29
|
+
if (typeof window !== "undefined") {
|
|
30
|
+
Object.defineProperty(window, "openai", {
|
|
31
|
+
value: OpenaiMock,
|
|
32
|
+
writable: true,
|
|
33
|
+
configurable: true,
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
vi.stubGlobal("openai", OpenaiMock);
|
|
37
|
+
vi.stubGlobal("skybridge", { hostType: "apps-sdk" });
|
|
38
|
+
});
|
|
39
|
+
afterEach(() => {
|
|
40
|
+
// Keep the mock available for React cleanup, but reset it
|
|
41
|
+
if (typeof window !== "undefined" && window.openai) {
|
|
42
|
+
window.openai.setWidgetState = vi.fn();
|
|
43
|
+
window.openai.widgetState = {};
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
it("should register a node with content and call setWidgetState", () => {
|
|
47
|
+
render(_jsx(DataLLM, { content: "Test content", children: _jsx("div", { children: "Child" }) }));
|
|
48
|
+
expect(OpenaiMock.setWidgetState).toHaveBeenCalled();
|
|
49
|
+
const callArgs = OpenaiMock.setWidgetState.mock.calls[0]?.[0];
|
|
50
|
+
expect(callArgs).toHaveProperty("__widget_context");
|
|
51
|
+
expect(callArgs?.__widget_context).toContain("- Test content");
|
|
52
|
+
});
|
|
53
|
+
it("should preserve existing widgetState when updating context", () => {
|
|
54
|
+
OpenaiMock.widgetState = { existingKey: "existingValue" };
|
|
55
|
+
render(_jsx(DataLLM, { content: "Test content", children: _jsx("div", { children: "Child" }) }));
|
|
56
|
+
const callArgs = OpenaiMock.setWidgetState.mock.calls[0]?.[0];
|
|
57
|
+
expect(callArgs).toHaveProperty("existingKey", "existingValue");
|
|
58
|
+
expect(callArgs).toHaveProperty("__widget_context");
|
|
59
|
+
});
|
|
60
|
+
it("should handle deeply nested DataLLM components", () => {
|
|
61
|
+
render(_jsxs(DataLLM, { content: "Level 1", children: [_jsx(DataLLM, { content: "Level 2A" }), _jsx(DataLLM, { content: "Level 2B", children: _jsx(DataLLM, { content: "Level 3", children: _jsx("div", { children: "Content" }) }) })] }));
|
|
62
|
+
const callArgs = OpenaiMock.setWidgetState.mock.calls[OpenaiMock.setWidgetState.mock.calls.length - 1]?.[0];
|
|
63
|
+
const context = callArgs?.__widget_context;
|
|
64
|
+
expect(context).toContain("- Level 1");
|
|
65
|
+
expect(context).toContain(" - Level 2A");
|
|
66
|
+
expect(context).toContain(" - Level 2B");
|
|
67
|
+
expect(context).toContain(" - Level 3");
|
|
68
|
+
});
|
|
69
|
+
it("should update context when content changes", () => {
|
|
70
|
+
const { rerender } = render(_jsx(DataLLM, { content: "Initial content", children: _jsx("div", { children: "Child" }) }));
|
|
71
|
+
const initialCalls = OpenaiMock.setWidgetState.mock.calls.length;
|
|
72
|
+
rerender(_jsx(DataLLM, { content: "Updated content", children: _jsx("div", { children: "Child" }) }));
|
|
73
|
+
expect(OpenaiMock.setWidgetState.mock.calls.length).toBeGreaterThan(initialCalls);
|
|
74
|
+
const lastCallArgs = OpenaiMock.setWidgetState.mock.calls[OpenaiMock.setWidgetState.mock.calls.length - 1]?.[0];
|
|
75
|
+
expect(lastCallArgs?.__widget_context).toContain("- Updated content");
|
|
76
|
+
});
|
|
77
|
+
it("should remove node and update context when component unmounts", () => {
|
|
78
|
+
const { unmount } = render(_jsx(DataLLM, { content: "Content to remove", children: _jsx("div", { children: "Child" }) }));
|
|
79
|
+
const callsBeforeUnmount = OpenaiMock.setWidgetState.mock.calls.length;
|
|
80
|
+
unmount();
|
|
81
|
+
expect(OpenaiMock.setWidgetState.mock.calls.length).toBeGreaterThan(callsBeforeUnmount);
|
|
82
|
+
const lastCallArgs = OpenaiMock.setWidgetState.mock.calls[OpenaiMock.setWidgetState.mock.calls.length - 1]?.[0];
|
|
83
|
+
expect(lastCallArgs?.__widget_context).not.toContain("Content to remove");
|
|
84
|
+
});
|
|
85
|
+
});
|
|
86
|
+
describe("mcp-app mode", () => {
|
|
87
|
+
let postMessageMock;
|
|
88
|
+
beforeEach(() => {
|
|
89
|
+
vi.stubGlobal("skybridge", { hostType: "mcp-app" });
|
|
90
|
+
vi.stubGlobal("ResizeObserver", MockResizeObserver);
|
|
91
|
+
postMessageMock = getMcpAppHostPostMessageMock();
|
|
92
|
+
vi.stubGlobal("parent", { postMessage: postMessageMock });
|
|
93
|
+
});
|
|
94
|
+
afterEach(() => {
|
|
95
|
+
McpAppBridge.resetInstance();
|
|
96
|
+
McpAppAdaptor.resetInstance();
|
|
97
|
+
});
|
|
98
|
+
it("should register a node and update widget state via adaptor", async () => {
|
|
99
|
+
const adaptor = McpAppAdaptor.getInstance();
|
|
100
|
+
render(_jsx(DataLLM, { content: "Test content", children: _jsx("div", { children: "Child" }) }));
|
|
101
|
+
await vi.waitFor(() => {
|
|
102
|
+
const widgetState = adaptor
|
|
103
|
+
.getExternalStore("widgetState")
|
|
104
|
+
.getSnapshot();
|
|
105
|
+
expect(widgetState?.__widget_context).toContain("- Test content");
|
|
106
|
+
});
|
|
107
|
+
});
|
|
108
|
+
it("should preserve existing widget state when updating context", async () => {
|
|
109
|
+
const adaptor = McpAppAdaptor.getInstance();
|
|
110
|
+
await adaptor.setWidgetState({ existingKey: "existingValue" });
|
|
111
|
+
render(_jsx(DataLLM, { content: "Test content", children: _jsx("div", { children: "Child" }) }));
|
|
112
|
+
await vi.waitFor(() => {
|
|
113
|
+
const widgetState = adaptor
|
|
114
|
+
.getExternalStore("widgetState")
|
|
115
|
+
.getSnapshot();
|
|
116
|
+
expect(widgetState?.existingKey).toBe("existingValue");
|
|
117
|
+
expect(widgetState?.__widget_context).toContain("- Test content");
|
|
118
|
+
});
|
|
119
|
+
});
|
|
120
|
+
it("should handle multiple DataLLM components sharing state through adaptor", async () => {
|
|
121
|
+
const adaptor = McpAppAdaptor.getInstance();
|
|
122
|
+
render(_jsxs(_Fragment, { children: [_jsx(DataLLM, { content: "First component", children: _jsx("div", { children: "First" }) }), _jsx(DataLLM, { content: "Second component", children: _jsx("div", { children: "Second" }) })] }));
|
|
123
|
+
await vi.waitFor(() => {
|
|
124
|
+
const widgetState = adaptor
|
|
125
|
+
.getExternalStore("widgetState")
|
|
126
|
+
.getSnapshot();
|
|
127
|
+
const context = widgetState?.__widget_context;
|
|
128
|
+
expect(context).toContain("- First component");
|
|
129
|
+
expect(context).toContain("- Second component");
|
|
130
|
+
});
|
|
131
|
+
});
|
|
132
|
+
it("should call ui/update-model-context when widget state changes", async () => {
|
|
133
|
+
render(_jsx(DataLLM, { content: "Test content", children: _jsx("div", { children: "Child" }) }));
|
|
134
|
+
await vi.waitFor(() => {
|
|
135
|
+
expect(postMessageMock).toHaveBeenCalledWith(expect.objectContaining({ method: "ui/update-model-context" }), "*");
|
|
136
|
+
});
|
|
137
|
+
});
|
|
138
|
+
});
|
|
139
|
+
});
|
|
140
|
+
//# sourceMappingURL=data-llm.test.js.map
|