skybridge 0.0.0-dev.a01e302 → 0.0.0-dev.a065fb1

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 (260) hide show
  1. package/README.md +24 -15
  2. package/dist/cli/detect-port.d.ts +18 -0
  3. package/dist/cli/detect-port.js +61 -0
  4. package/dist/cli/detect-port.js.map +1 -0
  5. package/dist/cli/header.js +1 -1
  6. package/dist/cli/header.js.map +1 -1
  7. package/dist/cli/run-command.js.map +1 -1
  8. package/dist/cli/telemetry.js.map +1 -1
  9. package/dist/cli/tunnel-control-server.d.ts +9 -0
  10. package/dist/cli/tunnel-control-server.js +31 -0
  11. package/dist/cli/tunnel-control-server.js.map +1 -0
  12. package/dist/cli/tunnel-control-server.test.js +39 -0
  13. package/dist/cli/tunnel-control-server.test.js.map +1 -0
  14. package/dist/cli/tunnel-handler.d.ts +3 -0
  15. package/dist/cli/tunnel-handler.js +48 -0
  16. package/dist/cli/tunnel-handler.js.map +1 -0
  17. package/dist/cli/tunnel-handler.test.js +105 -0
  18. package/dist/cli/tunnel-handler.test.js.map +1 -0
  19. package/dist/cli/tunnel.d.ts +57 -0
  20. package/dist/cli/tunnel.js +154 -0
  21. package/dist/cli/tunnel.js.map +1 -0
  22. package/dist/cli/tunnel.test.d.ts +1 -0
  23. package/dist/cli/tunnel.test.js +190 -0
  24. package/dist/cli/tunnel.test.js.map +1 -0
  25. package/dist/cli/types.d.ts +5 -0
  26. package/dist/cli/types.js +2 -0
  27. package/dist/cli/types.js.map +1 -0
  28. package/dist/cli/use-execute-steps.js.map +1 -1
  29. package/dist/cli/use-messages.d.ts +3 -0
  30. package/dist/cli/use-messages.js +11 -0
  31. package/dist/cli/use-messages.js.map +1 -0
  32. package/dist/cli/use-nodemon.d.ts +2 -6
  33. package/dist/cli/use-nodemon.js +30 -18
  34. package/dist/cli/use-nodemon.js.map +1 -1
  35. package/dist/cli/use-open-browser.d.ts +1 -0
  36. package/dist/cli/use-open-browser.js +44 -0
  37. package/dist/cli/use-open-browser.js.map +1 -0
  38. package/dist/cli/use-tunnel.d.ts +14 -0
  39. package/dist/cli/use-tunnel.js +131 -0
  40. package/dist/cli/use-tunnel.js.map +1 -0
  41. package/dist/cli/use-typescript-check.d.ts +1 -0
  42. package/dist/cli/use-typescript-check.js +41 -6
  43. package/dist/cli/use-typescript-check.js.map +1 -1
  44. package/dist/commands/build.js +63 -7
  45. package/dist/commands/build.js.map +1 -1
  46. package/dist/commands/dev.d.ts +4 -1
  47. package/dist/commands/dev.js +57 -8
  48. package/dist/commands/dev.js.map +1 -1
  49. package/dist/commands/start.d.ts +3 -1
  50. package/dist/commands/start.js +30 -9
  51. package/dist/commands/start.js.map +1 -1
  52. package/dist/commands/telemetry/disable.js.map +1 -1
  53. package/dist/commands/telemetry/enable.js.map +1 -1
  54. package/dist/commands/telemetry/status.js.map +1 -1
  55. package/dist/server/asset-base-url-transform-plugin.d.ts +5 -6
  56. package/dist/server/asset-base-url-transform-plugin.js +9 -10
  57. package/dist/server/asset-base-url-transform-plugin.js.map +1 -1
  58. package/dist/server/asset-base-url-transform-plugin.test.js +41 -13
  59. package/dist/server/asset-base-url-transform-plugin.test.js.map +1 -1
  60. package/dist/server/content-helpers.d.ts +27 -0
  61. package/dist/server/content-helpers.js +46 -0
  62. package/dist/server/content-helpers.js.map +1 -0
  63. package/dist/server/content-helpers.test.d.ts +1 -0
  64. package/dist/server/content-helpers.test.js +70 -0
  65. package/dist/server/content-helpers.test.js.map +1 -0
  66. package/dist/server/express.d.ts +11 -0
  67. package/dist/server/express.js +101 -0
  68. package/dist/server/express.js.map +1 -0
  69. package/dist/server/express.test.d.ts +1 -0
  70. package/dist/server/express.test.js +430 -0
  71. package/dist/server/express.test.js.map +1 -0
  72. package/dist/server/index.d.ts +5 -3
  73. package/dist/server/index.js +3 -2
  74. package/dist/server/index.js.map +1 -1
  75. package/dist/server/inferUtilityTypes.d.ts +6 -6
  76. package/dist/server/inferUtilityTypes.js.map +1 -1
  77. package/dist/server/metric.d.ts +14 -0
  78. package/dist/server/metric.js +62 -0
  79. package/dist/server/metric.js.map +1 -0
  80. package/dist/server/middleware.d.ts +124 -0
  81. package/dist/server/middleware.js +93 -0
  82. package/dist/server/middleware.js.map +1 -0
  83. package/dist/server/middleware.test-d.d.ts +1 -0
  84. package/dist/server/middleware.test-d.js +75 -0
  85. package/dist/server/middleware.test-d.js.map +1 -0
  86. package/dist/server/middleware.test.d.ts +1 -0
  87. package/dist/server/middleware.test.js +493 -0
  88. package/dist/server/middleware.test.js.map +1 -0
  89. package/dist/server/server.d.ts +160 -63
  90. package/dist/server/server.js +391 -76
  91. package/dist/server/server.js.map +1 -1
  92. package/dist/server/templateHelper.d.ts +5 -8
  93. package/dist/server/templateHelper.js +3 -22
  94. package/dist/server/templateHelper.js.map +1 -1
  95. package/dist/server/templates.generated.d.ts +4 -0
  96. package/dist/server/templates.generated.js +47 -0
  97. package/dist/server/templates.generated.js.map +1 -0
  98. package/dist/server/tunnel-proxy-router.d.ts +7 -0
  99. package/dist/server/tunnel-proxy-router.js +110 -0
  100. package/dist/server/tunnel-proxy-router.js.map +1 -0
  101. package/dist/server/tunnel-proxy-router.test.d.ts +1 -0
  102. package/dist/server/tunnel-proxy-router.test.js +229 -0
  103. package/dist/server/tunnel-proxy-router.test.js.map +1 -0
  104. package/dist/server/viewsDevServer.d.ts +14 -0
  105. package/dist/server/viewsDevServer.js +45 -0
  106. package/dist/server/viewsDevServer.js.map +1 -0
  107. package/dist/test/utils.d.ts +13 -21
  108. package/dist/test/utils.js +42 -37
  109. package/dist/test/utils.js.map +1 -1
  110. package/dist/test/view.test.d.ts +1 -0
  111. package/dist/test/view.test.js +523 -0
  112. package/dist/test/view.test.js.map +1 -0
  113. package/dist/version.d.ts +1 -0
  114. package/dist/version.js +3 -0
  115. package/dist/version.js.map +1 -0
  116. package/dist/web/bridges/apps-sdk/adaptor.d.ts +8 -6
  117. package/dist/web/bridges/apps-sdk/adaptor.js +46 -17
  118. package/dist/web/bridges/apps-sdk/adaptor.js.map +1 -1
  119. package/dist/web/bridges/apps-sdk/bridge.d.ts +1 -1
  120. package/dist/web/bridges/apps-sdk/bridge.js.map +1 -1
  121. package/dist/web/bridges/apps-sdk/index.d.ts +1 -1
  122. package/dist/web/bridges/apps-sdk/index.js.map +1 -1
  123. package/dist/web/bridges/apps-sdk/types.d.ts +24 -13
  124. package/dist/web/bridges/apps-sdk/types.js.map +1 -1
  125. package/dist/web/bridges/apps-sdk/use-apps-sdk-context.js.map +1 -1
  126. package/dist/web/bridges/get-adaptor.js.map +1 -1
  127. package/dist/web/bridges/index.js.map +1 -1
  128. package/dist/web/bridges/mcp-app/adaptor.d.ts +20 -8
  129. package/dist/web/bridges/mcp-app/adaptor.js +141 -58
  130. package/dist/web/bridges/mcp-app/adaptor.js.map +1 -1
  131. package/dist/web/bridges/mcp-app/bridge.d.ts +13 -30
  132. package/dist/web/bridges/mcp-app/bridge.js +43 -196
  133. package/dist/web/bridges/mcp-app/bridge.js.map +1 -1
  134. package/dist/web/bridges/mcp-app/index.js.map +1 -1
  135. package/dist/web/bridges/mcp-app/types.js.map +1 -1
  136. package/dist/web/bridges/mcp-app/use-mcp-app-context.d.ts +5 -3
  137. package/dist/web/bridges/mcp-app/use-mcp-app-context.js +2 -2
  138. package/dist/web/bridges/mcp-app/use-mcp-app-context.js.map +1 -1
  139. package/dist/web/bridges/mcp-app/use-mcp-app-context.test.js +1 -41
  140. package/dist/web/bridges/mcp-app/use-mcp-app-context.test.js.map +1 -1
  141. package/dist/web/bridges/types.d.ts +22 -11
  142. package/dist/web/bridges/types.js.map +1 -1
  143. package/dist/web/bridges/use-host-context.js.map +1 -1
  144. package/dist/web/components/modal-provider.js +3 -5
  145. package/dist/web/components/modal-provider.js.map +1 -1
  146. package/dist/web/create-store.js +17 -3
  147. package/dist/web/create-store.js.map +1 -1
  148. package/dist/web/create-store.test.js +23 -20
  149. package/dist/web/create-store.test.js.map +1 -1
  150. package/dist/web/data-llm.d.ts +1 -1
  151. package/dist/web/data-llm.js +3 -3
  152. package/dist/web/data-llm.js.map +1 -1
  153. package/dist/web/data-llm.test.js +33 -30
  154. package/dist/web/data-llm.test.js.map +1 -1
  155. package/dist/web/generate-helpers.d.ts +20 -18
  156. package/dist/web/generate-helpers.js +20 -18
  157. package/dist/web/generate-helpers.js.map +1 -1
  158. package/dist/web/generate-helpers.test-d.js +26 -26
  159. package/dist/web/generate-helpers.test-d.js.map +1 -1
  160. package/dist/web/generate-helpers.test.js.map +1 -1
  161. package/dist/web/helpers/state.d.ts +2 -2
  162. package/dist/web/helpers/state.js +11 -11
  163. package/dist/web/helpers/state.js.map +1 -1
  164. package/dist/web/helpers/state.test.js +9 -9
  165. package/dist/web/helpers/state.test.js.map +1 -1
  166. package/dist/web/hooks/index.d.ts +2 -2
  167. package/dist/web/hooks/index.js +1 -1
  168. package/dist/web/hooks/index.js.map +1 -1
  169. package/dist/web/hooks/test/utils.js +4 -0
  170. package/dist/web/hooks/test/utils.js.map +1 -1
  171. package/dist/web/hooks/use-call-tool.js.map +1 -1
  172. package/dist/web/hooks/use-call-tool.test-d.js.map +1 -1
  173. package/dist/web/hooks/use-call-tool.test.js.map +1 -1
  174. package/dist/web/hooks/use-display-mode.d.ts +3 -3
  175. package/dist/web/hooks/use-display-mode.js.map +1 -1
  176. package/dist/web/hooks/use-display-mode.test-d.d.ts +1 -0
  177. package/dist/web/hooks/use-display-mode.test-d.js +8 -0
  178. package/dist/web/hooks/use-display-mode.test-d.js.map +1 -0
  179. package/dist/web/hooks/use-display-mode.test.js.map +1 -1
  180. package/dist/web/hooks/use-files.d.ts +2 -1
  181. package/dist/web/hooks/use-files.js +1 -0
  182. package/dist/web/hooks/use-files.js.map +1 -1
  183. package/dist/web/hooks/use-files.test.js +27 -3
  184. package/dist/web/hooks/use-files.test.js.map +1 -1
  185. package/dist/web/hooks/use-layout.js.map +1 -1
  186. package/dist/web/hooks/use-layout.test.js +3 -3
  187. package/dist/web/hooks/use-layout.test.js.map +1 -1
  188. package/dist/web/hooks/use-open-external.d.ts +3 -1
  189. package/dist/web/hooks/use-open-external.js +1 -1
  190. package/dist/web/hooks/use-open-external.js.map +1 -1
  191. package/dist/web/hooks/use-open-external.test.js +26 -11
  192. package/dist/web/hooks/use-open-external.test.js.map +1 -1
  193. package/dist/web/hooks/use-request-modal.d.ts +1 -1
  194. package/dist/web/hooks/use-request-modal.js +4 -4
  195. package/dist/web/hooks/use-request-modal.js.map +1 -1
  196. package/dist/web/hooks/use-request-modal.test.js +5 -1
  197. package/dist/web/hooks/use-request-modal.test.js.map +1 -1
  198. package/dist/web/hooks/use-send-follow-up-message.js.map +1 -1
  199. package/dist/web/hooks/use-set-open-in-app-url.js.map +1 -1
  200. package/dist/web/hooks/use-set-open-in-app-url.test.js +5 -11
  201. package/dist/web/hooks/use-set-open-in-app-url.test.js.map +1 -1
  202. package/dist/web/hooks/use-tool-info.js.map +1 -1
  203. package/dist/web/hooks/use-tool-info.test-d.js.map +1 -1
  204. package/dist/web/hooks/use-tool-info.test.js +1 -1
  205. package/dist/web/hooks/use-tool-info.test.js.map +1 -1
  206. package/dist/web/hooks/use-user.js +18 -2
  207. package/dist/web/hooks/use-user.js.map +1 -1
  208. package/dist/web/hooks/use-user.test.js +29 -1
  209. package/dist/web/hooks/use-user.test.js.map +1 -1
  210. package/dist/web/hooks/use-view-state.d.ts +4 -0
  211. package/dist/web/hooks/use-view-state.js +32 -0
  212. package/dist/web/hooks/use-view-state.js.map +1 -0
  213. package/dist/web/hooks/use-view-state.test.d.ts +1 -0
  214. package/dist/web/hooks/use-view-state.test.js +177 -0
  215. package/dist/web/hooks/use-view-state.test.js.map +1 -0
  216. package/dist/web/index.d.ts +1 -2
  217. package/dist/web/index.js +1 -2
  218. package/dist/web/index.js.map +1 -1
  219. package/dist/web/mount-view.d.ts +1 -0
  220. package/dist/web/{mount-widget.js → mount-view.js} +2 -2
  221. package/dist/web/mount-view.js.map +1 -0
  222. package/dist/web/plugin/data-llm.test.js.map +1 -1
  223. package/dist/web/plugin/plugin.d.ts +4 -1
  224. package/dist/web/plugin/plugin.js +128 -18
  225. package/dist/web/plugin/plugin.js.map +1 -1
  226. package/dist/web/plugin/scan-views.d.ts +16 -0
  227. package/dist/web/plugin/scan-views.js +88 -0
  228. package/dist/web/plugin/scan-views.js.map +1 -0
  229. package/dist/web/plugin/scan-views.test.d.ts +1 -0
  230. package/dist/web/plugin/scan-views.test.js +99 -0
  231. package/dist/web/plugin/scan-views.test.js.map +1 -0
  232. package/dist/web/plugin/transform-data-llm.js +1 -1
  233. package/dist/web/plugin/transform-data-llm.js.map +1 -1
  234. package/dist/web/plugin/transform-data-llm.test.js.map +1 -1
  235. package/dist/web/plugin/validate-view.d.ts +1 -0
  236. package/dist/web/plugin/validate-view.js +9 -0
  237. package/dist/web/plugin/validate-view.js.map +1 -0
  238. package/dist/web/plugin/validate-view.test.d.ts +1 -0
  239. package/dist/web/plugin/validate-view.test.js +24 -0
  240. package/dist/web/plugin/validate-view.test.js.map +1 -0
  241. package/dist/web/proxy.js.map +1 -1
  242. package/dist/web/types.js.map +1 -1
  243. package/package.json +40 -26
  244. package/tsconfig.base.json +33 -0
  245. package/dist/server/templates/development.hbs +0 -67
  246. package/dist/server/templates/production.hbs +0 -6
  247. package/dist/server/widgetsDevServer.d.ts +0 -12
  248. package/dist/server/widgetsDevServer.js +0 -57
  249. package/dist/server/widgetsDevServer.js.map +0 -1
  250. package/dist/test/widget.test.js +0 -255
  251. package/dist/test/widget.test.js.map +0 -1
  252. package/dist/web/hooks/use-widget-state.d.ts +0 -4
  253. package/dist/web/hooks/use-widget-state.js +0 -32
  254. package/dist/web/hooks/use-widget-state.js.map +0 -1
  255. package/dist/web/hooks/use-widget-state.test.js +0 -61
  256. package/dist/web/hooks/use-widget-state.test.js.map +0 -1
  257. package/dist/web/mount-widget.d.ts +0 -1
  258. package/dist/web/mount-widget.js.map +0 -1
  259. /package/dist/{test/widget.test.d.ts → cli/tunnel-control-server.test.d.ts} +0 -0
  260. /package/dist/{web/hooks/use-widget-state.test.d.ts → cli/tunnel-handler.test.d.ts} +0 -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
