skybridge 0.0.0-dev.fecd520 → 0.0.0-dev.fef24cf

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.
Files changed (307) hide show
  1. package/README.md +123 -116
  2. package/dist/cli/detect-port.js.map +1 -1
  3. package/dist/cli/header.js +1 -1
  4. package/dist/cli/header.js.map +1 -1
  5. package/dist/cli/run-command.js.map +1 -1
  6. package/dist/cli/telemetry.js.map +1 -1
  7. package/dist/cli/tunnel-control-server.d.ts +9 -0
  8. package/dist/cli/tunnel-control-server.js +31 -0
  9. package/dist/cli/tunnel-control-server.js.map +1 -0
  10. package/dist/cli/tunnel-control-server.test.js +39 -0
  11. package/dist/cli/tunnel-control-server.test.js.map +1 -0
  12. package/dist/cli/tunnel-handler.d.ts +3 -0
  13. package/dist/cli/tunnel-handler.js +48 -0
  14. package/dist/cli/tunnel-handler.js.map +1 -0
  15. package/dist/cli/tunnel-handler.test.js +105 -0
  16. package/dist/cli/tunnel-handler.test.js.map +1 -0
  17. package/dist/cli/tunnel.d.ts +57 -0
  18. package/dist/cli/tunnel.js +154 -0
  19. package/dist/cli/tunnel.js.map +1 -0
  20. package/dist/cli/tunnel.test.js +190 -0
  21. package/dist/cli/tunnel.test.js.map +1 -0
  22. package/dist/cli/types.d.ts +5 -0
  23. package/dist/cli/types.js +2 -0
  24. package/dist/cli/types.js.map +1 -0
  25. package/dist/cli/use-execute-steps.js.map +1 -1
  26. package/dist/cli/use-messages.d.ts +3 -0
  27. package/dist/cli/use-messages.js +11 -0
  28. package/dist/cli/use-messages.js.map +1 -0
  29. package/dist/cli/use-nodemon.d.ts +2 -7
  30. package/dist/cli/use-nodemon.js +18 -21
  31. package/dist/cli/use-nodemon.js.map +1 -1
  32. package/dist/cli/use-open-browser.d.ts +1 -0
  33. package/dist/cli/use-open-browser.js +44 -0
  34. package/dist/cli/use-open-browser.js.map +1 -0
  35. package/dist/cli/use-tunnel.d.ts +14 -0
  36. package/dist/cli/use-tunnel.js +131 -0
  37. package/dist/cli/use-tunnel.js.map +1 -0
  38. package/dist/cli/use-typescript-check.d.ts +1 -0
  39. package/dist/cli/use-typescript-check.js +42 -7
  40. package/dist/cli/use-typescript-check.js.map +1 -1
  41. package/dist/commands/build.js +63 -7
  42. package/dist/commands/build.js.map +1 -1
  43. package/dist/commands/create.d.ts +9 -0
  44. package/dist/commands/create.js +30 -0
  45. package/dist/commands/create.js.map +1 -0
  46. package/dist/commands/dev.d.ts +3 -1
  47. package/dist/commands/dev.js +46 -8
  48. package/dist/commands/dev.js.map +1 -1
  49. package/dist/commands/start.js +7 -10
  50. package/dist/commands/start.js.map +1 -1
  51. package/dist/commands/telemetry/disable.js.map +1 -1
  52. package/dist/commands/telemetry/enable.js.map +1 -1
  53. package/dist/commands/telemetry/status.js.map +1 -1
  54. package/dist/server/asset-base-url-transform-plugin.d.ts +6 -6
  55. package/dist/server/asset-base-url-transform-plugin.js +25 -11
  56. package/dist/server/asset-base-url-transform-plugin.js.map +1 -1
  57. package/dist/server/asset-base-url-transform-plugin.test.js +92 -14
  58. package/dist/server/asset-base-url-transform-plugin.test.js.map +1 -1
  59. package/dist/server/auth.d.ts +20 -0
  60. package/dist/server/auth.js +28 -0
  61. package/dist/server/auth.js.map +1 -0
  62. package/dist/server/content-helpers.d.ts +67 -0
  63. package/dist/server/content-helpers.js +79 -0
  64. package/dist/server/content-helpers.js.map +1 -0
  65. package/dist/server/content-helpers.test.d.ts +1 -0
  66. package/dist/server/content-helpers.test.js +70 -0
  67. package/dist/server/content-helpers.test.js.map +1 -0
  68. package/dist/server/express.d.ts +7 -5
  69. package/dist/server/express.js +52 -23
  70. package/dist/server/express.js.map +1 -1
  71. package/dist/server/express.test.js +381 -25
  72. package/dist/server/express.test.js.map +1 -1
  73. package/dist/server/file-ref.d.ts +28 -0
  74. package/dist/server/file-ref.js +27 -0
  75. package/dist/server/file-ref.js.map +1 -0
  76. package/dist/server/index.d.ts +7 -4
  77. package/dist/server/index.js +5 -2
  78. package/dist/server/index.js.map +1 -1
  79. package/dist/server/inferUtilityTypes.d.ts +6 -6
  80. package/dist/server/inferUtilityTypes.js.map +1 -1
  81. package/dist/server/metric.d.ts +14 -0
  82. package/dist/server/metric.js +62 -0
  83. package/dist/server/metric.js.map +1 -0
  84. package/dist/server/middleware.d.ts +47 -6
  85. package/dist/server/middleware.js.map +1 -1
  86. package/dist/server/middleware.test-d.js +41 -18
  87. package/dist/server/middleware.test-d.js.map +1 -1
  88. package/dist/server/middleware.test.js +115 -5
  89. package/dist/server/middleware.test.js.map +1 -1
  90. package/dist/server/server.d.ts +334 -75
  91. package/dist/server/server.js +419 -117
  92. package/dist/server/server.js.map +1 -1
  93. package/dist/server/templateHelper.d.ts +5 -8
  94. package/dist/server/templateHelper.js +3 -22
  95. package/dist/server/templateHelper.js.map +1 -1
  96. package/dist/server/templates.generated.d.ts +4 -0
  97. package/dist/server/templates.generated.js +47 -0
  98. package/dist/server/templates.generated.js.map +1 -0
  99. package/dist/server/tunnel-proxy-router.d.ts +7 -0
  100. package/dist/server/tunnel-proxy-router.js +110 -0
  101. package/dist/server/tunnel-proxy-router.js.map +1 -0
  102. package/dist/server/tunnel-proxy-router.test.d.ts +1 -0
  103. package/dist/server/tunnel-proxy-router.test.js +229 -0
  104. package/dist/server/tunnel-proxy-router.test.js.map +1 -0
  105. package/dist/server/viewsDevServer.d.ts +14 -0
  106. package/dist/server/viewsDevServer.js +45 -0
  107. package/dist/server/viewsDevServer.js.map +1 -0
  108. package/dist/test/utils.d.ts +13 -21
  109. package/dist/test/utils.js +42 -37
  110. package/dist/test/utils.js.map +1 -1
  111. package/dist/test/view.test.d.ts +1 -0
  112. package/dist/test/view.test.js +568 -0
  113. package/dist/test/view.test.js.map +1 -0
  114. package/dist/version.d.ts +1 -0
  115. package/dist/version.js +3 -0
  116. package/dist/version.js.map +1 -0
  117. package/dist/web/bridges/apps-sdk/adaptor.d.ts +10 -4
  118. package/dist/web/bridges/apps-sdk/adaptor.js +55 -17
  119. package/dist/web/bridges/apps-sdk/adaptor.js.map +1 -1
  120. package/dist/web/bridges/apps-sdk/bridge.d.ts +1 -0
  121. package/dist/web/bridges/apps-sdk/bridge.js +1 -0
  122. package/dist/web/bridges/apps-sdk/bridge.js.map +1 -1
  123. package/dist/web/bridges/apps-sdk/index.js.map +1 -1
  124. package/dist/web/bridges/apps-sdk/types.d.ts +18 -6
  125. package/dist/web/bridges/apps-sdk/types.js.map +1 -1
  126. package/dist/web/bridges/apps-sdk/use-apps-sdk-context.d.ts +11 -0
  127. package/dist/web/bridges/apps-sdk/use-apps-sdk-context.js +11 -0
  128. package/dist/web/bridges/apps-sdk/use-apps-sdk-context.js.map +1 -1
  129. package/dist/web/bridges/get-adaptor.d.ts +7 -0
  130. package/dist/web/bridges/get-adaptor.js +7 -0
  131. package/dist/web/bridges/get-adaptor.js.map +1 -1
  132. package/dist/web/bridges/index.js.map +1 -1
  133. package/dist/web/bridges/mcp-app/adaptor.d.ts +24 -8
  134. package/dist/web/bridges/mcp-app/adaptor.js +152 -62
  135. package/dist/web/bridges/mcp-app/adaptor.js.map +1 -1
  136. package/dist/web/bridges/mcp-app/bridge.d.ts +14 -30
  137. package/dist/web/bridges/mcp-app/bridge.js +44 -201
  138. package/dist/web/bridges/mcp-app/bridge.js.map +1 -1
  139. package/dist/web/bridges/mcp-app/index.js.map +1 -1
  140. package/dist/web/bridges/mcp-app/types.js.map +1 -1
  141. package/dist/web/bridges/mcp-app/use-mcp-app-context.d.ts +17 -3
  142. package/dist/web/bridges/mcp-app/use-mcp-app-context.js +14 -2
  143. package/dist/web/bridges/mcp-app/use-mcp-app-context.js.map +1 -1
  144. package/dist/web/bridges/mcp-app/use-mcp-app-context.test.js +1 -41
  145. package/dist/web/bridges/mcp-app/use-mcp-app-context.test.js.map +1 -1
  146. package/dist/web/bridges/types.d.ts +80 -11
  147. package/dist/web/bridges/types.js.map +1 -1
  148. package/dist/web/bridges/use-host-context.d.ts +5 -0
  149. package/dist/web/bridges/use-host-context.js +5 -0
  150. package/dist/web/bridges/use-host-context.js.map +1 -1
  151. package/dist/web/components/modal-provider.js +3 -5
  152. package/dist/web/components/modal-provider.js.map +1 -1
  153. package/dist/web/create-store.d.ts +26 -0
  154. package/dist/web/create-store.js +43 -3
  155. package/dist/web/create-store.js.map +1 -1
  156. package/dist/web/create-store.test.js +17 -17
  157. package/dist/web/create-store.test.js.map +1 -1
  158. package/dist/web/data-llm.d.ts +34 -1
  159. package/dist/web/data-llm.js +31 -3
  160. package/dist/web/data-llm.js.map +1 -1
  161. package/dist/web/data-llm.test.js +23 -22
  162. package/dist/web/data-llm.test.js.map +1 -1
  163. package/dist/web/generate-helpers.d.ts +22 -18
  164. package/dist/web/generate-helpers.js +22 -18
  165. package/dist/web/generate-helpers.js.map +1 -1
  166. package/dist/web/generate-helpers.test-d.js +26 -26
  167. package/dist/web/generate-helpers.test-d.js.map +1 -1
  168. package/dist/web/generate-helpers.test.js.map +1 -1
  169. package/dist/web/helpers/state.d.ts +2 -2
  170. package/dist/web/helpers/state.js +11 -11
  171. package/dist/web/helpers/state.js.map +1 -1
  172. package/dist/web/helpers/state.test.js +9 -9
  173. package/dist/web/helpers/state.test.js.map +1 -1
  174. package/dist/web/hooks/index.d.ts +4 -1
  175. package/dist/web/hooks/index.js +4 -1
  176. package/dist/web/hooks/index.js.map +1 -1
  177. package/dist/web/hooks/test/utils.d.ts +6 -2
  178. package/dist/web/hooks/test/utils.js +17 -2
  179. package/dist/web/hooks/test/utils.js.map +1 -1
  180. package/dist/web/hooks/use-call-tool.d.ts +45 -0
  181. package/dist/web/hooks/use-call-tool.js +28 -0
  182. package/dist/web/hooks/use-call-tool.js.map +1 -1
  183. package/dist/web/hooks/use-call-tool.test-d.js.map +1 -1
  184. package/dist/web/hooks/use-call-tool.test.js +27 -6
  185. package/dist/web/hooks/use-call-tool.test.js.map +1 -1
  186. package/dist/web/hooks/use-display-mode.d.ts +20 -0
  187. package/dist/web/hooks/use-display-mode.js +20 -0
  188. package/dist/web/hooks/use-display-mode.js.map +1 -1
  189. package/dist/web/hooks/use-display-mode.test-d.js.map +1 -1
  190. package/dist/web/hooks/use-display-mode.test.js.map +1 -1
  191. package/dist/web/hooks/use-download.d.ts +5 -0
  192. package/dist/web/hooks/use-download.js +8 -0
  193. package/dist/web/hooks/use-download.js.map +1 -0
  194. package/dist/web/hooks/use-download.test.d.ts +1 -0
  195. package/dist/web/hooks/use-download.test.js +95 -0
  196. package/dist/web/hooks/use-download.test.js.map +1 -0
  197. package/dist/web/hooks/use-files.d.ts +34 -1
  198. package/dist/web/hooks/use-files.js +33 -0
  199. package/dist/web/hooks/use-files.js.map +1 -1
  200. package/dist/web/hooks/use-files.test.js +22 -2
  201. package/dist/web/hooks/use-files.test.js.map +1 -1
  202. package/dist/web/hooks/use-layout.d.ts +2 -0
  203. package/dist/web/hooks/use-layout.js +2 -0
  204. package/dist/web/hooks/use-layout.js.map +1 -1
  205. package/dist/web/hooks/use-layout.test.js +3 -3
  206. package/dist/web/hooks/use-layout.test.js.map +1 -1
  207. package/dist/web/hooks/use-open-external.d.ts +17 -0
  208. package/dist/web/hooks/use-open-external.js +16 -0
  209. package/dist/web/hooks/use-open-external.js.map +1 -1
  210. package/dist/web/hooks/use-open-external.test.js +15 -10
  211. package/dist/web/hooks/use-open-external.test.js.map +1 -1
  212. package/dist/web/hooks/use-request-close.d.ts +16 -0
  213. package/dist/web/hooks/use-request-close.js +21 -0
  214. package/dist/web/hooks/use-request-close.js.map +1 -0
  215. package/dist/web/hooks/use-request-close.test.d.ts +1 -0
  216. package/dist/web/hooks/use-request-close.test.js +52 -0
  217. package/dist/web/hooks/use-request-close.test.js.map +1 -0
  218. package/dist/web/hooks/use-request-modal.d.ts +16 -1
  219. package/dist/web/hooks/use-request-modal.js +19 -4
  220. package/dist/web/hooks/use-request-modal.js.map +1 -1
  221. package/dist/web/hooks/use-request-modal.test.js +5 -1
  222. package/dist/web/hooks/use-request-modal.test.js.map +1 -1
  223. package/dist/web/hooks/use-request-size.d.ts +20 -0
  224. package/dist/web/hooks/use-request-size.js +24 -0
  225. package/dist/web/hooks/use-request-size.js.map +1 -0
  226. package/dist/web/hooks/use-request-size.test.d.ts +1 -0
  227. package/dist/web/hooks/use-request-size.test.js +65 -0
  228. package/dist/web/hooks/use-request-size.test.js.map +1 -0
  229. package/dist/web/hooks/use-send-follow-up-message.d.ts +19 -1
  230. package/dist/web/hooks/use-send-follow-up-message.js +19 -2
  231. package/dist/web/hooks/use-send-follow-up-message.js.map +1 -1
  232. package/dist/web/hooks/use-set-open-in-app-url.d.ts +17 -0
  233. package/dist/web/hooks/use-set-open-in-app-url.js +17 -0
  234. package/dist/web/hooks/use-set-open-in-app-url.js.map +1 -1
  235. package/dist/web/hooks/use-set-open-in-app-url.test.js.map +1 -1
  236. package/dist/web/hooks/use-tool-info.d.ts +33 -0
  237. package/dist/web/hooks/use-tool-info.js +26 -0
  238. package/dist/web/hooks/use-tool-info.js.map +1 -1
  239. package/dist/web/hooks/use-tool-info.test-d.js.map +1 -1
  240. package/dist/web/hooks/use-tool-info.test.js +1 -1
  241. package/dist/web/hooks/use-tool-info.test.js.map +1 -1
  242. package/dist/web/hooks/use-user.d.ts +2 -0
  243. package/dist/web/hooks/use-user.js +20 -2
  244. package/dist/web/hooks/use-user.js.map +1 -1
  245. package/dist/web/hooks/use-user.test.js +29 -1
  246. package/dist/web/hooks/use-user.test.js.map +1 -1
  247. package/dist/web/hooks/use-view-state.d.ts +25 -0
  248. package/dist/web/hooks/use-view-state.js +32 -0
  249. package/dist/web/hooks/use-view-state.js.map +1 -0
  250. package/dist/web/hooks/use-view-state.test.d.ts +1 -0
  251. package/dist/web/hooks/use-view-state.test.js +177 -0
  252. package/dist/web/hooks/use-view-state.test.js.map +1 -0
  253. package/dist/web/index.d.ts +1 -2
  254. package/dist/web/index.js +1 -2
  255. package/dist/web/index.js.map +1 -1
  256. package/dist/web/mount-view.d.ts +20 -0
  257. package/dist/web/{mount-widget.js → mount-view.js} +21 -2
  258. package/dist/web/mount-view.js.map +1 -0
  259. package/dist/web/plugin/data-llm.test.js.map +1 -1
  260. package/dist/web/plugin/plugin.d.ts +32 -1
  261. package/dist/web/plugin/plugin.js +160 -25
  262. package/dist/web/plugin/plugin.js.map +1 -1
  263. package/dist/web/plugin/scan-views.d.ts +16 -0
  264. package/dist/web/plugin/scan-views.js +88 -0
  265. package/dist/web/plugin/scan-views.js.map +1 -0
  266. package/dist/web/plugin/scan-views.test.d.ts +1 -0
  267. package/dist/web/plugin/scan-views.test.js +99 -0
  268. package/dist/web/plugin/scan-views.test.js.map +1 -0
  269. package/dist/web/plugin/transform-data-llm.js +1 -1
  270. package/dist/web/plugin/transform-data-llm.js.map +1 -1
  271. package/dist/web/plugin/transform-data-llm.test.js.map +1 -1
  272. package/dist/web/plugin/validate-view.d.ts +1 -0
  273. package/dist/web/plugin/validate-view.js +9 -0
  274. package/dist/web/plugin/validate-view.js.map +1 -0
  275. package/dist/web/plugin/validate-view.test.d.ts +1 -0
  276. package/dist/web/plugin/validate-view.test.js +24 -0
  277. package/dist/web/plugin/validate-view.test.js.map +1 -0
  278. package/dist/web/proxy.js.map +1 -1
  279. package/dist/web/types.d.ts +4 -0
  280. package/dist/web/types.js.map +1 -1
  281. package/package.json +35 -21
  282. package/tsconfig.base.json +5 -0
  283. package/dist/server/const.d.ts +0 -1
  284. package/dist/server/const.js +0 -2
  285. package/dist/server/const.js.map +0 -1
  286. package/dist/server/templates/development.hbs +0 -67
  287. package/dist/server/templates/production.hbs +0 -6
  288. package/dist/server/widgetsDevServer.d.ts +0 -12
  289. package/dist/server/widgetsDevServer.js +0 -63
  290. package/dist/server/widgetsDevServer.js.map +0 -1
  291. package/dist/test/widget.test.js +0 -261
  292. package/dist/test/widget.test.js.map +0 -1
  293. package/dist/web/hooks/use-widget-state.d.ts +0 -4
  294. package/dist/web/hooks/use-widget-state.js +0 -32
  295. package/dist/web/hooks/use-widget-state.js.map +0 -1
  296. package/dist/web/hooks/use-widget-state.test.js +0 -64
  297. package/dist/web/hooks/use-widget-state.test.js.map +0 -1
  298. package/dist/web/mount-widget.d.ts +0 -1
  299. package/dist/web/mount-widget.js.map +0 -1
  300. package/dist/web/plugin/validate-widget.d.ts +0 -5
  301. package/dist/web/plugin/validate-widget.js +0 -27
  302. package/dist/web/plugin/validate-widget.js.map +0 -1
  303. package/dist/web/plugin/validate-widget.test.js +0 -42
  304. package/dist/web/plugin/validate-widget.test.js.map +0 -1
  305. /package/dist/{test/widget.test.d.ts → cli/tunnel-control-server.test.d.ts} +0 -0
  306. /package/dist/{web/hooks/use-widget-state.test.d.ts → cli/tunnel-handler.test.d.ts} +0 -0
  307. /package/dist/{web/plugin/validate-widget.test.d.ts → cli/tunnel.test.d.ts} +0 -0
