skybridge 0.0.0-dev.90181a8 → 0.0.0-dev.902a5ae

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 (261) hide show
  1. package/README.md +24 -16
  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 -6
  30. package/dist/cli/use-nodemon.js +18 -14
  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 +41 -6
  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/dev.d.ts +3 -1
  44. package/dist/commands/dev.js +46 -8
  45. package/dist/commands/dev.js.map +1 -1
  46. package/dist/commands/start.js +7 -10
  47. package/dist/commands/start.js.map +1 -1
  48. package/dist/commands/telemetry/disable.js.map +1 -1
  49. package/dist/commands/telemetry/enable.js.map +1 -1
  50. package/dist/commands/telemetry/status.js.map +1 -1
  51. package/dist/server/asset-base-url-transform-plugin.d.ts +5 -6
  52. package/dist/server/asset-base-url-transform-plugin.js +9 -10
  53. package/dist/server/asset-base-url-transform-plugin.js.map +1 -1
  54. package/dist/server/asset-base-url-transform-plugin.test.js +41 -13
  55. package/dist/server/asset-base-url-transform-plugin.test.js.map +1 -1
  56. package/dist/server/content-helpers.d.ts +27 -0
  57. package/dist/server/content-helpers.js +46 -0
  58. package/dist/server/content-helpers.js.map +1 -0
  59. package/dist/server/content-helpers.test.d.ts +1 -0
  60. package/dist/server/content-helpers.test.js +70 -0
  61. package/dist/server/content-helpers.test.js.map +1 -0
  62. package/dist/server/express.d.ts +7 -5
  63. package/dist/server/express.js +52 -23
  64. package/dist/server/express.js.map +1 -1
  65. package/dist/server/express.test.js +381 -25
  66. package/dist/server/express.test.js.map +1 -1
  67. package/dist/server/index.d.ts +5 -3
  68. package/dist/server/index.js +3 -2
  69. package/dist/server/index.js.map +1 -1
  70. package/dist/server/inferUtilityTypes.d.ts +6 -6
  71. package/dist/server/inferUtilityTypes.js.map +1 -1
  72. package/dist/server/metric.d.ts +14 -0
  73. package/dist/server/metric.js +62 -0
  74. package/dist/server/metric.js.map +1 -0
  75. package/dist/server/middleware.d.ts +124 -0
  76. package/dist/server/middleware.js +93 -0
  77. package/dist/server/middleware.js.map +1 -0
  78. package/dist/server/middleware.test-d.d.ts +1 -0
  79. package/dist/server/middleware.test-d.js +75 -0
  80. package/dist/server/middleware.test-d.js.map +1 -0
  81. package/dist/server/middleware.test.d.ts +1 -0
  82. package/dist/server/middleware.test.js +493 -0
  83. package/dist/server/middleware.test.js.map +1 -0
  84. package/dist/server/server.d.ts +158 -67
  85. package/dist/server/server.js +364 -102
  86. package/dist/server/server.js.map +1 -1
  87. package/dist/server/templateHelper.d.ts +5 -8
  88. package/dist/server/templateHelper.js +3 -22
  89. package/dist/server/templateHelper.js.map +1 -1
  90. package/dist/server/templates.generated.d.ts +4 -0
  91. package/dist/server/templates.generated.js +47 -0
  92. package/dist/server/templates.generated.js.map +1 -0
  93. package/dist/server/tunnel-proxy-router.d.ts +7 -0
  94. package/dist/server/tunnel-proxy-router.js +110 -0
  95. package/dist/server/tunnel-proxy-router.js.map +1 -0
  96. package/dist/server/tunnel-proxy-router.test.d.ts +1 -0
  97. package/dist/server/tunnel-proxy-router.test.js +229 -0
  98. package/dist/server/tunnel-proxy-router.test.js.map +1 -0
  99. package/dist/server/viewsDevServer.d.ts +14 -0
  100. package/dist/server/viewsDevServer.js +45 -0
  101. package/dist/server/viewsDevServer.js.map +1 -0
  102. package/dist/test/utils.d.ts +13 -21
  103. package/dist/test/utils.js +42 -37
  104. package/dist/test/utils.js.map +1 -1
  105. package/dist/test/view.test.d.ts +1 -0
  106. package/dist/test/view.test.js +523 -0
  107. package/dist/test/view.test.js.map +1 -0
  108. package/dist/version.d.ts +1 -0
  109. package/dist/version.js +3 -0
  110. package/dist/version.js.map +1 -0
  111. package/dist/web/bridges/apps-sdk/adaptor.d.ts +7 -5
  112. package/dist/web/bridges/apps-sdk/adaptor.js +37 -15
  113. package/dist/web/bridges/apps-sdk/adaptor.js.map +1 -1
  114. package/dist/web/bridges/apps-sdk/bridge.d.ts +1 -1
  115. package/dist/web/bridges/apps-sdk/bridge.js.map +1 -1
  116. package/dist/web/bridges/apps-sdk/index.d.ts +1 -1
  117. package/dist/web/bridges/apps-sdk/index.js.map +1 -1
  118. package/dist/web/bridges/apps-sdk/types.d.ts +17 -10
  119. package/dist/web/bridges/apps-sdk/types.js.map +1 -1
  120. package/dist/web/bridges/apps-sdk/use-apps-sdk-context.js.map +1 -1
  121. package/dist/web/bridges/get-adaptor.js.map +1 -1
  122. package/dist/web/bridges/index.js.map +1 -1
  123. package/dist/web/bridges/mcp-app/adaptor.d.ts +19 -7
  124. package/dist/web/bridges/mcp-app/adaptor.js +134 -59
  125. package/dist/web/bridges/mcp-app/adaptor.js.map +1 -1
  126. package/dist/web/bridges/mcp-app/bridge.d.ts +13 -30
  127. package/dist/web/bridges/mcp-app/bridge.js +43 -201
  128. package/dist/web/bridges/mcp-app/bridge.js.map +1 -1
  129. package/dist/web/bridges/mcp-app/index.js.map +1 -1
  130. package/dist/web/bridges/mcp-app/types.js.map +1 -1
  131. package/dist/web/bridges/mcp-app/use-mcp-app-context.d.ts +5 -3
  132. package/dist/web/bridges/mcp-app/use-mcp-app-context.js +2 -2
  133. package/dist/web/bridges/mcp-app/use-mcp-app-context.js.map +1 -1
  134. package/dist/web/bridges/mcp-app/use-mcp-app-context.test.js +1 -41
  135. package/dist/web/bridges/mcp-app/use-mcp-app-context.test.js.map +1 -1
  136. package/dist/web/bridges/types.d.ts +18 -10
  137. package/dist/web/bridges/types.js.map +1 -1
  138. package/dist/web/bridges/use-host-context.js.map +1 -1
  139. package/dist/web/components/modal-provider.js +3 -5
  140. package/dist/web/components/modal-provider.js.map +1 -1
  141. package/dist/web/create-store.js +17 -3
  142. package/dist/web/create-store.js.map +1 -1
  143. package/dist/web/create-store.test.js +21 -18
  144. package/dist/web/create-store.test.js.map +1 -1
  145. package/dist/web/data-llm.d.ts +1 -1
  146. package/dist/web/data-llm.js +3 -3
  147. package/dist/web/data-llm.js.map +1 -1
  148. package/dist/web/data-llm.test.js +24 -23
  149. package/dist/web/data-llm.test.js.map +1 -1
  150. package/dist/web/generate-helpers.d.ts +20 -18
  151. package/dist/web/generate-helpers.js +20 -18
  152. package/dist/web/generate-helpers.js.map +1 -1
  153. package/dist/web/generate-helpers.test-d.js +26 -26
  154. package/dist/web/generate-helpers.test-d.js.map +1 -1
  155. package/dist/web/generate-helpers.test.js.map +1 -1
  156. package/dist/web/helpers/state.d.ts +2 -2
  157. package/dist/web/helpers/state.js +11 -11
  158. package/dist/web/helpers/state.js.map +1 -1
  159. package/dist/web/helpers/state.test.js +9 -9
  160. package/dist/web/helpers/state.test.js.map +1 -1
  161. package/dist/web/hooks/index.d.ts +1 -1
  162. package/dist/web/hooks/index.js +1 -1
  163. package/dist/web/hooks/index.js.map +1 -1
  164. package/dist/web/hooks/test/utils.js +4 -0
  165. package/dist/web/hooks/test/utils.js.map +1 -1
  166. package/dist/web/hooks/use-call-tool.js.map +1 -1
  167. package/dist/web/hooks/use-call-tool.test-d.js.map +1 -1
  168. package/dist/web/hooks/use-call-tool.test.js.map +1 -1
  169. package/dist/web/hooks/use-display-mode.d.ts +3 -3
  170. package/dist/web/hooks/use-display-mode.js.map +1 -1
  171. package/dist/web/hooks/use-display-mode.test-d.d.ts +1 -0
  172. package/dist/web/hooks/use-display-mode.test-d.js +8 -0
  173. package/dist/web/hooks/use-display-mode.test-d.js.map +1 -0
  174. package/dist/web/hooks/use-display-mode.test.js.map +1 -1
  175. package/dist/web/hooks/use-files.d.ts +2 -1
  176. package/dist/web/hooks/use-files.js +1 -0
  177. package/dist/web/hooks/use-files.js.map +1 -1
  178. package/dist/web/hooks/use-files.test.js +22 -2
  179. package/dist/web/hooks/use-files.test.js.map +1 -1
  180. package/dist/web/hooks/use-layout.js.map +1 -1
  181. package/dist/web/hooks/use-layout.test.js +3 -3
  182. package/dist/web/hooks/use-layout.test.js.map +1 -1
  183. package/dist/web/hooks/use-open-external.js.map +1 -1
  184. package/dist/web/hooks/use-open-external.test.js +15 -10
  185. package/dist/web/hooks/use-open-external.test.js.map +1 -1
  186. package/dist/web/hooks/use-request-modal.d.ts +1 -1
  187. package/dist/web/hooks/use-request-modal.js +4 -4
  188. package/dist/web/hooks/use-request-modal.js.map +1 -1
  189. package/dist/web/hooks/use-request-modal.test.js +5 -1
  190. package/dist/web/hooks/use-request-modal.test.js.map +1 -1
  191. package/dist/web/hooks/use-send-follow-up-message.js.map +1 -1
  192. package/dist/web/hooks/use-set-open-in-app-url.js.map +1 -1
  193. package/dist/web/hooks/use-set-open-in-app-url.test.js.map +1 -1
  194. package/dist/web/hooks/use-tool-info.js.map +1 -1
  195. package/dist/web/hooks/use-tool-info.test-d.js.map +1 -1
  196. package/dist/web/hooks/use-tool-info.test.js +1 -1
  197. package/dist/web/hooks/use-tool-info.test.js.map +1 -1
  198. package/dist/web/hooks/use-user.js +18 -2
  199. package/dist/web/hooks/use-user.js.map +1 -1
  200. package/dist/web/hooks/use-user.test.js +29 -1
  201. package/dist/web/hooks/use-user.test.js.map +1 -1
  202. package/dist/web/hooks/use-view-state.d.ts +4 -0
  203. package/dist/web/hooks/use-view-state.js +32 -0
  204. package/dist/web/hooks/use-view-state.js.map +1 -0
  205. package/dist/web/hooks/use-view-state.test.d.ts +1 -0
  206. package/dist/web/hooks/use-view-state.test.js +177 -0
  207. package/dist/web/hooks/use-view-state.test.js.map +1 -0
  208. package/dist/web/index.d.ts +1 -2
  209. package/dist/web/index.js +1 -2
  210. package/dist/web/index.js.map +1 -1
  211. package/dist/web/mount-view.d.ts +1 -0
  212. package/dist/web/{mount-widget.js → mount-view.js} +2 -2
  213. package/dist/web/mount-view.js.map +1 -0
  214. package/dist/web/plugin/data-llm.test.js.map +1 -1
  215. package/dist/web/plugin/plugin.d.ts +4 -1
  216. package/dist/web/plugin/plugin.js +127 -25
  217. package/dist/web/plugin/plugin.js.map +1 -1
  218. package/dist/web/plugin/scan-views.d.ts +16 -0
  219. package/dist/web/plugin/scan-views.js +88 -0
  220. package/dist/web/plugin/scan-views.js.map +1 -0
  221. package/dist/web/plugin/scan-views.test.d.ts +1 -0
  222. package/dist/web/plugin/scan-views.test.js +99 -0
  223. package/dist/web/plugin/scan-views.test.js.map +1 -0
  224. package/dist/web/plugin/transform-data-llm.js +1 -1
  225. package/dist/web/plugin/transform-data-llm.js.map +1 -1
  226. package/dist/web/plugin/transform-data-llm.test.js.map +1 -1
  227. package/dist/web/plugin/validate-view.d.ts +1 -0
  228. package/dist/web/plugin/validate-view.js +9 -0
  229. package/dist/web/plugin/validate-view.js.map +1 -0
  230. package/dist/web/plugin/validate-view.test.d.ts +1 -0
  231. package/dist/web/plugin/validate-view.test.js +24 -0
  232. package/dist/web/plugin/validate-view.test.js.map +1 -0
  233. package/dist/web/proxy.js.map +1 -1
  234. package/dist/web/types.js.map +1 -1
  235. package/package.json +33 -23
  236. package/tsconfig.base.json +5 -0
  237. package/dist/server/const.d.ts +0 -1
  238. package/dist/server/const.js +0 -2
  239. package/dist/server/const.js.map +0 -1
  240. package/dist/server/templates/development.hbs +0 -67
  241. package/dist/server/templates/production.hbs +0 -6
  242. package/dist/server/widgetsDevServer.d.ts +0 -12
  243. package/dist/server/widgetsDevServer.js +0 -63
  244. package/dist/server/widgetsDevServer.js.map +0 -1
  245. package/dist/test/widget.test.js +0 -261
  246. package/dist/test/widget.test.js.map +0 -1
  247. package/dist/web/hooks/use-widget-state.d.ts +0 -4
  248. package/dist/web/hooks/use-widget-state.js +0 -32
  249. package/dist/web/hooks/use-widget-state.js.map +0 -1
  250. package/dist/web/hooks/use-widget-state.test.js +0 -62
  251. package/dist/web/hooks/use-widget-state.test.js.map +0 -1
  252. package/dist/web/mount-widget.d.ts +0 -1
  253. package/dist/web/mount-widget.js.map +0 -1
  254. package/dist/web/plugin/validate-widget.d.ts +0 -5
  255. package/dist/web/plugin/validate-widget.js +0 -27
  256. package/dist/web/plugin/validate-widget.js.map +0 -1
  257. package/dist/web/plugin/validate-widget.test.js +0 -42
  258. package/dist/web/plugin/validate-widget.test.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
  261. /package/dist/{web/plugin/validate-widget.test.d.ts → cli/tunnel.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,39 +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
75
  openExternal(href, options) {
74
76
  if (options?.redirectUrl === false) {
75
77
  console.warn("[skybridge] redirectUrl option is not supported by the MCP ui/open-link protocol and will be ignored.");
76
78
  }
77
- const bridge = McpAppBridge.getInstance();
78
- bridge.request({
79
- method: "ui/open-link",
80
- params: { url: href },
79
+ McpAppBridge.getInstance()
80
+ .getApp()
81
+ .then((app) => app.openLink({ url: href }))
82
+ .catch((err) => {
83
+ console.error("Failed to open external link:", err);
81
84
  });
82
85
  }
83
86
  initializeStores() {
@@ -107,44 +110,47 @@ export class McpAppAdaptor {
107
110
  toolInput: this.createHostContextStore(["toolInput"], ({ toolInput }) => toolInput ?? null),
108
111
  toolOutput: this.createHostContextStore(["toolResult"], ({ toolResult }) => toolResult?.structuredContent ?? null),
109
112
  toolResponseMetadata: this.createHostContextStore(["toolResult"], ({ toolResult }) => toolResult?._meta ?? null),
110
- view: {
113
+ display: {
111
114
  subscribe: (onChange) => {
112
- this.viewListeners.add(onChange);
115
+ this.displayListeners.add(onChange);
113
116
  return () => {
114
- this.viewListeners.delete(onChange);
117
+ this.displayListeners.delete(onChange);
115
118
  };
116
119
  },
117
- getSnapshot: () => this._viewState,
120
+ getSnapshot: () => this._displayState,
118
121
  },
119
- widgetState: {
122
+ viewState: {
120
123
  subscribe: (onChange) => {
121
- this.widgetStateListeners.add(onChange);
124
+ this.viewStateListeners.add(onChange);
122
125
  return () => {
123
- this.widgetStateListeners.delete(onChange);
126
+ this.viewStateListeners.delete(onChange);
124
127
  };
125
128
  },
126
- getSnapshot: () => this._widgetState,
129
+ getSnapshot: () => this._viewState,
127
130
  },
128
131
  };
129
132
  }
130
- setWidgetState = async (stateOrUpdater) => {
133
+ setViewState = async (stateOrUpdater) => {
131
134
  const newState = typeof stateOrUpdater === "function"
132
- ? stateOrUpdater(this._widgetState)
135
+ ? stateOrUpdater(this._viewState)
133
136
  : stateOrUpdater;
134
137
  // must happen before the async bridge call to ensure the state is updated immediately for the UI,
135
- // otherwise successive calls to setWidgetState may have stale state
136
- this._widgetState = newState;
137
- this.widgetStateListeners.forEach((listener) => {
138
+ // otherwise successive calls to setViewState may have stale state
139
+ this._viewState = newState;
140
+ this.viewStateListeners.forEach((listener) => {
138
141
  listener();
139
142
  });
140
- const bridge = McpAppBridge.getInstance();
141
- await bridge.request({
142
- method: "ui/update-model-context",
143
- params: {
143
+ this.persistToLocalStorage(newState);
144
+ try {
145
+ const app = await McpAppBridge.getInstance().getApp();
146
+ await app.updateModelContext({
144
147
  structuredContent: newState,
145
148
  content: [{ type: "text", text: JSON.stringify(newState) }],
146
- },
147
- });
149
+ });
150
+ }
151
+ catch (error) {
152
+ console.error("Failed to update view state in MCP App.", error);
153
+ }
148
154
  };
149
155
  /**
150
156
  * @throws File upload is not supported in MCP App.
@@ -158,21 +164,90 @@ export class McpAppAdaptor {
158
164
  getFileDownloadUrl() {
159
165
  throw new Error("File download is not supported in MCP App.");
160
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
+ }
161
173
  openModal(options) {
162
- this._viewState = { mode: "modal", params: options.params };
163
- this.viewListeners.forEach((listener) => {
174
+ this._displayState = { mode: "modal", params: options.params };
175
+ this.displayListeners.forEach((listener) => {
164
176
  listener();
165
177
  });
166
178
  }
167
179
  closeModal() {
168
- this._viewState = { mode: "inline" };
169
- this.viewListeners.forEach((listener) => {
180
+ this._displayState = { mode: "inline" };
181
+ this.displayListeners.forEach((listener) => {
170
182
  listener();
171
183
  });
172
184
  }
173
185
  setOpenInAppUrl(_href) {
174
186
  throw new Error("setOpenInAppUrl is not implemented in MCP App.");
175
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
+ }
176
251
  createHostContextStore(keys, computeSnapshot) {
177
252
  const bridge = McpAppBridge.getInstance();
178
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":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAWrC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAO3C,MAAM,cAAc,GAAG,KAAK,CAAC;AAC7B,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC,SAAS,cAAc,CAAC,QAAgB;IACtC,MAAM,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;IAC9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC7C,MAAM,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAChC,IAAI,GAAG,EAAE,UAAU,CAAC,cAAc,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAC5D,OAAO,GAAG,CAAC;QACb,CAAC;IACH,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,OAAO,aAAa;IAChB,MAAM,CAAC,QAAQ,GAAyB,IAAI,CAAC;IAC7C,MAAM,CAEZ;IACM,UAAU,GAA6B,IAAI,CAAC;IAC5C,kBAAkB,GAAG,IAAI,GAAG,EAAc,CAAC;IAC3C,SAAS,GAAkB,IAAI,CAAC;IAEhC,aAAa,GAA2B;QAC9C,IAAI,EAAE,QAAQ;KACf,CAAC;IACM,gBAAgB,GAAG,IAAI,GAAG,EAAc,CAAC;IAEjD;QACE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAEM,MAAM,CAAC,WAAW;QACvB,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;YAC5B,aAAa,CAAC,QAAQ,GAAG,IAAI,aAAa,EAAE,CAAC;QAC/C,CAAC;QACD,OAAO,aAAa,CAAC,QAAQ,CAAC;IAChC,CAAC;IAEM,MAAM,CAAC,aAAa;QACzB,aAAa,CAAC,QAAQ,GAAG,IAAI,CAAC;IAChC,CAAC;IAEM,mBAAmB,CACxB,GAAM;QAEN,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;IAEM,QAAQ,GAAG,KAAK,EAIrB,IAAY,EACZ,IAAc,EACS,EAAE;QACzB,MAAM,GAAG,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;QACtD,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,cAAc,CAAC;YACxC,IAAI;YACJ,SAAS,EAAE,IAAI,IAAI,SAAS;SAC7B,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO;aAC5B,MAAM,CACL,CAAC,OAAO,EAA6C,EAAE,CACrD,OAAO,CAAC,IAAI,KAAK,MAAM,CAC1B;aACA,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC;aACvB,IAAI,CAAC,IAAI,CAAC,CAAC;QAEd,OAAO;YACL,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB,IAAI,EAAE;YACnD,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,KAAK;YAClC,MAAM;YACN,IAAI,EAAE,QAAQ,CAAC,KAAK,IAAI,EAAE;SACX,CAAC;IACpB,CAAC,CAAC;IAEK,kBAAkB,GAAG,KAAK,EAAE,IAAwB,EAAE,EAAE;QAC7D,MAAM,GAAG,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;QACtD,OAAO,GAAG,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEK,mBAAmB,GAAG,KAAK,EAAE,MAAc,EAAE,EAAE;QACpD,MAAM,GAAG,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;QACtD,MAAM,GAAG,CAAC,WAAW,CAAC;YACpB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE,MAAM;iBACb;aACF;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEK,YAAY,CAAC,IAAY,EAAE,OAA6B;QAC7D,IAAI,OAAO,EAAE,WAAW,KAAK,KAAK,EAAE,CAAC;YACnC,OAAO,CAAC,IAAI,CACV,uGAAuG,CACxG,CAAC;QACJ,CAAC;QAED,YAAY,CAAC,WAAW,EAAE;aACvB,MAAM,EAAE;aACR,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;aAC1C,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,GAAG,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;IACP,CAAC;IAEO,gBAAgB;QAGtB,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,sBAAsB,CAChC,CAAC,OAAO,CAAC,EACT,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,OAAO,CAChC;YACD,MAAM,EAAE,IAAI,CAAC,sBAAsB,CACjC,CAAC,QAAQ,CAAC,EACV,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,OAAO,CAClC;YACD,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CACnC,CAAC,gBAAgB,CAAC,EAClB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;gBACvB,MAAM,EAAE,cAAc,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;aACnE,CAAC,CACH;YACD,WAAW,EAAE,IAAI,CAAC,sBAAsB,CACtC,CAAC,aAAa,CAAC,EACf,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,QAAQ,CAC7C;YACD,SAAS,EAAE,IAAI,CAAC,sBAAsB,CACpC,CAAC,qBAAqB,CAAC,EACvB,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE;gBAC1B,IAAI,mBAAmB,IAAI,WAAW,IAAI,mBAAmB,EAAE,CAAC;oBAC9D,OAAO,mBAAmB,CAAC,SAAS,CAAC;gBACvC,CAAC;gBAED,OAAO,SAAS,CAAC;YACnB,CAAC,CACF;YACD,SAAS,EAAE,IAAI,CAAC,sBAAsB,CACpC,CAAC,UAAU,EAAE,oBAAoB,CAAC,EAClC,CAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,EAAE,CAAC,CAAC;gBACrC,MAAM,EAAE;oBACN,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,SAAS,CAAC;iBAC/D;gBACD,YAAY,EAAE;oBACZ,KAAK,EAAE,IAAI;oBACX,KAAK,EAAE,IAAI;oBACX,GAAG,kBAAkB;iBACtB;aACF,CAAC,CACH;YACD,SAAS,EAAE,IAAI,CAAC,sBAAsB,CACpC,CAAC,WAAW,CAAC,EACb,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,IAAI,CACrC;YACD,UAAU,EAAE,IAAI,CAAC,sBAAsB,CACrC,CAAC,YAAY,CAAC,EACd,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,EAAE,iBAAiB,IAAI,IAAI,CAC1D;YACD,oBAAoB,EAAE,IAAI,CAAC,sBAAsB,CAC/C,CAAC,YAAY,CAAC,EACd,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,EAAE,KAAK,IAAI,IAAI,CAC9C;YACD,OAAO,EAAE;gBACP,SAAS,EAAE,CAAC,QAAoB,EAAE,EAAE;oBAClC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;oBACpC,OAAO,GAAG,EAAE;wBACV,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;oBACzC,CAAC,CAAC;gBACJ,CAAC;gBACD,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa;aACtC;YACD,SAAS,EAAE;gBACT,SAAS,EAAE,CAAC,QAAoB,EAAE,EAAE;oBAClC,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;oBACtC,OAAO,GAAG,EAAE;wBACV,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;oBAC3C,CAAC,CAAC;gBACJ,CAAC;gBACD,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU;aACnC;SACF,CAAC;IACJ,CAAC;IAEM,YAAY,GAAG,KAAK,EACzB,cAAkC,EACnB,EAAE;QACjB,MAAM,QAAQ,GACZ,OAAO,cAAc,KAAK,UAAU;YAClC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC;YACjC,CAAC,CAAC,cAAc,CAAC;QAErB,kGAAkG;QAClG,kEAAkE;QAClE,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;QAC3B,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC3C,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;QAErC,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,YAAY,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;YACtD,MAAM,GAAG,CAAC,kBAAkB,CAAC;gBAC3B,iBAAiB,EAAE,QAAQ;gBAC3B,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;aAC5D,CAAC,CAAC;QACL,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,yCAAyC,EAAE,KAAK,CAAC,CAAC;QAClE,CAAC;IACH,CAAC,CAAC;IAEF;;OAEG;IACI,UAAU;QACf,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;IAC9D,CAAC;IAED;;OAEG;IACI,kBAAkB;QACvB,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAChE,CAAC;IAED;;OAEG;IACI,WAAW;QAChB,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;IACjE,CAAC;IAEM,SAAS,CAAC,OAA4B;QAC3C,IAAI,CAAC,aAAa,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC;QAC/D,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YACzC,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,UAAU;QACf,IAAI,CAAC,aAAa,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QACxC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YACzC,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,eAAe,CAAC,KAAa;QAClC,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;IAEO,mBAAmB;QACzB,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC;QAC1C,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,GAAG,EAAE;YAClC,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACpD,MAAM,QAAQ,GACZ,UAAU,EAAE,KACb,EAAE,QAA8B,CAAC;YAElC,IAAI,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;gBAC5C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;gBAC1B,IAAI,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;YACzC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,6CAA6C;IAC7C,6FAA6F;IACrF,uBAAuB,CAAC,QAAgB;QAC9C,IAAI,CAAC;YACH,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;YAC7C,IAAI,WAAW,EAAE,CAAC;gBAChB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;gBACjD,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;oBACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;oBACrC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;wBAC3C,QAAQ,EAAE,CAAC;oBACb,CAAC,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrB,CAAC;IACH,CAAC;IAEO,qBAAqB,CAAC,KAAqC;QACjE,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACtC,OAAO;QACT,CAAC;QACD,IAAI,CAAC;YACH,iEAAiE;YACjE,MAAM,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC9C,IAAI,MAAM,EAAE,CAAC;gBACX,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAClC,CAAC;YACD,MAAM,MAAM,GAAG,GAAG,cAAc,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAClE,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;YAEpD,cAAc;YACd,MAAM,IAAI,GAAa,EAAE,CAAC;YAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC7C,MAAM,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,GAAG,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC;oBACpC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACjB,CAAC;YACH,CAAC;YACD,IAAI,IAAI,CAAC,MAAM,IAAI,mBAAmB,EAAE,CAAC;gBACvC,OAAO;YACT,CAAC;YACD,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,mBAAmB,CAAC,CAAC;YAClE,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;gBAC3B,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrB,CAAC;IACH,CAAC;IAEO,sBAAsB,CAG5B,IAAU,EAAE,eAAkD;QAC9D,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC;QAC1C,IAAI,WAA0B,CAAC;QAE/B,OAAO;YACL,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;YACjC,WAAW,EAAE,GAAG,EAAE;gBAChB,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAChC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CACvB,CAAC;gBACvB,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;gBAE1C,IAAI,WAAW,KAAK,SAAS,IAAI,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC;oBAC/D,OAAO,WAAW,CAAC;gBACrB,CAAC;gBAED,WAAW,GAAG,QAAQ,CAAC;gBACvB,OAAO,QAAQ,CAAC;YAClB,CAAC;SACF,CAAC;IACJ,CAAC","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,158 +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-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
101
  }
260
102
  //# sourceMappingURL=bridge.js.map