- _widgetState = null;
7
- widgetStateListeners = new Set();
8
- _viewState = {
18
+ _viewState = null;
19
+ viewStateListeners = new Set();
20
+ _viewUUID = null;
21
+ _displayState = {
9
22
  mode: "inline",
10
23
  };
11
- viewListeners = new Set();
24
+ displayListeners = 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 bridge = McpAppBridge.getInstance();
29
- const response = await bridge.request({
30
- method: "tools/call",
31
- params: {
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 bridge = McpAppBridge.getInstance();
50
- if (mode !== "modal") {
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 bridge = McpAppBridge.getInstance();
60
- await bridge.request({
61
- method: "ui/message",
62
- params: {
63
- role: "user",
64
- content: [
65
- {
66
- type: "text",
67
- text: prompt,
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
- const bridge = McpAppBridge.getInstance();
75
- bridge.request({
76
- method: "ui/open-link",
77
- params: { url: href },
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() {
@@ -104,39 +110,47 @@ export class McpAppAdaptor {
104
110
  toolInput: this.createHostContextStore(["toolInput"], ({ toolInput }) => toolInput ?? null),
105
111
  toolOutput: this.createHostContextStore(["toolResult"], ({ toolResult }) => toolResult?.structuredContent ?? null),
106
112
  toolResponseMetadata: this.createHostContextStore(["toolResult"], ({ toolResult }) => toolResult?._meta ?? null),
107
- view: {
113
+ display: {
108
114
  subscribe: (onChange) => {
109
- this.viewListeners.add(onChange);
115
+ this.displayListeners.add(onChange);
110
116
  return () => {
111
- this.viewListeners.delete(onChange);
117
+ this.displayListeners.delete(onChange);
112
118
  };
113
119
  },
114
- getSnapshot: () => this._viewState,
120
+ getSnapshot: () => this._displayState,
115
121
  },
116
- widgetState: {
122
+ viewState: {
117
123
  subscribe: (onChange) => {
118
- this.widgetStateListeners.add(onChange);
124
+ this.viewStateListeners.add(onChange);
119
125
  return () => {
120
- this.widgetStateListeners.delete(onChange);
126
+ this.viewStateListeners.delete(onChange);
121
127
  };
122
128
  },
123
- getSnapshot: () => this._widgetState,
129
+ getSnapshot: () => this._viewState,
124
130
  },
125
131
  };
126
132
  }
127
- setWidgetState = async (stateOrUpdater) => {
133
+ setViewState = async (stateOrUpdater) => {
128
134
  const newState = typeof stateOrUpdater === "function"
129
- ? stateOrUpdater(this._widgetState)
135
+ ? stateOrUpdater(this._viewState)
130
136
  : stateOrUpdater;
131
- const bridge = McpAppBridge.getInstance();
132
- await bridge.request({
133
- method: "ui/update-model-context",
134
- params: { structuredContent: newState },
135
- });
136
- this._widgetState = newState;
137
- this.widgetStateListeners.forEach((listener) => {
137
+ // must happen before the async bridge call to ensure the state is updated immediately for the UI,
138
+ // otherwise successive calls to setViewState may have stale state
139
+ this._viewState = newState;
140
+ this.viewStateListeners.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 view state in MCP App.", error);
153
+ }
140
154
  };
141
155
  /**
142
156
  * @throws File upload is not supported in MCP App.
@@ -150,21 +164,90 @@ 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
- this._viewState = { mode: "modal", params: options.params };
155
- this.viewListeners.forEach((listener) => {
174
+ this._displayState = { mode: "modal", params: options.params };
175
+ this.displayListeners.forEach((listener) => {
156
176
  listener();
157
177
  });
158
178
  }
159
179
  closeModal() {
160
- this._viewState = { mode: "inline" };
161
- this.viewListeners.forEach((listener) => {
180
+ this._displayState = { mode: "inline" };
181
+ this.displayListeners.forEach((listener) => {
162
182
  listener();
163
183
  });
164
184
  }
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._viewState = JSON.parse(stored);
208
+ this.viewStateListeners.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":"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"}
1
+ {"version":3,"file":"adaptor.js","sourceRoot":"","sources":["../../../../src/web/bridges/mcp-app/adaptor.ts"],"names":[],"mappings":"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","sourcesContent":["import { dequal } from \"dequal/lite\";\nimport type {\n Adaptor,\n CallToolResponse,\n HostContext,\n HostContextStore,\n OpenExternalOptions,\n RequestDisplayMode,\n RequestModalOptions,\n SetViewStateAction,\n} from \"../types.js\";\nimport { McpAppBridge } from \"./bridge.js\";\nimport type { McpAppContext, McpAppContextKey } from \"./types.js\";\n\ntype PickContext<K extends readonly McpAppContextKey[]> = {\n [P in K[number]]: McpAppContext[P];\n};\n\nconst STORAGE_PREFIX = \"sb:\";\nconst MAX_STORAGE_ENTRIES = 200;\n\nfunction findStorageKey(viewUUID: string): string | undefined {\n const suffix = `:${viewUUID}`;\n for (let i = 0; i < localStorage.length; i++) {\n const key = localStorage.key(i);\n if (key?.startsWith(STORAGE_PREFIX) && key.endsWith(suffix)) {\n return key;\n }\n }\n return undefined;\n}\n\nexport class McpAppAdaptor implements Adaptor {\n private static instance: McpAppAdaptor | null = null;\n private stores: {\n [K in keyof HostContext]: HostContextStore<K>;\n };\n private _viewState: HostContext[\"viewState\"] = null;\n private viewStateListeners = new Set<() => void>();\n private _viewUUID: string | null = null;\n\n private _displayState: HostContext[\"display\"] = {\n mode: \"inline\",\n };\n private displayListeners = new Set<() => void>();\n\n private constructor() {\n this.stores = this.initializeStores();\n this.subscribeToViewUUID();\n }\n\n public static getInstance(): McpAppAdaptor {\n if (!McpAppAdaptor.instance) {\n McpAppAdaptor.instance = new McpAppAdaptor();\n }\n return McpAppAdaptor.instance;\n }\n\n public static resetInstance(): void {\n McpAppAdaptor.instance = null;\n }\n\n public getHostContextStore<K extends keyof HostContext>(\n key: K,\n ): HostContextStore<K> {\n return this.stores[key];\n }\n\n public callTool = async <\n ToolArgs extends Record<string, unknown> | null = null,\n ToolResponse extends CallToolResponse = CallToolResponse,\n >(\n name: string,\n args: ToolArgs,\n ): Promise<ToolResponse> => {\n const app = await McpAppBridge.getInstance().getApp();\n const response = await app.callServerTool({\n name,\n arguments: args ?? undefined,\n });\n\n const result = response.content\n .filter(\n (content): content is { type: \"text\"; text: string } =>\n content.type === \"text\",\n )\n .map(({ text }) => text)\n .join(\"\\n\");\n\n return {\n content: response.content,\n structuredContent: response.structuredContent ?? {},\n isError: response.isError ?? false,\n result,\n meta: response._meta ?? {},\n } as ToolResponse;\n };\n\n public requestDisplayMode = async (mode: RequestDisplayMode) => {\n const app = await McpAppBridge.getInstance().getApp();\n return app.requestDisplayMode({ mode });\n };\n\n public sendFollowUpMessage = async (prompt: string) => {\n const app = await McpAppBridge.getInstance().getApp();\n await app.sendMessage({\n role: \"user\",\n content: [\n {\n type: \"text\",\n text: prompt,\n },\n ],\n });\n };\n\n public openExternal(href: string, options?: OpenExternalOptions): void {\n if (options?.redirectUrl === false) {\n console.warn(\n \"[skybridge] redirectUrl option is not supported by the MCP ui/open-link protocol and will be ignored.\",\n );\n }\n\n McpAppBridge.getInstance()\n .getApp()\n .then((app) => app.openLink({ url: href }))\n .catch((err) => {\n console.error(\"Failed to open external link:\", err);\n });\n }\n\n private initializeStores(): {\n [K in keyof HostContext]: HostContextStore<K>;\n } {\n return {\n theme: this.createHostContextStore(\n [\"theme\"],\n ({ theme }) => theme ?? \"light\",\n ),\n locale: this.createHostContextStore(\n [\"locale\"],\n ({ locale }) => locale ?? \"en-US\",\n ),\n safeArea: this.createHostContextStore(\n [\"safeAreaInsets\"],\n ({ safeAreaInsets }) => ({\n insets: safeAreaInsets ?? { top: 0, right: 0, bottom: 0, left: 0 },\n }),\n ),\n displayMode: this.createHostContextStore(\n [\"displayMode\"],\n ({ displayMode }) => displayMode ?? \"inline\",\n ),\n maxHeight: this.createHostContextStore(\n [\"containerDimensions\"],\n ({ containerDimensions }) => {\n if (containerDimensions && \"maxHeight\" in containerDimensions) {\n return containerDimensions.maxHeight;\n }\n\n return undefined;\n },\n ),\n userAgent: this.createHostContextStore(\n [\"platform\", \"deviceCapabilities\"],\n ({ platform, deviceCapabilities }) => ({\n device: {\n type: platform === \"web\" ? \"desktop\" : (platform ?? \"unknown\"),\n },\n capabilities: {\n hover: true,\n touch: true,\n ...deviceCapabilities,\n },\n }),\n ),\n toolInput: this.createHostContextStore(\n [\"toolInput\"],\n ({ toolInput }) => toolInput ?? null,\n ),\n toolOutput: this.createHostContextStore(\n [\"toolResult\"],\n ({ toolResult }) => toolResult?.structuredContent ?? null,\n ),\n toolResponseMetadata: this.createHostContextStore(\n [\"toolResult\"],\n ({ toolResult }) => toolResult?._meta ?? null,\n ),\n display: {\n subscribe: (onChange: () => void) => {\n this.displayListeners.add(onChange);\n return () => {\n this.displayListeners.delete(onChange);\n };\n },\n getSnapshot: () => this._displayState,\n },\n viewState: {\n subscribe: (onChange: () => void) => {\n this.viewStateListeners.add(onChange);\n return () => {\n this.viewStateListeners.delete(onChange);\n };\n },\n getSnapshot: () => this._viewState,\n },\n };\n }\n\n public setViewState = async (\n stateOrUpdater: SetViewStateAction,\n ): Promise<void> => {\n const newState =\n typeof stateOrUpdater === \"function\"\n ? stateOrUpdater(this._viewState)\n : stateOrUpdater;\n\n // must happen before the async bridge call to ensure the state is updated immediately for the UI,\n // otherwise successive calls to setViewState may have stale state\n this._viewState = newState;\n this.viewStateListeners.forEach((listener) => {\n listener();\n });\n\n this.persistToLocalStorage(newState);\n\n try {\n const app = await McpAppBridge.getInstance().getApp();\n await app.updateModelContext({\n structuredContent: newState,\n content: [{ type: \"text\", text: JSON.stringify(newState) }],\n });\n } catch (error) {\n console.error(\"Failed to update view state in MCP App.\", error);\n }\n };\n\n /**\n * @throws File upload is not supported in MCP App.\n */\n public uploadFile(): Promise<{ fileId: string }> {\n throw new Error(\"File upload is not supported in MCP App.\");\n }\n\n /**\n * @throws File download is not supported in MCP App.\n */\n public getFileDownloadUrl(): Promise<{ downloadUrl: string }> {\n throw new Error(\"File download is not supported in MCP App.\");\n }\n\n /**\n * @throws File selection is not supported in MCP App.\n */\n public selectFiles(): Promise<{ fileId: string }[]> {\n throw new Error(\"File selection is not supported in MCP App.\");\n }\n\n public openModal(options: RequestModalOptions) {\n this._displayState = { mode: \"modal\", params: options.params };\n this.displayListeners.forEach((listener) => {\n listener();\n });\n }\n\n public closeModal() {\n this._displayState = { mode: \"inline\" };\n this.displayListeners.forEach((listener) => {\n listener();\n });\n }\n\n public setOpenInAppUrl(_href: string): Promise<void> {\n throw new Error(\"setOpenInAppUrl is not implemented in MCP App.\");\n }\n\n private subscribeToViewUUID(): void {\n const bridge = McpAppBridge.getInstance();\n bridge.subscribe(\"toolResult\")(() => {\n const toolResult = bridge.getSnapshot(\"toolResult\");\n const viewUUID = (\n toolResult?._meta as Record<string, unknown> | undefined\n )?.viewUUID as string | undefined;\n\n if (viewUUID && viewUUID !== this._viewUUID) {\n this._viewUUID = viewUUID;\n this.restoreFromLocalStorage(viewUUID);\n }\n });\n }\n\n // localStorage keys: sb:{unix_ms}:{viewUUID}\n // Timestamp is updated on every write (LRU); eviction drops the least recently used entries.\n private restoreFromLocalStorage(viewUUID: string): void {\n try {\n const existingKey = findStorageKey(viewUUID);\n if (existingKey) {\n const stored = localStorage.getItem(existingKey);\n if (stored !== null) {\n this._viewState = JSON.parse(stored);\n this.viewStateListeners.forEach((listener) => {\n listener();\n });\n }\n }\n } catch (err) {\n console.error(err);\n }\n }\n\n private persistToLocalStorage(state: Record<string, unknown> | null): void {\n if (!this._viewUUID || state === null) {\n return;\n }\n try {\n // Remove old key for this view, write with fresh timestamp (LRU)\n const oldKey = findStorageKey(this._viewUUID);\n if (oldKey) {\n localStorage.removeItem(oldKey);\n }\n const newKey = `${STORAGE_PREFIX}${Date.now()}:${this._viewUUID}`;\n localStorage.setItem(newKey, JSON.stringify(state));\n\n // lru cleanup\n const keys: string[] = [];\n for (let i = 0; i < localStorage.length; i++) {\n const key = localStorage.key(i);\n if (key?.startsWith(STORAGE_PREFIX)) {\n keys.push(key);\n }\n }\n if (keys.length <= MAX_STORAGE_ENTRIES) {\n return;\n }\n keys.sort();\n const toRemove = keys.slice(0, keys.length - MAX_STORAGE_ENTRIES);\n for (const key of toRemove) {\n localStorage.removeItem(key);\n }\n } catch (err) {\n console.error(err);\n }\n }\n\n private createHostContextStore<\n const Keys extends readonly McpAppContextKey[],\n R,\n >(keys: Keys, computeSnapshot: (context: PickContext<Keys>) => R) {\n const bridge = McpAppBridge.getInstance();\n let cachedValue: R | undefined;\n\n return {\n subscribe: bridge.subscribe(keys),\n getSnapshot: () => {\n const context = Object.fromEntries(\n keys.map((k) => [k, bridge.getSnapshot(k)]),\n ) as PickContext<Keys>;\n const newValue = computeSnapshot(context);\n\n if (cachedValue !== undefined && dequal(cachedValue, newValue)) {\n return cachedValue;\n }\n\n cachedValue = newValue;\n return newValue;\n },\n };\n }\n}\n"]}
@@ -1,43 +1,26 @@
1
- import type { McpUiHostContext, McpUiInitializeRequest } from "@modelcontextprotocol/ext-apps";
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
- type McpAppInitializationOptions = Pick<McpUiInitializeRequest["params"], "appInfo">;
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 pendingRequests;
10
- private nextId;
11
- private initialized;
12
- private appInitializationOptions;
13
- private requestTimeout;
14
- private cleanupSizeObserver;
15
- constructor(options: McpAppInitializationOptions, requestTimeout?: number);
16
- static getInstance(options?: Partial<McpAppInitializationOptions>, requestTimeout?: number): McpAppBridge;
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
- 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";
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
- 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,
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.init();
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
- static getInstance(options, requestTimeout) {
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 && (options || requestTimeout)) {
39
- console.warn("McpAppBridge.getInstance: options and requestTimeout ignored, instance already exists");
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({ ...defaultOptions, ...options }, requestTimeout);
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