@@ -1,12 +1,5 @@
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 = {}));
1
+ import { App } from "@modelcontextprotocol/ext-apps";
2
+ /** @internal Singleton bridge over the `ext-apps` JSON-RPC App connection. Used by {@link McpAppAdaptor}. */
10
3
  export class McpAppBridge {
11
4
  static instance = null;
12
5
  context = {
@@ -15,34 +8,58 @@ export class McpAppBridge {
15
8
  toolResult: null,
16
9
  };
17
10
  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,
11
+ app;
12
+ connectPromise;
13
+ constructor(options) {
14
+ this.app = new App(options.appInfo);
15
+ this.app.ontoolinput = (params) => {
16
+ this.updateContext({ toolInput: params.arguments ?? {} });
31
17
  };
32
- this.init();
18
+ this.app.ontoolinputpartial = (params) => {
19
+ this.updateContext({ toolInput: params.arguments ?? {} });
20
+ };
21
+ this.app.ontoolresult = (params) => {
22
+ this.updateContext({ toolResult: params });
23
+ };
24
+ this.app.ontoolcancelled = (params) => {
25
+ this.updateContext({ toolCancelled: params });
26
+ };
27
+ this.app.onhostcontextchanged = (params) => {
28
+ this.updateContext(params);
29
+ };
30
+ this.connectPromise = this.connect();
31
+ }
32
+ async connect() {
33
+ try {
34
+ await this.app.connect();
35
+ const hostContext = this.app.getHostContext();
36
+ if (hostContext) {
37
+ this.updateContext(hostContext);
38
+ }
39
+ }
40
+ catch (err) {
41
+ console.error(err);
42
+ }
33
43
  }
34
- static getInstance(options, requestTimeout) {
44
+ async getApp() {
45
+ await this.connectPromise;
46
+ return this.app;
47
+ }
48
+ static getInstance(options) {
35
49
  if (window.skybridge.hostType !== "mcp-app") {
36
50
  throw new Error("MCP App Bridge can only be used in the mcp-app runtime");
37
51
  }
38
- if (McpAppBridge.instance && (options || requestTimeout)) {
39
- console.warn("McpAppBridge.getInstance: options and requestTimeout ignored, instance already exists");
52
+ if (McpAppBridge.instance && options) {
53
+ console.warn("McpAppBridge.getInstance: options ignored, instance already exists");
40
54
  }
41
55
  if (!McpAppBridge.instance) {
42
56
  const defaultOptions = {
43
57
  appInfo: { name: "skybridge-app", version: "0.0.1" },
44
58
  };
45
- McpAppBridge.instance = new McpAppBridge({ ...defaultOptions, ...options }, requestTimeout);
59
+ McpAppBridge.instance = new McpAppBridge({
60
+ ...defaultOptions,
61
+ ...options,
62
+ });
46
63
  }
47
64
  return McpAppBridge.instance;
48
65
  }
@@ -63,14 +80,7 @@ export class McpAppBridge {
63
80
  return this.context[key];
64
81
  }
65
82
  cleanup = () => {
66
- window.removeEventListener("message", this.handleMessage);
67
- this.pendingRequests.forEach((request) => {
68
- clearTimeout(request.timeout);
69
- });
70
- this.pendingRequests.clear();
71
83
  this.listeners.clear();
72
- this.cleanupSizeObserver?.();
73
- this.cleanupSizeObserver = null;
74
84
  };
75
85
  static resetInstance() {
76
86
  if (McpAppBridge.instance) {
@@ -78,20 +88,6 @@ export class McpAppBridge {
78
88
  McpAppBridge.instance = null;
79
89
  }
80
90
  }
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
91
  emit(key) {
96
92
  this.listeners.get(key)?.forEach((listener) => {
97
93
  listener();
@@ -103,158 +99,5 @@ export class McpAppBridge {
103
99
  this.emit(key);
104
100
  }
105
101
  }
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-partial":
150
- this.updateContext({
151
- toolInput: notification.params.arguments ?? {},
152
- });
153
- return;
154
- case "ui/notifications/tool-input":
155
- this.updateContext({
156
- toolInput: notification.params.arguments ?? {},
157
- });
158
- return;
159
- case "ui/notifications/tool-result":
160
- this.updateContext({
161
- toolResult: notification.params,
162
- });
163
- return;
164
- case "ui/notifications/tool-cancelled":
165
- this.updateContext({
166
- toolCancelled: notification.params,
167
- });
168
- return;
169
- }
170
- };
171
- handleRequest = (request) => {
172
- switch (request.method) {
173
- case "ui/resource-teardown":
174
- this.cleanup();
175
- window.parent.postMessage({
176
- jsonrpc: "2.0",
177
- id: request.id,
178
- result: {},
179
- }, "*");
180
- return;
181
- default:
182
- window.parent.postMessage({
183
- jsonrpc: "2.0",
184
- id: request.id,
185
- error: {
186
- code: JsonRpcErrorCode.MethodNotFound,
187
- message: "Unsupported Request",
188
- },
189
- }, "*");
190
- }
191
- };
192
- async connect() {
193
- try {
194
- const result = await this.request({
195
- method: "ui/initialize",
196
- params: this.appInitializationOptions,
197
- });
198
- this.updateContext(result.hostContext);
199
- this.notify({ method: "ui/notifications/initialized" });
200
- this.cleanupSizeObserver = this.setupSizeChangedNotifications();
201
- }
202
- catch (err) {
203
- console.error(err);
204
- }
205
- }
206
- notify(notification) {
207
- window.parent.postMessage({ jsonrpc: "2.0", ...notification }, "*");
208
- }
209
- sendSizeChanged(params) {
210
- this.notify({ method: "ui/notifications/size-changed", params });
211
- }
212
- /**
213
- * Set up automatic size change notifications using ResizeObserver.
214
- * Based on @modelcontextprotocol/ext-apps App.setupSizeChangedNotifications
215
- * @see https://github.com/modelcontextprotocol/ext-apps/blob/main/src/app.ts#L940-L989
216
- */
217
- setupSizeChangedNotifications() {
218
- let scheduled = false;
219
- let lastWidth = 0;
220
- let lastHeight = 0;
221
- const sendBodySizeChanged = () => {
222
- if (scheduled) {
223
- return;
224
- }
225
- scheduled = true;
226
- requestAnimationFrame(() => {
227
- scheduled = false;
228
- let width;
229
- let height;
230
- // In fullscreen mode, use viewport size since the widget should fill
231
- // the entire available space provided by the host.
232
- if (this.context.displayMode === "fullscreen") {
233
- width = window.innerWidth;
234
- height = window.innerHeight;
235
- }
236
- else {
237
- // Use scrollWidth/scrollHeight to measure actual rendered content size.
238
- // This works better than fit-content for viewport-based layouts (vw/vh)
239
- // and fluid elements like maps that want to fill available space.
240
- const body = document.body;
241
- width = Math.ceil(body.scrollWidth);
242
- height = Math.ceil(body.scrollHeight);
243
- }
244
- // Only send if size actually changed (prevents feedback loops from
245
- // style changes)
246
- if (width !== lastWidth || height !== lastHeight) {
247
- lastWidth = width;
248
- lastHeight = height;
249
- this.sendSizeChanged({ width, height });
250
- }
251
- });
252
- };
253
- sendBodySizeChanged();
254
- const resizeObserver = new ResizeObserver(sendBodySizeChanged);
255
- resizeObserver.observe(document.documentElement);
256
- resizeObserver.observe(document.body);
257
- return () => resizeObserver.disconnect();
258
- }
259
102
  }
260
103
  //# sourceMappingURL=bridge.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"bridge.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/bridge.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"bridge.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/bridge.ts"],"names":[],"mappings":"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","sourcesContent":["import { App } from \"@modelcontextprotocol/ext-apps\";\nimport type { Implementation } from \"@modelcontextprotocol/sdk/types.js\";\nimport type { Bridge, Subscribe } from \"../types.js\";\nimport type { McpAppContext, McpAppContextKey } from \"./types.js\";\n\n/** @internal Singleton bridge over the `ext-apps` JSON-RPC App connection. Used by {@link McpAppAdaptor}. */\nexport class McpAppBridge implements Bridge<McpAppContext> {\n private static instance: McpAppBridge | null = null;\n public context: McpAppContext = {\n toolInput: null,\n toolCancelled: null,\n toolResult: null,\n };\n private listeners = new Map<McpAppContextKey, Set<() => void>>();\n private app: App;\n private connectPromise: Promise<void>;\n\n constructor(options: { appInfo: Implementation }) {\n this.app = new App(options.appInfo);\n\n this.app.ontoolinput = (params) => {\n this.updateContext({ toolInput: params.arguments ?? {} });\n };\n\n this.app.ontoolinputpartial = (params) => {\n this.updateContext({ toolInput: params.arguments ?? {} });\n };\n\n this.app.ontoolresult = (params) => {\n this.updateContext({ toolResult: params });\n };\n\n this.app.ontoolcancelled = (params) => {\n this.updateContext({ toolCancelled: params });\n };\n\n this.app.onhostcontextchanged = (params) => {\n this.updateContext(params);\n };\n\n this.connectPromise = this.connect();\n }\n\n private async connect() {\n try {\n await this.app.connect();\n const hostContext = this.app.getHostContext();\n if (hostContext) {\n this.updateContext(hostContext);\n }\n } catch (err) {\n console.error(err);\n }\n }\n\n public async getApp(): Promise<App> {\n await this.connectPromise;\n return this.app;\n }\n\n public static getInstance(\n options?: Partial<{ appInfo: Implementation }>,\n ): McpAppBridge {\n if (window.skybridge.hostType !== \"mcp-app\") {\n throw new Error(\"MCP App Bridge can only be used in the mcp-app runtime\");\n }\n if (McpAppBridge.instance && options) {\n console.warn(\n \"McpAppBridge.getInstance: options ignored, instance already exists\",\n );\n }\n if (!McpAppBridge.instance) {\n const defaultOptions = {\n appInfo: { name: \"skybridge-app\", version: \"0.0.1\" },\n };\n McpAppBridge.instance = new McpAppBridge({\n ...defaultOptions,\n ...options,\n });\n }\n return McpAppBridge.instance;\n }\n\n public subscribe(key: McpAppContextKey): Subscribe;\n public subscribe(keys: readonly McpAppContextKey[]): Subscribe;\n public subscribe(\n keyOrKeys: McpAppContextKey | readonly McpAppContextKey[],\n ): Subscribe {\n const keys = Array.isArray(keyOrKeys) ? keyOrKeys : [keyOrKeys];\n return (onChange: () => void) => {\n for (const key of keys) {\n this.listeners.set(\n key,\n new Set([...(this.listeners.get(key) || []), onChange]),\n );\n }\n return () => {\n for (const key of keys) {\n this.listeners.get(key)?.delete(onChange);\n }\n };\n };\n }\n\n public getSnapshot<K extends keyof McpAppContext>(key: K): McpAppContext[K] {\n return this.context[key];\n }\n\n public cleanup = () => {\n this.listeners.clear();\n };\n\n public static resetInstance(): void {\n if (McpAppBridge.instance) {\n McpAppBridge.instance.cleanup();\n McpAppBridge.instance = null;\n }\n }\n\n private emit(key: McpAppContextKey) {\n this.listeners.get(key)?.forEach((listener) => {\n listener();\n });\n }\n\n private updateContext(context: Partial<McpAppContext>) {\n this.context = { ...this.context, ...context };\n for (const key of Object.keys(context)) {\n this.emit(key);\n }\n }\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAM3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAM3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export { McpAppAdaptor } from \"./adaptor.js\";\nexport { McpAppBridge } from \"./bridge.js\";\nexport type {\n McpAppContext,\n McpAppContextKey,\n McpToolState,\n} from \"./types.js\";\nexport { useMcpAppContext } from \"./use-mcp-app-context.js\";\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/types.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n McpUiHostContext,\n McpUiToolCancelledNotification,\n McpUiToolInputNotification,\n McpUiToolResultNotification,\n} from \"@modelcontextprotocol/ext-apps\";\n\nexport type McpToolState = {\n toolInput: NonNullable<\n McpUiToolInputNotification[\"params\"][\"arguments\"]\n > | null;\n toolResult: McpUiToolResultNotification[\"params\"] | null;\n toolCancelled: McpUiToolCancelledNotification[\"params\"] | null;\n};\n\nexport type McpAppContext = McpUiHostContext & McpToolState;\n\nexport type McpAppContextKey = keyof McpAppContext;\n"]}
@@ -1,5 +1,19 @@
1
- import type { McpUiInitializeRequest } from "@modelcontextprotocol/ext-apps";
1
+ import type { Implementation } from "@modelcontextprotocol/sdk/types.js";
2
2
  import type { McpAppContext } from "./types.js";
3
- type McpAppInitializationOptions = Pick<McpUiInitializeRequest["params"], "appInfo">;
4
- export declare function useMcpAppContext<K extends keyof McpAppContext>(key: K, options?: Partial<McpAppInitializationOptions>, requestTimeout?: number): McpAppContext[K];
3
+ type McpAppInitializationOptions = {
4
+ appInfo: Implementation;
5
+ };
6
+ /**
7
+ * Read a single key from the raw MCP Apps (`ext-apps`) bridge context.
8
+ *
9
+ * Advanced escape hatch — prefer the cross-host hooks (`useToolInfo`,
10
+ * `useLayout`, etc.) which work in both MCP Apps and Apps SDK. Reach for this
11
+ * when you need protocol-level fields not surfaced by the public hooks.
12
+ *
13
+ * `options.appInfo` is honored only on the first call that creates the
14
+ * underlying bridge; subsequent calls reuse the singleton.
15
+ *
16
+ * @see https://docs.skybridge.tech/api-reference/use-mcp-app-context
17
+ */
18
+ export declare function useMcpAppContext<K extends keyof McpAppContext>(key: K, options?: Partial<McpAppInitializationOptions>): McpAppContext[K];
5
19
  export {};
@@ -1,7 +1,19 @@
1
1
  import { useSyncExternalStore } from "react";
2
2
  import { McpAppBridge } from "./bridge.js";
3
- export function useMcpAppContext(key, options, requestTimeout) {
4
- const bridge = McpAppBridge.getInstance(options, requestTimeout);
3
+ /**
4
+ * Read a single key from the raw MCP Apps (`ext-apps`) bridge context.
5
+ *
6
+ * Advanced escape hatch — prefer the cross-host hooks (`useToolInfo`,
7
+ * `useLayout`, etc.) which work in both MCP Apps and Apps SDK. Reach for this
8
+ * when you need protocol-level fields not surfaced by the public hooks.
9
+ *
10
+ * `options.appInfo` is honored only on the first call that creates the
11
+ * underlying bridge; subsequent calls reuse the singleton.
12
+ *
13
+ * @see https://docs.skybridge.tech/api-reference/use-mcp-app-context
14
+ */
15
+ export function useMcpAppContext(key, options) {
16
+ const bridge = McpAppBridge.getInstance(options);
5
17
  return useSyncExternalStore(bridge.subscribe(key), () => bridge.getSnapshot(key));
6
18
  }
7
19
  //# sourceMappingURL=use-mcp-app-context.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-mcp-app-context.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/use-mcp-app-context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAQ3C,MAAM,UAAU,gBAAgB,CAC9B,GAAM,EACN,OAA8C,EAC9C,cAAuB;IAEvB,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IACjE,OAAO,oBAAoB,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CACtD,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CACxB,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"use-mcp-app-context.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/use-mcp-app-context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAO3C;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,gBAAgB,CAC9B,GAAM,EACN,OAA8C;IAE9C,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACjD,OAAO,oBAAoB,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CACtD,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CACxB,CAAC;AACJ,CAAC","sourcesContent":["import type { Implementation } from \"@modelcontextprotocol/sdk/types.js\";\n\nimport { useSyncExternalStore } from \"react\";\nimport { McpAppBridge } from \"./bridge.js\";\nimport type { McpAppContext } from \"./types.js\";\n\ntype McpAppInitializationOptions = {\n appInfo: Implementation;\n};\n\n/**\n * Read a single key from the raw MCP Apps (`ext-apps`) bridge context.\n *\n * Advanced escape hatch — prefer the cross-host hooks (`useToolInfo`,\n * `useLayout`, etc.) which work in both MCP Apps and Apps SDK. Reach for this\n * when you need protocol-level fields not surfaced by the public hooks.\n *\n * `options.appInfo` is honored only on the first call that creates the\n * underlying bridge; subsequent calls reuse the singleton.\n *\n * @see https://docs.skybridge.tech/api-reference/use-mcp-app-context\n */\nexport function useMcpAppContext<K extends keyof McpAppContext>(\n key: K,\n options?: Partial<McpAppInitializationOptions>,\n): McpAppContext[K] {\n const bridge = McpAppBridge.getInstance(options);\n return useSyncExternalStore(bridge.subscribe(key), () =>\n bridge.getSnapshot(key),\n );\n}\n"]}
@@ -1,4 +1,4 @@
1
- import { act, renderHook, waitFor } from "@testing-library/react";
1
+ import { renderHook, waitFor } from "@testing-library/react";
2
2
  import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
3
3
  import { getMcpAppHostPostMessageMock, MockResizeObserver, } from "../../hooks/test/utils.js";
4
4
  import { McpAppBridge } from "./bridge.js";
@@ -22,45 +22,5 @@ describe("useMcpAppContext", () => {
22
22
  expect(result.current).toBe("light");
23
23
  });
24
24
  });
25
- it("should reject the request after timeout", async () => {
26
- vi.useFakeTimers();
27
- const consoleErrorSpy = vi
28
- .spyOn(console, "error")
29
- .mockImplementation(() => { });
30
- const nonRespondingMock = vi.fn();
31
- vi.stubGlobal("parent", { postMessage: nonRespondingMock });
32
- renderHook(() => useMcpAppContext("theme", undefined, 100));
33
- expect(nonRespondingMock).toHaveBeenCalledWith(expect.objectContaining({ method: "ui/initialize" }), "*");
34
- await act(async () => {
35
- await vi.advanceTimersByTimeAsync(100);
36
- });
37
- expect(consoleErrorSpy).toHaveBeenCalledWith(new Error("Request timed out"));
38
- consoleErrorSpy.mockRestore();
39
- vi.useRealTimers();
40
- });
41
- it("should send size-changed notification after successful initialization", async () => {
42
- // Mock body dimensions to non-zero (size-changed only sends when dimensions change)
43
- Object.defineProperty(document.body, "scrollWidth", {
44
- value: 800,
45
- configurable: true,
46
- });
47
- Object.defineProperty(document.body, "scrollHeight", {
48
- value: 600,
49
- configurable: true,
50
- });
51
- const postMessageMock = getMcpAppHostPostMessageMock({ theme: "light" });
52
- vi.stubGlobal("parent", { postMessage: postMessageMock });
53
- renderHook(() => useMcpAppContext("theme"));
54
- await waitFor(() => {
55
- expect(postMessageMock).toHaveBeenCalledWith(expect.objectContaining({
56
- jsonrpc: "2.0",
57
- method: "ui/notifications/size-changed",
58
- params: expect.objectContaining({
59
- width: expect.any(Number),
60
- height: expect.any(Number),
61
- }),
62
- }), "*");
63
- });
64
- });
65
25
  });
66
26
  //# sourceMappingURL=use-mcp-app-context.test.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-mcp-app-context.test.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/use-mcp-app-context.test.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"use-mcp-app-context.test.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/use-mcp-app-context.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACzE,OAAO,EACL,4BAA4B,EAC5B,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,EAAE,CAAC,UAAU,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC;QACpD,EAAE,CAAC,UAAU,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;QACpD,YAAY,CAAC,aAAa,EAAE,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,EAAE,CAAC,gBAAgB,EAAE,CAAC;QACtB,EAAE,CAAC,aAAa,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4EAA4E,EAAE,KAAK,IAAI,EAAE;QAC1F,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE;YACtB,WAAW,EAAE,4BAA4B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;SAC9D,CAAC,CAAC;QACH,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;QAE/D,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { renderHook, waitFor } from \"@testing-library/react\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\";\nimport {\n getMcpAppHostPostMessageMock,\n MockResizeObserver,\n} from \"../../hooks/test/utils.js\";\nimport { McpAppBridge } from \"./bridge.js\";\nimport { useMcpAppContext } from \"./use-mcp-app-context.js\";\n\ndescribe(\"useMcpAppContext\", () => {\n beforeEach(async () => {\n vi.stubGlobal(\"skybridge\", { hostType: \"mcp-app\" });\n vi.stubGlobal(\"ResizeObserver\", MockResizeObserver);\n McpAppBridge.resetInstance();\n });\n\n afterEach(() => {\n vi.unstubAllGlobals();\n vi.clearAllMocks();\n });\n\n it(\"should return the theme value from host context and update on notification\", async () => {\n vi.stubGlobal(\"parent\", {\n postMessage: getMcpAppHostPostMessageMock({ theme: \"light\" }),\n });\n const { result } = renderHook(() => useMcpAppContext(\"theme\"));\n\n await waitFor(() => {\n expect(result.current).toBe(\"light\");\n });\n });\n});\n"]}
@@ -1,8 +1,12 @@
1
- import type { CallToolResult } from "@modelcontextprotocol/sdk/types.js";
1
+ import type { CallToolResult, EmbeddedResource, ResourceLink } from "@modelcontextprotocol/sdk/types.js";
2
2
  import type { useSyncExternalStore } from "react";
3
- import type { WidgetHostType } from "../../server/index.js";
3
+ import type { ViewHostType } from "../../server/index.js";
4
+ /**
5
+ * Globals injected on `window.skybridge` by the host. Tells the view which
6
+ * runtime it's running under and where to reach the MCP server.
7
+ */
4
8
  export type SkybridgeProperties = {
5
- hostType: WidgetHostType;
9
+ hostType: ViewHostType;
6
10
  serverUrl: string;
7
11
  };
8
12
  declare global {
@@ -10,27 +14,43 @@ declare global {
10
14
  skybridge: SkybridgeProperties;
11
15
  }
12
16
  }
17
+ /** Arguments passed to a tool call. `null` for tools that take no input. */
13
18
  export type CallToolArgs = Record<string, unknown> | null;
19
+ /**
20
+ * Result of a tool call as surfaced to the view: MCP `content` blocks plus
21
+ * the typed `structuredContent` and optional `meta`. `isError` is set when
22
+ * the server marks the call as failed.
23
+ */
14
24
  export type CallToolResponse = {
15
25
  content: CallToolResult["content"];
16
26
  structuredContent: NonNullable<CallToolResult["structuredContent"]>;
17
27
  isError: NonNullable<CallToolResult["isError"]>;
18
- result: string;
19
28
  meta?: CallToolResult["_meta"];
20
29
  };
30
+ /**
31
+ * How the view is laid out by the host. `"modal"` is host-driven (see
32
+ * {@link useRequestModal}); `"pip"`, `"inline"`, and `"fullscreen"` are
33
+ * requestable via {@link useDisplayMode}.
34
+ */
21
35
  export type DisplayMode = "pip" | "inline" | "fullscreen" | "modal";
36
+ /** Subset of {@link DisplayMode} that the view can request from the host. */
22
37
  export type RequestDisplayMode = Exclude<DisplayMode, "modal">;
38
+ /** Host theme. Mirror this in your view's styling for a native feel. */
23
39
  export type Theme = "light" | "dark";
40
+ /** Coarse device class reported by the host. `"unknown"` when unavailable. */
24
41
  export type DeviceType = "mobile" | "tablet" | "desktop" | "unknown";
42
+ /** Pixel insets the view should keep clear of (notches, home indicators, etc.). */
25
43
  export type SafeAreaInsets = {
26
44
  top: number;
27
45
  right: number;
28
46
  bottom: number;
29
47
  left: number;
30
48
  };
49
+ /** Wrapper around {@link SafeAreaInsets} exposed via {@link useLayout}. */
31
50
  export type SafeArea = {
32
51
  insets: SafeAreaInsets;
33
52
  };
53
+ /** Device and input-capability hints exposed via {@link useUser}. */
34
54
  export type UserAgent = {
35
55
  device: {
36
56
  type: DeviceType;
@@ -40,6 +60,11 @@ export type UserAgent = {
40
60
  touch: boolean;
41
61
  };
42
62
  };
63
+ /**
64
+ * Full snapshot of state the host exposes to the view. Most fields are
65
+ * better accessed through their dedicated hooks (`useLayout`, `useUser`,
66
+ * `useToolInfo`, etc.) — read this directly only for advanced cases.
67
+ */
43
68
  export interface HostContext {
44
69
  theme: Theme;
45
70
  locale: string;
@@ -50,30 +75,44 @@ export interface HostContext {
50
75
  toolInput: Record<string, unknown> | null;
51
76
  toolOutput: Record<string, unknown> | null;
52
77
  toolResponseMetadata: Record<string, unknown> | null;
53
- view: {
78
+ display: {
54
79
  mode: DisplayMode;
55
80
  params?: Record<string, unknown>;
56
81
  };
57
- widgetState: Record<string, unknown> | null;
82
+ viewState: Record<string, unknown> | null;
58
83
  }
84
+ /** @internal `useSyncExternalStore` subscribe signature, re-exported for bridge implementations. */
59
85
  export type Subscribe = Parameters<typeof useSyncExternalStore>[0];
86
+ /** @internal Bridge contract implemented by per-host bridge classes. */
60
87
  export interface Bridge<Context> {
61
88
  subscribe(key: keyof Context): Subscribe;
62
89
  subscribe(keys: readonly (keyof Context)[]): Subscribe;
63
90
  getSnapshot<K extends keyof Context>(key: K): Context[K] | undefined;
64
91
  }
92
+ /** @internal Per-key snapshot store backing {@link useHostContext}. */
65
93
  export type HostContextStore<K extends keyof HostContext> = {
66
94
  subscribe: Subscribe;
67
95
  getSnapshot: () => HostContext[K];
68
96
  };
69
- export type WidgetState = Record<string, unknown>;
70
- export type SetWidgetStateAction = WidgetState | ((prevState: WidgetState | null) => WidgetState);
97
+ /** Persisted view state shape (a plain object). See {@link useViewState}. */
98
+ export type ViewState = Record<string, unknown>;
99
+ /** Updater form accepted when writing to view state. */
100
+ export type SetViewStateAction = ViewState | ((prevState: ViewState | null) => ViewState);
101
+ /** Reference to a host-managed file (returned by {@link useFiles}). */
71
102
  export type FileMetadata = {
72
103
  fileId: string;
104
+ fileName?: string;
105
+ mimeType?: string;
73
106
  };
107
+ /** Options for {@link useFiles}'s `upload`. `library: true` saves into the user's library when supported. */
108
+ export type UploadFileOptions = {
109
+ library?: boolean;
110
+ };
111
+ /** Options for {@link useRequestModal}'s `open` call. */
74
112
  export type RequestModalOptions = {
75
113
  title?: string;
76
114
  params?: Record<string, unknown>;
115
+ template?: string;
77
116
  anchor?: {
78
117
  top?: number;
79
118
  left?: number;
@@ -81,22 +120,52 @@ export type RequestModalOptions = {
81
120
  height?: number;
82
121
  };
83
122
  };
123
+ /**
124
+ * Options for {@link useOpenExternal}. Set `redirectUrl: false` to tell the
125
+ * host not to append its `?redirectUrl=…` tracking query parameter when
126
+ * opening allowlisted targets.
127
+ */
84
128
  export type OpenExternalOptions = {
85
129
  redirectUrl?: false;
86
130
  };
131
+ /** Options for {@link useSendFollowUpMessage}. */
132
+ export type SendFollowUpMessageOptions = {
133
+ scrollToBottom?: boolean;
134
+ };
135
+ /** Options for {@link useRequestSize}. Omit a dimension to leave it unchanged. */
136
+ export type RequestSizeOptions = {
137
+ width?: number;
138
+ height?: number;
139
+ };
140
+ export type DownloadParams = {
141
+ contents: (EmbeddedResource | ResourceLink)[];
142
+ };
143
+ export type DownloadResult = {
144
+ isError?: boolean;
145
+ };
146
+ /**
147
+ * @internal
148
+ * Low-level interface every host bridge implements. End-user code should use
149
+ * the React hooks (`useCallTool`, `useViewState`, `useFiles`, …) rather than
150
+ * calling this directly.
151
+ */
87
152
  export interface Adaptor {
88
153
  getHostContextStore<K extends keyof HostContext>(key: K): HostContextStore<K>;
89
154
  callTool<ToolArgs extends CallToolArgs = null, ToolResponse extends CallToolResponse = CallToolResponse>(name: string, args: ToolArgs): Promise<ToolResponse>;
90
155
  requestDisplayMode(mode: RequestDisplayMode): Promise<{
91
156
  mode: RequestDisplayMode;
92
157
  }>;
93
- sendFollowUpMessage(prompt: string): Promise<void>;
158
+ requestClose(): Promise<void>;
159
+ requestSize(size: RequestSizeOptions): Promise<void>;
160
+ sendFollowUpMessage(prompt: string, options?: SendFollowUpMessageOptions): Promise<void>;
94
161
  openExternal(href: string, options?: OpenExternalOptions): void;
95
- setWidgetState(stateOrUpdater: SetWidgetStateAction): Promise<void>;
96
- uploadFile(file: File): Promise<FileMetadata>;
162
+ download(params: DownloadParams): Promise<DownloadResult>;
163
+ setViewState(stateOrUpdater: SetViewStateAction): Promise<void>;
164
+ uploadFile(file: File, options?: UploadFileOptions): Promise<FileMetadata>;
97
165
  getFileDownloadUrl(file: FileMetadata): Promise<{
98
166
  downloadUrl: string;
99
167
  }>;
168
+ selectFiles(): Promise<FileMetadata[]>;
100
169
  openModal(options: RequestModalOptions): void;
101
170
  setOpenInAppUrl(href: string): Promise<void>;
102
171
  }