skybridge 0.0.0-dev.fe3d450 → 0.0.0-dev.fe48ef8
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/README.md +17 -8
- package/dist/cli/detect-port.d.ts +18 -0
- package/dist/cli/detect-port.js +61 -0
- package/dist/cli/detect-port.js.map +1 -0
- package/dist/cli/header.js +1 -1
- package/dist/cli/header.js.map +1 -1
- package/dist/cli/types.d.ts +5 -0
- package/dist/cli/types.js +2 -0
- package/dist/cli/types.js.map +1 -0
- package/dist/cli/use-messages.d.ts +3 -0
- package/dist/cli/use-messages.js +11 -0
- package/dist/cli/use-messages.js.map +1 -0
- package/dist/cli/use-nodemon.d.ts +2 -6
- package/dist/cli/use-nodemon.js +20 -17
- package/dist/cli/use-nodemon.js.map +1 -1
- package/dist/cli/use-tunnel.d.ts +14 -0
- package/dist/cli/use-tunnel.js +97 -0
- package/dist/cli/use-tunnel.js.map +1 -0
- package/dist/commands/build.js +1 -1
- package/dist/commands/build.js.map +1 -1
- package/dist/commands/dev.d.ts +3 -1
- package/dist/commands/dev.js +25 -7
- package/dist/commands/dev.js.map +1 -1
- package/dist/commands/start.d.ts +3 -1
- package/dist/commands/start.js +36 -15
- package/dist/commands/start.js.map +1 -1
- package/dist/server/asset-base-url-transform-plugin.d.ts +5 -6
- package/dist/server/asset-base-url-transform-plugin.js +8 -9
- package/dist/server/asset-base-url-transform-plugin.js.map +1 -1
- package/dist/server/asset-base-url-transform-plugin.test.js +12 -13
- package/dist/server/asset-base-url-transform-plugin.test.js.map +1 -1
- package/dist/server/express.d.ts +15 -0
- package/dist/server/express.js +77 -0
- package/dist/server/express.js.map +1 -0
- package/dist/server/express.test.d.ts +1 -0
- package/dist/server/express.test.js +252 -0
- package/dist/server/express.test.js.map +1 -0
- package/dist/server/index.d.ts +1 -0
- package/dist/server/index.js.map +1 -1
- package/dist/server/metric.d.ts +14 -0
- package/dist/server/metric.js +62 -0
- package/dist/server/metric.js.map +1 -0
- package/dist/server/middleware.d.ts +124 -0
- package/dist/server/middleware.js +93 -0
- package/dist/server/middleware.js.map +1 -0
- package/dist/server/middleware.test-d.d.ts +1 -0
- package/dist/server/middleware.test-d.js +75 -0
- package/dist/server/middleware.test-d.js.map +1 -0
- package/dist/server/middleware.test.d.ts +1 -0
- package/dist/server/middleware.test.js +490 -0
- package/dist/server/middleware.test.js.map +1 -0
- package/dist/server/server.d.ts +52 -1
- package/dist/server/server.js +179 -13
- package/dist/server/server.js.map +1 -1
- package/dist/server/templates/development.hbs +0 -53
- package/dist/server/widgetsDevServer.d.ts +2 -1
- package/dist/server/widgetsDevServer.js +5 -5
- package/dist/server/widgetsDevServer.js.map +1 -1
- package/dist/test/utils.d.ts +5 -1
- package/dist/test/utils.js +3 -2
- package/dist/test/utils.js.map +1 -1
- package/dist/test/widget.test.js +98 -19
- package/dist/test/widget.test.js.map +1 -1
- package/dist/version.d.ts +1 -0
- package/dist/version.js +5 -0
- package/dist/version.js.map +1 -0
- package/dist/web/bridges/apps-sdk/adaptor.d.ts +7 -5
- package/dist/web/bridges/apps-sdk/adaptor.js +39 -16
- package/dist/web/bridges/apps-sdk/adaptor.js.map +1 -1
- package/dist/web/bridges/apps-sdk/bridge.d.ts +1 -1
- package/dist/web/bridges/apps-sdk/index.d.ts +1 -1
- package/dist/web/bridges/apps-sdk/index.js.map +1 -1
- package/dist/web/bridges/apps-sdk/types.d.ts +24 -13
- package/dist/web/bridges/apps-sdk/types.js.map +1 -1
- package/dist/web/bridges/mcp-app/adaptor.d.ts +16 -4
- package/dist/web/bridges/mcp-app/adaptor.js +121 -38
- package/dist/web/bridges/mcp-app/adaptor.js.map +1 -1
- package/dist/web/bridges/mcp-app/bridge.d.ts +13 -30
- package/dist/web/bridges/mcp-app/bridge.js +43 -196
- package/dist/web/bridges/mcp-app/bridge.js.map +1 -1
- package/dist/web/bridges/mcp-app/use-mcp-app-context.d.ts +5 -3
- package/dist/web/bridges/mcp-app/use-mcp-app-context.js +2 -2
- package/dist/web/bridges/mcp-app/use-mcp-app-context.js.map +1 -1
- package/dist/web/bridges/mcp-app/use-mcp-app-context.test.js +1 -41
- package/dist/web/bridges/mcp-app/use-mcp-app-context.test.js.map +1 -1
- package/dist/web/bridges/types.d.ts +15 -4
- package/dist/web/components/modal-provider.js +2 -4
- package/dist/web/components/modal-provider.js.map +1 -1
- package/dist/web/create-store.js +15 -1
- package/dist/web/create-store.js.map +1 -1
- package/dist/web/create-store.test.js +9 -4
- package/dist/web/create-store.test.js.map +1 -1
- package/dist/web/data-llm.test.js +11 -8
- package/dist/web/data-llm.test.js.map +1 -1
- package/dist/web/hooks/index.d.ts +1 -1
- package/dist/web/hooks/index.js.map +1 -1
- package/dist/web/hooks/test/utils.js +4 -0
- package/dist/web/hooks/test/utils.js.map +1 -1
- package/dist/web/hooks/use-display-mode.d.ts +3 -3
- package/dist/web/hooks/use-display-mode.js.map +1 -1
- package/dist/web/hooks/use-display-mode.test-d.d.ts +1 -0
- package/dist/web/hooks/use-display-mode.test-d.js +8 -0
- package/dist/web/hooks/use-display-mode.test-d.js.map +1 -0
- package/dist/web/hooks/use-files.d.ts +2 -1
- package/dist/web/hooks/use-files.js +1 -0
- package/dist/web/hooks/use-files.js.map +1 -1
- package/dist/web/hooks/use-files.test.js +27 -3
- package/dist/web/hooks/use-files.test.js.map +1 -1
- package/dist/web/hooks/use-layout.test.js +3 -3
- package/dist/web/hooks/use-layout.test.js.map +1 -1
- package/dist/web/hooks/use-open-external.d.ts +3 -1
- package/dist/web/hooks/use-open-external.js +1 -1
- package/dist/web/hooks/use-open-external.js.map +1 -1
- package/dist/web/hooks/use-open-external.test.js +26 -11
- package/dist/web/hooks/use-open-external.test.js.map +1 -1
- package/dist/web/hooks/use-request-modal.test.js +5 -1
- package/dist/web/hooks/use-request-modal.test.js.map +1 -1
- package/dist/web/hooks/use-set-open-in-app-url.test.js +5 -11
- package/dist/web/hooks/use-set-open-in-app-url.test.js.map +1 -1
- package/dist/web/hooks/use-tool-info.test.js +1 -1
- package/dist/web/hooks/use-tool-info.test.js.map +1 -1
- package/dist/web/hooks/use-user.js +18 -2
- package/dist/web/hooks/use-user.js.map +1 -1
- package/dist/web/hooks/use-user.test.js +29 -1
- package/dist/web/hooks/use-user.test.js.map +1 -1
- package/dist/web/hooks/use-widget-state.test.js +123 -7
- package/dist/web/hooks/use-widget-state.test.js.map +1 -1
- package/dist/web/plugin/plugin.js +17 -9
- package/dist/web/plugin/plugin.js.map +1 -1
- package/dist/web/plugin/transform-data-llm.js +1 -1
- package/dist/web/plugin/transform-data-llm.js.map +1 -1
- package/dist/web/plugin/validate-widget.d.ts +5 -0
- package/dist/web/plugin/validate-widget.js +27 -0
- package/dist/web/plugin/validate-widget.js.map +1 -0
- package/dist/web/plugin/validate-widget.test.d.ts +1 -0
- package/dist/web/plugin/validate-widget.test.js +42 -0
- package/dist/web/plugin/validate-widget.test.js.map +1 -0
- package/dist/web/proxy.js +0 -1
- package/dist/web/proxy.js.map +1 -1
- package/package.json +30 -25
- package/tsconfig.base.json +31 -0
|
@@ -1,16 +1,30 @@
|
|
|
1
1
|
import { dequal } from "dequal/lite";
|
|
2
2
|
import { McpAppBridge } from "./bridge.js";
|
|
3
|
+
const STORAGE_PREFIX = "sb:";
|
|
4
|
+
const MAX_STORAGE_ENTRIES = 200;
|
|
5
|
+
function findStorageKey(viewUUID) {
|
|
6
|
+
const suffix = `:${viewUUID}`;
|
|
7
|
+
for (let i = 0; i < localStorage.length; i++) {
|
|
8
|
+
const key = localStorage.key(i);
|
|
9
|
+
if (key?.startsWith(STORAGE_PREFIX) && key.endsWith(suffix)) {
|
|
10
|
+
return key;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
return undefined;
|
|
14
|
+
}
|
|
3
15
|
export class McpAppAdaptor {
|
|
4
16
|
static instance = null;
|
|
5
17
|
stores;
|
|
6
18
|
_widgetState = null;
|
|
7
19
|
widgetStateListeners = new Set();
|
|
20
|
+
_viewUUID = null;
|
|
8
21
|
_viewState = {
|
|
9
22
|
mode: "inline",
|
|
10
23
|
};
|
|
11
24
|
viewListeners = new Set();
|
|
12
25
|
constructor() {
|
|
13
26
|
this.stores = this.initializeStores();
|
|
27
|
+
this.subscribeToViewUUID();
|
|
14
28
|
}
|
|
15
29
|
static getInstance() {
|
|
16
30
|
if (!McpAppAdaptor.instance) {
|
|
@@ -25,13 +39,10 @@ export class McpAppAdaptor {
|
|
|
25
39
|
return this.stores[key];
|
|
26
40
|
}
|
|
27
41
|
callTool = async (name, args) => {
|
|
28
|
-
const
|
|
29
|
-
const response = await
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
name,
|
|
33
|
-
arguments: args ?? undefined,
|
|
34
|
-
},
|
|
42
|
+
const app = await McpAppBridge.getInstance().getApp();
|
|
43
|
+
const response = await app.callServerTool({
|
|
44
|
+
name,
|
|
45
|
+
arguments: args ?? undefined,
|
|
35
46
|
});
|
|
36
47
|
const result = response.content
|
|
37
48
|
.filter((content) => content.type === "text")
|
|
@@ -45,36 +56,31 @@ export class McpAppAdaptor {
|
|
|
45
56
|
meta: response._meta ?? {},
|
|
46
57
|
};
|
|
47
58
|
};
|
|
48
|
-
requestDisplayMode = (mode) => {
|
|
49
|
-
const
|
|
50
|
-
|
|
51
|
-
return bridge.request({
|
|
52
|
-
method: "ui/request-display-mode",
|
|
53
|
-
params: { mode },
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
throw new Error("Modal display mode is not accessible in MCP App.");
|
|
59
|
+
requestDisplayMode = async (mode) => {
|
|
60
|
+
const app = await McpAppBridge.getInstance().getApp();
|
|
61
|
+
return app.requestDisplayMode({ mode });
|
|
57
62
|
};
|
|
58
63
|
sendFollowUpMessage = async (prompt) => {
|
|
59
|
-
const
|
|
60
|
-
await
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
},
|
|
69
|
-
],
|
|
70
|
-
},
|
|
64
|
+
const app = await McpAppBridge.getInstance().getApp();
|
|
65
|
+
await app.sendMessage({
|
|
66
|
+
role: "user",
|
|
67
|
+
content: [
|
|
68
|
+
{
|
|
69
|
+
type: "text",
|
|
70
|
+
text: prompt,
|
|
71
|
+
},
|
|
72
|
+
],
|
|
71
73
|
});
|
|
72
74
|
};
|
|
73
|
-
openExternal(href) {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
75
|
+
openExternal(href, options) {
|
|
76
|
+
if (options?.redirectUrl === false) {
|
|
77
|
+
console.warn("[skybridge] redirectUrl option is not supported by the MCP ui/open-link protocol and will be ignored.");
|
|
78
|
+
}
|
|
79
|
+
McpAppBridge.getInstance()
|
|
80
|
+
.getApp()
|
|
81
|
+
.then((app) => app.openLink({ url: href }))
|
|
82
|
+
.catch((err) => {
|
|
83
|
+
console.error("Failed to open external link:", err);
|
|
78
84
|
});
|
|
79
85
|
}
|
|
80
86
|
initializeStores() {
|
|
@@ -128,15 +134,23 @@ export class McpAppAdaptor {
|
|
|
128
134
|
const newState = typeof stateOrUpdater === "function"
|
|
129
135
|
? stateOrUpdater(this._widgetState)
|
|
130
136
|
: stateOrUpdater;
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
method: "ui/update-model-context",
|
|
134
|
-
params: { structuredContent: newState },
|
|
135
|
-
});
|
|
137
|
+
// must happen before the async bridge call to ensure the state is updated immediately for the UI,
|
|
138
|
+
// otherwise successive calls to setWidgetState may have stale state
|
|
136
139
|
this._widgetState = newState;
|
|
137
140
|
this.widgetStateListeners.forEach((listener) => {
|
|
138
141
|
listener();
|
|
139
142
|
});
|
|
143
|
+
this.persistToLocalStorage(newState);
|
|
144
|
+
try {
|
|
145
|
+
const app = await McpAppBridge.getInstance().getApp();
|
|
146
|
+
await app.updateModelContext({
|
|
147
|
+
structuredContent: newState,
|
|
148
|
+
content: [{ type: "text", text: JSON.stringify(newState) }],
|
|
149
|
+
});
|
|
150
|
+
}
|
|
151
|
+
catch (error) {
|
|
152
|
+
console.error("Failed to update widget state in MCP App.", error);
|
|
153
|
+
}
|
|
140
154
|
};
|
|
141
155
|
/**
|
|
142
156
|
* @throws File upload is not supported in MCP App.
|
|
@@ -150,6 +164,12 @@ export class McpAppAdaptor {
|
|
|
150
164
|
getFileDownloadUrl() {
|
|
151
165
|
throw new Error("File download is not supported in MCP App.");
|
|
152
166
|
}
|
|
167
|
+
/**
|
|
168
|
+
* @throws File selection is not supported in MCP App.
|
|
169
|
+
*/
|
|
170
|
+
selectFiles() {
|
|
171
|
+
throw new Error("File selection is not supported in MCP App.");
|
|
172
|
+
}
|
|
153
173
|
openModal(options) {
|
|
154
174
|
this._viewState = { mode: "modal", params: options.params };
|
|
155
175
|
this.viewListeners.forEach((listener) => {
|
|
@@ -165,6 +185,69 @@ export class McpAppAdaptor {
|
|
|
165
185
|
setOpenInAppUrl(_href) {
|
|
166
186
|
throw new Error("setOpenInAppUrl is not implemented in MCP App.");
|
|
167
187
|
}
|
|
188
|
+
subscribeToViewUUID() {
|
|
189
|
+
const bridge = McpAppBridge.getInstance();
|
|
190
|
+
bridge.subscribe("toolResult")(() => {
|
|
191
|
+
const toolResult = bridge.getSnapshot("toolResult");
|
|
192
|
+
const viewUUID = toolResult?._meta?.viewUUID;
|
|
193
|
+
if (viewUUID && viewUUID !== this._viewUUID) {
|
|
194
|
+
this._viewUUID = viewUUID;
|
|
195
|
+
this.restoreFromLocalStorage(viewUUID);
|
|
196
|
+
}
|
|
197
|
+
});
|
|
198
|
+
}
|
|
199
|
+
// localStorage keys: sb:{unix_ms}:{viewUUID}
|
|
200
|
+
// Timestamp is updated on every write (LRU); eviction drops the least recently used entries.
|
|
201
|
+
restoreFromLocalStorage(viewUUID) {
|
|
202
|
+
try {
|
|
203
|
+
const existingKey = findStorageKey(viewUUID);
|
|
204
|
+
if (existingKey) {
|
|
205
|
+
const stored = localStorage.getItem(existingKey);
|
|
206
|
+
if (stored !== null) {
|
|
207
|
+
this._widgetState = JSON.parse(stored);
|
|
208
|
+
this.widgetStateListeners.forEach((listener) => {
|
|
209
|
+
listener();
|
|
210
|
+
});
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
catch (err) {
|
|
215
|
+
console.error(err);
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
persistToLocalStorage(state) {
|
|
219
|
+
if (!this._viewUUID || state === null) {
|
|
220
|
+
return;
|
|
221
|
+
}
|
|
222
|
+
try {
|
|
223
|
+
// Remove old key for this view, write with fresh timestamp (LRU)
|
|
224
|
+
const oldKey = findStorageKey(this._viewUUID);
|
|
225
|
+
if (oldKey) {
|
|
226
|
+
localStorage.removeItem(oldKey);
|
|
227
|
+
}
|
|
228
|
+
const newKey = `${STORAGE_PREFIX}${Date.now()}:${this._viewUUID}`;
|
|
229
|
+
localStorage.setItem(newKey, JSON.stringify(state));
|
|
230
|
+
// lru cleanup
|
|
231
|
+
const keys = [];
|
|
232
|
+
for (let i = 0; i < localStorage.length; i++) {
|
|
233
|
+
const key = localStorage.key(i);
|
|
234
|
+
if (key?.startsWith(STORAGE_PREFIX)) {
|
|
235
|
+
keys.push(key);
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
if (keys.length <= MAX_STORAGE_ENTRIES) {
|
|
239
|
+
return;
|
|
240
|
+
}
|
|
241
|
+
keys.sort();
|
|
242
|
+
const toRemove = keys.slice(0, keys.length - MAX_STORAGE_ENTRIES);
|
|
243
|
+
for (const key of toRemove) {
|
|
244
|
+
localStorage.removeItem(key);
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
catch (err) {
|
|
248
|
+
console.error(err);
|
|
249
|
+
}
|
|
250
|
+
}
|
|
168
251
|
createHostContextStore(keys, computeSnapshot) {
|
|
169
252
|
const bridge = McpAppBridge.getInstance();
|
|
170
253
|
let cachedValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"adaptor.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/adaptor.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"adaptor.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/adaptor.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,43 +1,26 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { App } from "@modelcontextprotocol/ext-apps";
|
|
2
|
+
import type { Implementation } from "@modelcontextprotocol/sdk/types.js";
|
|
2
3
|
import type { Bridge, Subscribe } from "../types.js";
|
|
3
4
|
import type { McpAppContext, McpAppContextKey } from "./types.js";
|
|
4
|
-
|
|
5
|
-
export declare class McpAppBridge implements Bridge<McpUiHostContext> {
|
|
5
|
+
export declare class McpAppBridge implements Bridge<McpAppContext> {
|
|
6
6
|
private static instance;
|
|
7
7
|
context: McpAppContext;
|
|
8
8
|
private listeners;
|
|
9
|
-
private
|
|
10
|
-
private
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
private
|
|
15
|
-
|
|
16
|
-
static getInstance(options?: Partial<
|
|
9
|
+
private app;
|
|
10
|
+
private connectPromise;
|
|
11
|
+
constructor(options: {
|
|
12
|
+
appInfo: Implementation;
|
|
13
|
+
});
|
|
14
|
+
private connect;
|
|
15
|
+
getApp(): Promise<App>;
|
|
16
|
+
static getInstance(options?: Partial<{
|
|
17
|
+
appInfo: Implementation;
|
|
18
|
+
}>): McpAppBridge;
|
|
17
19
|
subscribe(key: McpAppContextKey): Subscribe;
|
|
18
20
|
subscribe(keys: readonly McpAppContextKey[]): Subscribe;
|
|
19
21
|
getSnapshot<K extends keyof McpAppContext>(key: K): McpAppContext[K];
|
|
20
22
|
cleanup: () => void;
|
|
21
23
|
static resetInstance(): void;
|
|
22
|
-
request<R extends {
|
|
23
|
-
method: string;
|
|
24
|
-
params?: unknown;
|
|
25
|
-
}, T>({ method, params, }: R): Promise<T>;
|
|
26
24
|
private emit;
|
|
27
25
|
private updateContext;
|
|
28
|
-
private init;
|
|
29
|
-
private handleMessage;
|
|
30
|
-
private handleResponse;
|
|
31
|
-
private handleNotification;
|
|
32
|
-
private handleRequest;
|
|
33
|
-
private connect;
|
|
34
|
-
private notify;
|
|
35
|
-
private sendSizeChanged;
|
|
36
|
-
/**
|
|
37
|
-
* Set up automatic size change notifications using ResizeObserver.
|
|
38
|
-
* Based on @modelcontextprotocol/ext-apps App.setupSizeChangedNotifications
|
|
39
|
-
* @see https://github.com/modelcontextprotocol/ext-apps/blob/main/src/app.ts#L940-L989
|
|
40
|
-
*/
|
|
41
|
-
private setupSizeChangedNotifications;
|
|
42
26
|
}
|
|
43
|
-
export {};
|
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
|
|
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 = {}));
|
|
1
|
+
import { App } from "@modelcontextprotocol/ext-apps";
|
|
10
2
|
export class McpAppBridge {
|
|
11
3
|
static instance = null;
|
|
12
4
|
context = {
|
|
@@ -15,34 +7,58 @@ export class McpAppBridge {
|
|
|
15
7
|
toolResult: null,
|
|
16
8
|
};
|
|
17
9
|
listeners = new Map();
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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,
|
|
10
|
+
app;
|
|
11
|
+
connectPromise;
|
|
12
|
+
constructor(options) {
|
|
13
|
+
this.app = new App(options.appInfo);
|
|
14
|
+
this.app.ontoolinput = (params) => {
|
|
15
|
+
this.updateContext({ toolInput: params.arguments ?? {} });
|
|
31
16
|
};
|
|
32
|
-
this.
|
|
17
|
+
this.app.ontoolinputpartial = (params) => {
|
|
18
|
+
this.updateContext({ toolInput: params.arguments ?? {} });
|
|
19
|
+
};
|
|
20
|
+
this.app.ontoolresult = (params) => {
|
|
21
|
+
this.updateContext({ toolResult: params });
|
|
22
|
+
};
|
|
23
|
+
this.app.ontoolcancelled = (params) => {
|
|
24
|
+
this.updateContext({ toolCancelled: params });
|
|
25
|
+
};
|
|
26
|
+
this.app.onhostcontextchanged = (params) => {
|
|
27
|
+
this.updateContext(params);
|
|
28
|
+
};
|
|
29
|
+
this.connectPromise = this.connect();
|
|
30
|
+
}
|
|
31
|
+
async connect() {
|
|
32
|
+
try {
|
|
33
|
+
await this.app.connect();
|
|
34
|
+
const hostContext = this.app.getHostContext();
|
|
35
|
+
if (hostContext) {
|
|
36
|
+
this.updateContext(hostContext);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
catch (err) {
|
|
40
|
+
console.error(err);
|
|
41
|
+
}
|
|
33
42
|
}
|
|
34
|
-
|
|
43
|
+
async getApp() {
|
|
44
|
+
await this.connectPromise;
|
|
45
|
+
return this.app;
|
|
46
|
+
}
|
|
47
|
+
static getInstance(options) {
|
|
35
48
|
if (window.skybridge.hostType !== "mcp-app") {
|
|
36
49
|
throw new Error("MCP App Bridge can only be used in the mcp-app runtime");
|
|
37
50
|
}
|
|
38
|
-
if (McpAppBridge.instance &&
|
|
39
|
-
console.warn("McpAppBridge.getInstance: options
|
|
51
|
+
if (McpAppBridge.instance && options) {
|
|
52
|
+
console.warn("McpAppBridge.getInstance: options ignored, instance already exists");
|
|
40
53
|
}
|
|
41
54
|
if (!McpAppBridge.instance) {
|
|
42
55
|
const defaultOptions = {
|
|
43
56
|
appInfo: { name: "skybridge-app", version: "0.0.1" },
|
|
44
57
|
};
|
|
45
|
-
McpAppBridge.instance = new McpAppBridge({
|
|
58
|
+
McpAppBridge.instance = new McpAppBridge({
|
|
59
|
+
...defaultOptions,
|
|
60
|
+
...options,
|
|
61
|
+
});
|
|
46
62
|
}
|
|
47
63
|
return McpAppBridge.instance;
|
|
48
64
|
}
|
|
@@ -63,14 +79,7 @@ export class McpAppBridge {
|
|
|
63
79
|
return this.context[key];
|
|
64
80
|
}
|
|
65
81
|
cleanup = () => {
|
|
66
|
-
window.removeEventListener("message", this.handleMessage);
|
|
67
|
-
this.pendingRequests.forEach((request) => {
|
|
68
|
-
clearTimeout(request.timeout);
|
|
69
|
-
});
|
|
70
|
-
this.pendingRequests.clear();
|
|
71
82
|
this.listeners.clear();
|
|
72
|
-
this.cleanupSizeObserver?.();
|
|
73
|
-
this.cleanupSizeObserver = null;
|
|
74
83
|
};
|
|
75
84
|
static resetInstance() {
|
|
76
85
|
if (McpAppBridge.instance) {
|
|
@@ -78,20 +87,6 @@ export class McpAppBridge {
|
|
|
78
87
|
McpAppBridge.instance = null;
|
|
79
88
|
}
|
|
80
89
|
}
|
|
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
90
|
emit(key) {
|
|
96
91
|
this.listeners.get(key)?.forEach((listener) => {
|
|
97
92
|
listener();
|
|
@@ -103,153 +98,5 @@ export class McpAppBridge {
|
|
|
103
98
|
this.emit(key);
|
|
104
99
|
}
|
|
105
100
|
}
|
|
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
|
-
let width;
|
|
224
|
-
let height;
|
|
225
|
-
// In fullscreen mode, use viewport size since the widget should fill
|
|
226
|
-
// the entire available space provided by the host.
|
|
227
|
-
if (this.context.displayMode === "fullscreen") {
|
|
228
|
-
width = window.innerWidth;
|
|
229
|
-
height = window.innerHeight;
|
|
230
|
-
}
|
|
231
|
-
else {
|
|
232
|
-
// Use scrollWidth/scrollHeight to measure actual rendered content size.
|
|
233
|
-
// This works better than fit-content for viewport-based layouts (vw/vh)
|
|
234
|
-
// and fluid elements like maps that want to fill available space.
|
|
235
|
-
const body = document.body;
|
|
236
|
-
width = Math.ceil(body.scrollWidth);
|
|
237
|
-
height = Math.ceil(body.scrollHeight);
|
|
238
|
-
}
|
|
239
|
-
// Only send if size actually changed (prevents feedback loops from
|
|
240
|
-
// style changes)
|
|
241
|
-
if (width !== lastWidth || height !== lastHeight) {
|
|
242
|
-
lastWidth = width;
|
|
243
|
-
lastHeight = height;
|
|
244
|
-
this.sendSizeChanged({ width, height });
|
|
245
|
-
}
|
|
246
|
-
});
|
|
247
|
-
};
|
|
248
|
-
sendBodySizeChanged();
|
|
249
|
-
const resizeObserver = new ResizeObserver(sendBodySizeChanged);
|
|
250
|
-
resizeObserver.observe(document.documentElement);
|
|
251
|
-
resizeObserver.observe(document.body);
|
|
252
|
-
return () => resizeObserver.disconnect();
|
|
253
|
-
}
|
|
254
101
|
}
|
|
255
102
|
//# sourceMappingURL=bridge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bridge.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/bridge.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"bridge.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/bridge.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { Implementation } from "@modelcontextprotocol/sdk/types.js";
|
|
2
2
|
import type { McpAppContext } from "./types.js";
|
|
3
|
-
type McpAppInitializationOptions =
|
|
4
|
-
|
|
3
|
+
type McpAppInitializationOptions = {
|
|
4
|
+
appInfo: Implementation;
|
|
5
|
+
};
|
|
6
|
+
export declare function useMcpAppContext<K extends keyof McpAppContext>(key: K, options?: Partial<McpAppInitializationOptions>): McpAppContext[K];
|
|
5
7
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useSyncExternalStore } from "react";
|
|
2
2
|
import { McpAppBridge } from "./bridge.js";
|
|
3
|
-
export function useMcpAppContext(key, options
|
|
4
|
-
const bridge = McpAppBridge.getInstance(options
|
|
3
|
+
export function useMcpAppContext(key, options) {
|
|
4
|
+
const bridge = McpAppBridge.getInstance(options);
|
|
5
5
|
return useSyncExternalStore(bridge.subscribe(key), () => bridge.getSnapshot(key));
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=use-mcp-app-context.js.map
|