skybridge 0.0.0-dev.6e31b21 → 0.0.0-dev.6f1dfd8

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 (286) hide show
  1. package/LICENSE +21 -674
  2. package/bin/run.js +9 -0
  3. package/dist/cli/header.d.ts +4 -0
  4. package/dist/cli/header.js +6 -0
  5. package/dist/cli/header.js.map +1 -0
  6. package/dist/cli/run-command.d.ts +2 -0
  7. package/dist/cli/run-command.js +43 -0
  8. package/dist/cli/run-command.js.map +1 -0
  9. package/dist/cli/use-execute-steps.d.ts +10 -0
  10. package/dist/cli/use-execute-steps.js +31 -0
  11. package/dist/cli/use-execute-steps.js.map +1 -0
  12. package/dist/commands/build.d.ts +9 -0
  13. package/dist/commands/build.js +44 -0
  14. package/dist/commands/build.js.map +1 -0
  15. package/dist/commands/dev.d.ts +7 -0
  16. package/dist/commands/dev.js +20 -0
  17. package/dist/commands/dev.js.map +1 -0
  18. package/dist/commands/start.d.ts +7 -0
  19. package/dist/commands/start.js +33 -0
  20. package/dist/commands/start.js.map +1 -0
  21. package/dist/server/index.d.ts +4 -0
  22. package/dist/server/index.js.map +1 -0
  23. package/dist/server/inferUtilityTypes.d.ts +64 -0
  24. package/dist/server/inferUtilityTypes.js +2 -0
  25. package/dist/server/inferUtilityTypes.js.map +1 -0
  26. package/dist/server/server.d.ts +99 -0
  27. package/dist/server/server.js +138 -0
  28. package/dist/server/server.js.map +1 -0
  29. package/dist/{src/server → server}/templateHelper.d.ts +3 -0
  30. package/dist/{src/server → server}/templateHelper.js +5 -4
  31. package/dist/server/templateHelper.js.map +1 -0
  32. package/dist/server/templates/development.hbs +66 -0
  33. package/dist/{src/server → server}/templates/production.hbs +1 -0
  34. package/dist/{src/server → server}/widgetsDevServer.d.ts +2 -2
  35. package/dist/{src/server → server}/widgetsDevServer.js +13 -5
  36. package/dist/server/widgetsDevServer.js.map +1 -0
  37. package/dist/test/utils.d.ts +135 -0
  38. package/dist/test/utils.js +242 -0
  39. package/dist/test/utils.js.map +1 -0
  40. package/dist/test/widget.test.js +255 -0
  41. package/dist/test/widget.test.js.map +1 -0
  42. package/dist/web/bridges/apps-sdk/adaptor.d.ts +14 -0
  43. package/dist/web/bridges/apps-sdk/adaptor.js +39 -0
  44. package/dist/web/bridges/apps-sdk/adaptor.js.map +1 -0
  45. package/dist/web/bridges/apps-sdk/bridge.d.ts +10 -0
  46. package/dist/web/bridges/apps-sdk/bridge.js +46 -0
  47. package/dist/web/bridges/apps-sdk/bridge.js.map +1 -0
  48. package/dist/web/bridges/apps-sdk/index.d.ts +5 -0
  49. package/dist/web/bridges/apps-sdk/index.js +5 -0
  50. package/dist/web/bridges/apps-sdk/index.js.map +1 -0
  51. package/dist/{src/web → web/bridges/apps-sdk}/types.d.ts +50 -45
  52. package/dist/web/bridges/apps-sdk/types.js.map +1 -0
  53. package/dist/web/bridges/apps-sdk/use-apps-sdk-context.d.ts +2 -0
  54. package/dist/web/bridges/apps-sdk/use-apps-sdk-context.js +7 -0
  55. package/dist/web/bridges/apps-sdk/use-apps-sdk-context.js.map +1 -0
  56. package/dist/web/bridges/get-adaptor.d.ts +2 -0
  57. package/dist/web/bridges/get-adaptor.js +8 -0
  58. package/dist/web/bridges/get-adaptor.js.map +1 -0
  59. package/dist/web/bridges/index.d.ts +5 -0
  60. package/dist/web/bridges/index.js +6 -0
  61. package/dist/web/bridges/index.js.map +1 -0
  62. package/dist/web/bridges/mcp-app/adaptor.d.ts +19 -0
  63. package/dist/web/bridges/mcp-app/adaptor.js +145 -0
  64. package/dist/web/bridges/mcp-app/adaptor.js.map +1 -0
  65. package/dist/web/bridges/mcp-app/bridge.d.ts +43 -0
  66. package/dist/web/bridges/mcp-app/bridge.js +255 -0
  67. package/dist/web/bridges/mcp-app/bridge.js.map +1 -0
  68. package/dist/web/bridges/mcp-app/index.d.ts +4 -0
  69. package/dist/web/bridges/mcp-app/index.js +4 -0
  70. package/dist/web/bridges/mcp-app/index.js.map +1 -0
  71. package/dist/web/bridges/mcp-app/types.d.ts +8 -0
  72. package/dist/web/bridges/mcp-app/types.js +2 -0
  73. package/dist/web/bridges/mcp-app/types.js.map +1 -0
  74. package/dist/web/bridges/mcp-app/use-mcp-app-context.d.ts +5 -0
  75. package/dist/web/bridges/mcp-app/use-mcp-app-context.js +7 -0
  76. package/dist/web/bridges/mcp-app/use-mcp-app-context.js.map +1 -0
  77. package/dist/web/bridges/mcp-app/use-mcp-app-context.test.js +66 -0
  78. package/dist/web/bridges/mcp-app/use-mcp-app-context.test.js.map +1 -0
  79. package/dist/web/bridges/types.d.ts +74 -0
  80. package/dist/web/bridges/types.js +2 -0
  81. package/dist/web/bridges/types.js.map +1 -0
  82. package/dist/web/bridges/use-host-context.d.ts +2 -0
  83. package/dist/web/bridges/use-host-context.js +8 -0
  84. package/dist/web/bridges/use-host-context.js.map +1 -0
  85. package/dist/web/create-store.d.ts +3 -0
  86. package/dist/web/create-store.js +24 -0
  87. package/dist/web/create-store.js.map +1 -0
  88. package/dist/web/create-store.test.js +126 -0
  89. package/dist/web/create-store.test.js.map +1 -0
  90. package/dist/web/data-llm.d.ts +14 -0
  91. package/dist/web/data-llm.js +72 -0
  92. package/dist/web/data-llm.js.map +1 -0
  93. package/dist/web/data-llm.test.js +139 -0
  94. package/dist/web/data-llm.test.js.map +1 -0
  95. package/dist/web/generate-helpers.d.ts +116 -0
  96. package/dist/web/generate-helpers.js +111 -0
  97. package/dist/web/generate-helpers.js.map +1 -0
  98. package/dist/web/generate-helpers.test-d.js +209 -0
  99. package/dist/web/generate-helpers.test-d.js.map +1 -0
  100. package/dist/web/generate-helpers.test.js +17 -0
  101. package/dist/web/generate-helpers.test.js.map +1 -0
  102. package/dist/web/helpers/state.d.ts +7 -0
  103. package/dist/web/helpers/state.js +45 -0
  104. package/dist/web/helpers/state.js.map +1 -0
  105. package/dist/web/helpers/state.test.js +53 -0
  106. package/dist/web/helpers/state.test.js.map +1 -0
  107. package/dist/web/hooks/index.d.ts +10 -0
  108. package/dist/web/hooks/index.js +11 -0
  109. package/dist/web/hooks/index.js.map +1 -0
  110. package/dist/web/hooks/test/utils.d.ts +16 -0
  111. package/dist/web/hooks/test/utils.js +60 -0
  112. package/dist/web/hooks/test/utils.js.map +1 -0
  113. package/dist/web/hooks/use-call-tool.d.ts +101 -0
  114. package/dist/web/hooks/use-call-tool.js +68 -0
  115. package/dist/web/hooks/use-call-tool.js.map +1 -0
  116. package/dist/web/hooks/use-call-tool.test-d.js +104 -0
  117. package/dist/web/hooks/use-call-tool.test-d.js.map +1 -0
  118. package/dist/{src/web → web}/hooks/use-call-tool.test.js +41 -15
  119. package/dist/web/hooks/use-call-tool.test.js.map +1 -0
  120. package/dist/{src/web → web}/hooks/use-display-mode.d.ts +1 -1
  121. package/dist/web/hooks/use-display-mode.js +9 -0
  122. package/dist/web/hooks/use-display-mode.js.map +1 -0
  123. package/dist/{src/web → web}/hooks/use-display-mode.test.js +3 -2
  124. package/dist/web/hooks/use-display-mode.test.js.map +1 -0
  125. package/dist/web/hooks/use-files.d.ts +10 -0
  126. package/dist/web/hooks/use-files.js +7 -0
  127. package/dist/web/hooks/use-files.js.map +1 -0
  128. package/dist/web/hooks/use-files.test.d.ts +1 -0
  129. package/dist/web/hooks/use-files.test.js +29 -0
  130. package/dist/web/hooks/use-files.test.js.map +1 -0
  131. package/dist/web/hooks/use-layout.d.ts +22 -0
  132. package/dist/web/hooks/use-layout.js +23 -0
  133. package/dist/web/hooks/use-layout.js.map +1 -0
  134. package/dist/web/hooks/use-layout.test.d.ts +1 -0
  135. package/dist/web/hooks/use-layout.test.js +96 -0
  136. package/dist/web/hooks/use-layout.test.js.map +1 -0
  137. package/dist/web/hooks/use-open-external.js +8 -0
  138. package/dist/web/hooks/use-open-external.js.map +1 -0
  139. package/dist/web/hooks/use-open-external.test.d.ts +1 -0
  140. package/dist/web/hooks/use-open-external.test.js +50 -0
  141. package/dist/web/hooks/use-open-external.test.js.map +1 -0
  142. package/dist/web/hooks/use-request-modal.d.ts +9 -0
  143. package/dist/web/hooks/use-request-modal.js +14 -0
  144. package/dist/web/hooks/use-request-modal.js.map +1 -0
  145. package/dist/web/hooks/use-request-modal.test.d.ts +1 -0
  146. package/dist/web/hooks/use-request-modal.test.js +57 -0
  147. package/dist/web/hooks/use-request-modal.test.js.map +1 -0
  148. package/dist/web/hooks/use-send-follow-up-message.js +8 -0
  149. package/dist/web/hooks/use-send-follow-up-message.js.map +1 -0
  150. package/dist/web/hooks/use-tool-info.d.ts +36 -0
  151. package/dist/web/hooks/use-tool-info.js +26 -0
  152. package/dist/web/hooks/use-tool-info.js.map +1 -0
  153. package/dist/web/hooks/use-tool-info.test-d.d.ts +1 -0
  154. package/dist/web/hooks/use-tool-info.test-d.js +109 -0
  155. package/dist/web/hooks/use-tool-info.test-d.js.map +1 -0
  156. package/dist/web/hooks/use-tool-info.test.d.ts +1 -0
  157. package/dist/web/hooks/use-tool-info.test.js +130 -0
  158. package/dist/web/hooks/use-tool-info.test.js.map +1 -0
  159. package/dist/web/hooks/use-user.d.ts +18 -0
  160. package/dist/web/hooks/use-user.js +19 -0
  161. package/dist/web/hooks/use-user.js.map +1 -0
  162. package/dist/web/hooks/use-user.test.d.ts +1 -0
  163. package/dist/web/hooks/use-user.test.js +94 -0
  164. package/dist/web/hooks/use-user.test.js.map +1 -0
  165. package/dist/web/hooks/use-widget-state.js +32 -0
  166. package/dist/web/hooks/use-widget-state.js.map +1 -0
  167. package/dist/web/hooks/use-widget-state.test.d.ts +1 -0
  168. package/dist/{src/web → web}/hooks/use-widget-state.test.js +3 -2
  169. package/dist/web/hooks/use-widget-state.test.js.map +1 -0
  170. package/dist/web/index.d.ts +8 -0
  171. package/dist/web/index.js +9 -0
  172. package/dist/web/index.js.map +1 -0
  173. package/dist/{src/web → web}/mount-widget.js +5 -0
  174. package/dist/web/mount-widget.js.map +1 -0
  175. package/dist/web/plugin/data-llm.test.d.ts +1 -0
  176. package/dist/web/plugin/data-llm.test.js +81 -0
  177. package/dist/web/plugin/data-llm.test.js.map +1 -0
  178. package/dist/web/plugin/plugin.js +39 -0
  179. package/dist/web/plugin/plugin.js.map +1 -0
  180. package/dist/web/plugin/transform-data-llm.d.ts +12 -0
  181. package/dist/web/plugin/transform-data-llm.js +96 -0
  182. package/dist/web/plugin/transform-data-llm.js.map +1 -0
  183. package/dist/web/plugin/transform-data-llm.test.d.ts +1 -0
  184. package/dist/web/plugin/transform-data-llm.test.js +81 -0
  185. package/dist/web/plugin/transform-data-llm.test.js.map +1 -0
  186. package/dist/web/proxy.d.ts +1 -0
  187. package/dist/web/proxy.js +53 -0
  188. package/dist/web/proxy.js.map +1 -0
  189. package/dist/web/types.d.ts +16 -0
  190. package/dist/web/types.js +2 -0
  191. package/dist/web/types.js.map +1 -0
  192. package/package.json +54 -31
  193. package/README.md +0 -198
  194. package/dist/src/server/index.d.ts +0 -2
  195. package/dist/src/server/index.js.map +0 -1
  196. package/dist/src/server/server.d.ts +0 -13
  197. package/dist/src/server/server.js +0 -57
  198. package/dist/src/server/server.js.map +0 -1
  199. package/dist/src/server/templateHelper.js.map +0 -1
  200. package/dist/src/server/templates/development.hbs +0 -12
  201. package/dist/src/server/widgetsDevServer.js.map +0 -1
  202. package/dist/src/test/utils.d.ts +0 -28
  203. package/dist/src/test/utils.js +0 -43
  204. package/dist/src/test/utils.js.map +0 -1
  205. package/dist/src/test/widget.test.js +0 -90
  206. package/dist/src/test/widget.test.js.map +0 -1
  207. package/dist/src/web/hooks/index.d.ts +0 -13
  208. package/dist/src/web/hooks/index.js +0 -14
  209. package/dist/src/web/hooks/index.js.map +0 -1
  210. package/dist/src/web/hooks/use-call-tool.d.ts +0 -61
  211. package/dist/src/web/hooks/use-call-tool.js +0 -66
  212. package/dist/src/web/hooks/use-call-tool.js.map +0 -1
  213. package/dist/src/web/hooks/use-call-tool.test.js.map +0 -1
  214. package/dist/src/web/hooks/use-display-mode.js +0 -7
  215. package/dist/src/web/hooks/use-display-mode.js.map +0 -1
  216. package/dist/src/web/hooks/use-display-mode.test.js.map +0 -1
  217. package/dist/src/web/hooks/use-locale.d.ts +0 -1
  218. package/dist/src/web/hooks/use-locale.js +0 -5
  219. package/dist/src/web/hooks/use-locale.js.map +0 -1
  220. package/dist/src/web/hooks/use-locale.test.js +0 -21
  221. package/dist/src/web/hooks/use-locale.test.js.map +0 -1
  222. package/dist/src/web/hooks/use-open-external.js +0 -6
  223. package/dist/src/web/hooks/use-open-external.js.map +0 -1
  224. package/dist/src/web/hooks/use-open-external.test.js +0 -24
  225. package/dist/src/web/hooks/use-open-external.test.js.map +0 -1
  226. package/dist/src/web/hooks/use-openai-global.d.ts +0 -2
  227. package/dist/src/web/hooks/use-openai-global.js +0 -23
  228. package/dist/src/web/hooks/use-openai-global.js.map +0 -1
  229. package/dist/src/web/hooks/use-request-modal.d.ts +0 -5
  230. package/dist/src/web/hooks/use-request-modal.js +0 -9
  231. package/dist/src/web/hooks/use-request-modal.js.map +0 -1
  232. package/dist/src/web/hooks/use-request-modal.test.js +0 -24
  233. package/dist/src/web/hooks/use-request-modal.test.js.map +0 -1
  234. package/dist/src/web/hooks/use-send-follow-up-message.js +0 -11
  235. package/dist/src/web/hooks/use-send-follow-up-message.js.map +0 -1
  236. package/dist/src/web/hooks/use-theme.d.ts +0 -1
  237. package/dist/src/web/hooks/use-theme.js +0 -5
  238. package/dist/src/web/hooks/use-theme.js.map +0 -1
  239. package/dist/src/web/hooks/use-theme.test.js +0 -26
  240. package/dist/src/web/hooks/use-theme.test.js.map +0 -1
  241. package/dist/src/web/hooks/use-tool-info.d.ts +0 -23
  242. package/dist/src/web/hooks/use-tool-info.js +0 -22
  243. package/dist/src/web/hooks/use-tool-info.js.map +0 -1
  244. package/dist/src/web/hooks/use-tool-info.test.js +0 -134
  245. package/dist/src/web/hooks/use-tool-info.test.js.map +0 -1
  246. package/dist/src/web/hooks/use-tool-output.d.ts +0 -4
  247. package/dist/src/web/hooks/use-tool-output.js +0 -9
  248. package/dist/src/web/hooks/use-tool-output.js.map +0 -1
  249. package/dist/src/web/hooks/use-tool-response-metadata.d.ts +0 -4
  250. package/dist/src/web/hooks/use-tool-response-metadata.js +0 -8
  251. package/dist/src/web/hooks/use-tool-response-metadata.js.map +0 -1
  252. package/dist/src/web/hooks/use-user-agent.d.ts +0 -1
  253. package/dist/src/web/hooks/use-user-agent.js +0 -5
  254. package/dist/src/web/hooks/use-user-agent.js.map +0 -1
  255. package/dist/src/web/hooks/use-user-agent.test.js +0 -31
  256. package/dist/src/web/hooks/use-user-agent.test.js.map +0 -1
  257. package/dist/src/web/hooks/use-widget-state.js +0 -30
  258. package/dist/src/web/hooks/use-widget-state.js.map +0 -1
  259. package/dist/src/web/hooks/use-widget-state.test.js.map +0 -1
  260. package/dist/src/web/index.d.ts +0 -4
  261. package/dist/src/web/index.js +0 -5
  262. package/dist/src/web/index.js.map +0 -1
  263. package/dist/src/web/mount-widget.js.map +0 -1
  264. package/dist/src/web/plugin.js +0 -28
  265. package/dist/src/web/plugin.js.map +0 -1
  266. package/dist/src/web/types.js.map +0 -1
  267. package/dist/vitest.config.d.ts +0 -2
  268. package/dist/vitest.config.js +0 -8
  269. package/dist/vitest.config.js.map +0 -1
  270. /package/dist/{src/server → server}/index.js +0 -0
  271. /package/dist/{src/test → test}/widget.test.d.ts +0 -0
  272. /package/dist/{src/web → web/bridges/apps-sdk}/types.js +0 -0
  273. /package/dist/{src/web/hooks/use-call-tool.test.d.ts → web/bridges/mcp-app/use-mcp-app-context.test.d.ts} +0 -0
  274. /package/dist/{src/web/hooks/use-display-mode.test.d.ts → web/create-store.test.d.ts} +0 -0
  275. /package/dist/{src/web/hooks/use-locale.test.d.ts → web/data-llm.test.d.ts} +0 -0
  276. /package/dist/{src/web/hooks/use-open-external.test.d.ts → web/generate-helpers.test-d.d.ts} +0 -0
  277. /package/dist/{src/web/hooks/use-request-modal.test.d.ts → web/generate-helpers.test.d.ts} +0 -0
  278. /package/dist/{src/web/hooks/use-theme.test.d.ts → web/helpers/state.test.d.ts} +0 -0
  279. /package/dist/{src/web/hooks/use-tool-info.test.d.ts → web/hooks/use-call-tool.test-d.d.ts} +0 -0
  280. /package/dist/{src/web/hooks/use-user-agent.test.d.ts → web/hooks/use-call-tool.test.d.ts} +0 -0
  281. /package/dist/{src/web/hooks/use-widget-state.test.d.ts → web/hooks/use-display-mode.test.d.ts} +0 -0
  282. /package/dist/{src/web → web}/hooks/use-open-external.d.ts +0 -0
  283. /package/dist/{src/web → web}/hooks/use-send-follow-up-message.d.ts +0 -0
  284. /package/dist/{src/web → web}/hooks/use-widget-state.d.ts +0 -0
  285. /package/dist/{src/web → web}/mount-widget.d.ts +0 -0
  286. /package/dist/{src/web → web/plugin}/plugin.d.ts +0 -0
@@ -0,0 +1,74 @@
1
+ import type { CallToolResult } from "@modelcontextprotocol/sdk/types.js";
2
+ import type { useSyncExternalStore } from "react";
3
+ import type { WidgetHostType } from "../../server/index.js";
4
+ export type SkybridgeProperties = {
5
+ hostType: WidgetHostType;
6
+ };
7
+ declare global {
8
+ interface Window {
9
+ skybridge: SkybridgeProperties;
10
+ }
11
+ }
12
+ export type CallToolArgs = Record<string, unknown> | null;
13
+ export type CallToolResponse = {
14
+ content: CallToolResult["content"];
15
+ structuredContent: NonNullable<CallToolResult["structuredContent"]>;
16
+ isError: NonNullable<CallToolResult["isError"]>;
17
+ result: string;
18
+ meta?: CallToolResult["_meta"];
19
+ };
20
+ export type DisplayMode = "pip" | "inline" | "fullscreen" | "modal";
21
+ export type Theme = "light" | "dark";
22
+ export type DeviceType = "mobile" | "tablet" | "desktop" | "unknown";
23
+ export type SafeAreaInsets = {
24
+ top: number;
25
+ right: number;
26
+ bottom: number;
27
+ left: number;
28
+ };
29
+ export type SafeArea = {
30
+ insets: SafeAreaInsets;
31
+ };
32
+ export type UserAgent = {
33
+ device: {
34
+ type: DeviceType;
35
+ };
36
+ capabilities: {
37
+ hover: boolean;
38
+ touch: boolean;
39
+ };
40
+ };
41
+ export interface HostContext {
42
+ theme: Theme;
43
+ locale: string;
44
+ displayMode: DisplayMode;
45
+ safeArea: SafeArea;
46
+ maxHeight: number | undefined;
47
+ userAgent: UserAgent;
48
+ toolInput: Record<string, unknown> | null;
49
+ toolOutput: Record<string, unknown> | null;
50
+ toolResponseMetadata: Record<string, unknown> | null;
51
+ widgetState: Record<string, unknown> | null;
52
+ }
53
+ export type Subscribe = Parameters<typeof useSyncExternalStore>[0];
54
+ export interface Bridge<Context> {
55
+ subscribe(key: keyof Context): Subscribe;
56
+ subscribe(keys: readonly (keyof Context)[]): Subscribe;
57
+ getSnapshot<K extends keyof Context>(key: K): Context[K] | undefined;
58
+ }
59
+ export type HostContextStore<K extends keyof HostContext> = {
60
+ subscribe: Subscribe;
61
+ getSnapshot: () => HostContext[K];
62
+ };
63
+ export type WidgetState = Record<string, unknown>;
64
+ export type SetWidgetStateAction = WidgetState | ((prevState: WidgetState | null) => WidgetState);
65
+ export interface Adaptor {
66
+ getHostContextStore<K extends keyof HostContext>(key: K): HostContextStore<K>;
67
+ callTool<ToolArgs extends CallToolArgs = null, ToolResponse extends CallToolResponse = CallToolResponse>(name: string, args: ToolArgs): Promise<ToolResponse>;
68
+ requestDisplayMode(mode: DisplayMode): Promise<{
69
+ mode: DisplayMode;
70
+ }>;
71
+ sendFollowUpMessage(prompt: string): Promise<void>;
72
+ openExternal(href: string): void;
73
+ setWidgetState(stateOrUpdater: SetWidgetStateAction): Promise<void>;
74
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/web/bridges/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import type { HostContext } from "./types.js";
2
+ export declare const useHostContext: <K extends keyof HostContext>(key: K) => HostContext[K];
@@ -0,0 +1,8 @@
1
+ import { useSyncExternalStore } from "react";
2
+ import { getAdaptor } from "./get-adaptor.js";
3
+ export const useHostContext = (key) => {
4
+ const adaptor = getAdaptor();
5
+ const store = adaptor.getHostContextStore(key);
6
+ return useSyncExternalStore(store.subscribe, store.getSnapshot);
7
+ };
8
+ //# sourceMappingURL=use-host-context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-host-context.js","sourceRoot":"","sources":["../../../src/web/bridges/use-host-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,GAAM,EACU,EAAE;IAClB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,KAAK,GAAG,OAAO,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAE/C,OAAO,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;AAClE,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { type StateCreator } from "zustand";
2
+ import type { UnknownObject } from "./types.js";
3
+ export declare function createStore<State extends UnknownObject>(storeCreator: StateCreator<State, [], [], State>, defaultState?: State | (() => State)): import("zustand").UseBoundStore<import("zustand").StoreApi<State>>;
@@ -0,0 +1,24 @@
1
+ import { create } from "zustand";
2
+ import { getAdaptor } from "./bridges/index.js";
3
+ import { getInitialState, injectWidgetContext, serializeState, } from "./helpers/state.js";
4
+ export function createStore(storeCreator, defaultState) {
5
+ const initialState = getInitialState(defaultState);
6
+ const store = create()((...args) => {
7
+ const baseStore = storeCreator(...args);
8
+ if (initialState !== null) {
9
+ return { ...baseStore, ...initialState };
10
+ }
11
+ return baseStore;
12
+ });
13
+ store.subscribe((state) => {
14
+ const serializedState = serializeState(state);
15
+ if (serializedState !== null && serializedState !== undefined) {
16
+ const stateToPersist = injectWidgetContext(serializedState);
17
+ if (stateToPersist !== null) {
18
+ getAdaptor().setWidgetState(stateToPersist);
19
+ }
20
+ }
21
+ });
22
+ return store;
23
+ }
24
+ //# sourceMappingURL=create-store.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"create-store.js","sourceRoot":"","sources":["../../src/web/create-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAqB,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,cAAc,GACf,MAAM,oBAAoB,CAAC;AAG5B,MAAM,UAAU,WAAW,CACzB,YAAgD,EAChD,YAAoC;IAEpC,MAAM,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,MAAM,EAAS,CAC3B,CAAC,GAAG,IAAoD,EAAE,EAAE;QAC1D,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC;QAExC,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YAC1B,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,YAAY,EAAE,CAAC;QAC3C,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CACF,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,CAAC,KAAY,EAAE,EAAE;QAC/B,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,eAAe,KAAK,IAAI,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;YAC9D,MAAM,cAAc,GAAG,mBAAmB,CAAC,eAAwB,CAAC,CAAC;YACrE,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;gBAC5B,UAAU,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACf,CAAC"}
@@ -0,0 +1,126 @@
1
+ import { afterEach, beforeEach, describe, expect, it, vi, } from "vitest";
2
+ import { McpAppAdaptor } from "./bridges/mcp-app/adaptor.js";
3
+ import { McpAppBridge } from "./bridges/mcp-app/bridge.js";
4
+ import { createStore } from "./create-store.js";
5
+ import { WIDGET_CONTEXT_KEY } from "./data-llm.js";
6
+ import { getMcpAppHostPostMessageMock, MockResizeObserver, } from "./hooks/test/utils.js";
7
+ describe("createStore", () => {
8
+ afterEach(() => {
9
+ vi.unstubAllGlobals();
10
+ vi.resetAllMocks();
11
+ });
12
+ describe("apps-sdk mode", () => {
13
+ let OpenaiMock;
14
+ beforeEach(() => {
15
+ OpenaiMock = {
16
+ widgetState: null,
17
+ setWidgetState: vi.fn().mockResolvedValue(undefined),
18
+ };
19
+ vi.stubGlobal("openai", OpenaiMock);
20
+ vi.stubGlobal("skybridge", { hostType: "apps-sdk" });
21
+ });
22
+ it("should create a store without default state", () => {
23
+ const storeCreator = () => ({
24
+ count: 0,
25
+ });
26
+ const store = createStore(storeCreator);
27
+ expect(store.getState()).toEqual({ count: 0 });
28
+ });
29
+ it("should create a store with default state", () => {
30
+ const storeCreator = () => ({
31
+ count: 0,
32
+ name: "initial",
33
+ });
34
+ const defaultState = { count: 5, name: "default" };
35
+ const store = createStore(storeCreator, defaultState);
36
+ expect(store.getState()).toEqual({ count: 5, name: "default" });
37
+ });
38
+ it("should initialize from window.openai.widgetState when available", () => {
39
+ const storeCreator = () => ({
40
+ count: 0,
41
+ name: "initial",
42
+ });
43
+ const windowState = { count: 20, name: "window" };
44
+ OpenaiMock.widgetState = windowState;
45
+ const store = createStore(storeCreator);
46
+ expect(store.getState()).toEqual({ count: 20, name: "window" });
47
+ });
48
+ it("should persist state changes to window.openai.setWidgetState", async () => {
49
+ const storeCreator = (set) => ({
50
+ count: 0,
51
+ increment: () => set((state) => ({ count: state.count + 1 })),
52
+ });
53
+ const store = createStore(storeCreator);
54
+ store.getState().increment();
55
+ await vi.waitFor(() => {
56
+ expect(OpenaiMock.setWidgetState).toHaveBeenCalled();
57
+ });
58
+ const callArgs = OpenaiMock.setWidgetState.mock.calls[0]?.[0];
59
+ expect(callArgs).toEqual({ count: 1 });
60
+ });
61
+ it("should filter widget context from initial state", () => {
62
+ const storeCreator = () => ({
63
+ count: 0,
64
+ });
65
+ const windowState = {
66
+ count: 5,
67
+ [WIDGET_CONTEXT_KEY]: "context-value",
68
+ };
69
+ OpenaiMock.widgetState = windowState;
70
+ const store = createStore(storeCreator);
71
+ expect(store.getState()).toEqual({ count: 5 });
72
+ expect(store.getState()[WIDGET_CONTEXT_KEY]).toBeUndefined();
73
+ });
74
+ });
75
+ describe("mcp-app mode", () => {
76
+ beforeEach(() => {
77
+ vi.stubGlobal("skybridge", { hostType: "mcp-app" });
78
+ vi.stubGlobal("ResizeObserver", MockResizeObserver);
79
+ });
80
+ afterEach(() => {
81
+ McpAppBridge.resetInstance();
82
+ McpAppAdaptor.resetInstance();
83
+ });
84
+ it("should initialize with null widgetState", () => {
85
+ const adaptor = McpAppAdaptor.getInstance();
86
+ const widgetState = adaptor
87
+ .getHostContextStore("widgetState")
88
+ .getSnapshot();
89
+ expect(widgetState).toBeNull();
90
+ });
91
+ it("should create a store with default state when no persisted state exists", () => {
92
+ const storeCreator = () => ({
93
+ count: 0,
94
+ });
95
+ const store = createStore(storeCreator);
96
+ expect(store.getState()).toEqual({ count: 0 });
97
+ });
98
+ it("should update in-memory state via setWidgetState", async () => {
99
+ const adaptor = McpAppAdaptor.getInstance();
100
+ vi.spyOn(adaptor, "setWidgetState").mockResolvedValue(undefined);
101
+ const storeCreator = (set) => ({
102
+ count: 0,
103
+ increment: () => set((state) => ({ count: state.count + 1 })),
104
+ });
105
+ const store = createStore(storeCreator);
106
+ store.getState().increment();
107
+ await vi.waitFor(() => {
108
+ expect(adaptor.setWidgetState).toHaveBeenCalledWith({ count: 1 });
109
+ });
110
+ });
111
+ it("should notify listeners when widget state changes", async () => {
112
+ const postMessageMock = getMcpAppHostPostMessageMock();
113
+ vi.stubGlobal("parent", { postMessage: postMessageMock });
114
+ const adaptor = McpAppAdaptor.getInstance();
115
+ const listener = vi.fn();
116
+ adaptor.getHostContextStore("widgetState").subscribe(listener);
117
+ await adaptor.setWidgetState({ count: 42 });
118
+ expect(postMessageMock).toHaveBeenCalledWith(expect.objectContaining({ method: "ui/update-model-context" }), "*");
119
+ expect(listener).toHaveBeenCalled();
120
+ expect(adaptor.getHostContextStore("widgetState").getSnapshot()).toEqual({
121
+ count: 42,
122
+ });
123
+ });
124
+ });
125
+ });
126
+ //# sourceMappingURL=create-store.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"create-store.test.js","sourceRoot":"","sources":["../../src/web/create-store.test.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,14 @@
1
+ import { type ReactNode } from "react";
2
+ export type DataLLMContent = string;
3
+ export interface DataLLMNode {
4
+ id: string;
5
+ parentId: string | null;
6
+ content: string | null;
7
+ }
8
+ export declare const WIDGET_CONTEXT_KEY: "__widget_context";
9
+ interface DataLLMProps {
10
+ content: DataLLMContent | null | undefined;
11
+ children?: ReactNode;
12
+ }
13
+ export declare function DataLLM({ content, children }: DataLLMProps): import("react/jsx-runtime").JSX.Element;
14
+ export {};
@@ -0,0 +1,72 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { createContext, useContext, useEffect, useId, } from "react";
3
+ import { getAdaptor } from "./bridges/index.js";
4
+ export const WIDGET_CONTEXT_KEY = "__widget_context";
5
+ const nodes = new Map();
6
+ function setNode(node) {
7
+ nodes.set(node.id, node);
8
+ onChange();
9
+ }
10
+ function removeNode(id) {
11
+ nodes.delete(id);
12
+ onChange();
13
+ }
14
+ function onChange() {
15
+ const description = getLLMDescriptionString();
16
+ const adaptor = getAdaptor();
17
+ adaptor.setWidgetState((prevState) => ({
18
+ ...prevState,
19
+ [WIDGET_CONTEXT_KEY]: description,
20
+ }));
21
+ }
22
+ const ParentIdContext = createContext(null);
23
+ export function DataLLM({ content, children }) {
24
+ const parentId = useContext(ParentIdContext);
25
+ const id = useId();
26
+ useEffect(() => {
27
+ if (content) {
28
+ setNode({
29
+ id,
30
+ parentId,
31
+ content,
32
+ });
33
+ }
34
+ else {
35
+ removeNode(id);
36
+ }
37
+ return () => {
38
+ removeNode(id);
39
+ };
40
+ }, [id, parentId, content]);
41
+ return (_jsx(ParentIdContext.Provider, { value: id, children: children }));
42
+ }
43
+ function getLLMDescriptionString() {
44
+ const byParent = new Map();
45
+ for (const node of Array.from(nodes.values())) {
46
+ const key = node.parentId ?? null;
47
+ if (!byParent.has(key)) {
48
+ byParent.set(key, []);
49
+ }
50
+ byParent.get(key)?.push(node);
51
+ }
52
+ for (const list of byParent.values()) {
53
+ list.sort((a, b) => a.id.localeCompare(b.id));
54
+ }
55
+ const lines = [];
56
+ function traverseTree(parentId, depth) {
57
+ const children = byParent.get(parentId);
58
+ if (!children) {
59
+ return;
60
+ }
61
+ for (const child of children) {
62
+ if (child.content?.trim()) {
63
+ const indent = " ".repeat(depth);
64
+ lines.push(`${indent}- ${child.content.trim()}`);
65
+ }
66
+ traverseTree(child.id, depth + 1);
67
+ }
68
+ }
69
+ traverseTree(null, 0);
70
+ return lines.join("\n");
71
+ }
72
+ //# sourceMappingURL=data-llm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"data-llm.js","sourceRoot":"","sources":["../../src/web/data-llm.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,139 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { cleanup, render } from "@testing-library/react";
3
+ import { afterEach, beforeEach, describe, expect, it, vi, } from "vitest";
4
+ import { McpAppAdaptor, McpAppBridge } from "./bridges/mcp-app/index.js";
5
+ import { DataLLM } from "./data-llm.js";
6
+ import { getMcpAppHostPostMessageMock, MockResizeObserver, } from "./hooks/test/utils.js";
7
+ describe("DataLLM", () => {
8
+ afterEach(() => {
9
+ // Clean up React components BEFORE unstubbing globals
10
+ cleanup();
11
+ vi.unstubAllGlobals();
12
+ vi.resetAllMocks();
13
+ });
14
+ describe("apps-sdk mode", () => {
15
+ let OpenaiMock;
16
+ beforeEach(() => {
17
+ OpenaiMock = {
18
+ widgetState: {},
19
+ setWidgetState: vi.fn(),
20
+ };
21
+ // Use Object.defineProperty to ensure it persists
22
+ Object.defineProperty(globalThis, "openai", {
23
+ value: OpenaiMock,
24
+ writable: true,
25
+ configurable: true,
26
+ });
27
+ // Also set on window for browser-like environment
28
+ if (typeof window !== "undefined") {
29
+ Object.defineProperty(window, "openai", {
30
+ value: OpenaiMock,
31
+ writable: true,
32
+ configurable: true,
33
+ });
34
+ }
35
+ vi.stubGlobal("openai", OpenaiMock);
36
+ vi.stubGlobal("skybridge", { hostType: "apps-sdk" });
37
+ });
38
+ afterEach(() => {
39
+ // Keep the mock available for React cleanup, but reset it
40
+ if (typeof window !== "undefined" && window.openai) {
41
+ window.openai.setWidgetState = vi.fn();
42
+ window.openai.widgetState = {};
43
+ }
44
+ });
45
+ it("should register a node with content and call setWidgetState", () => {
46
+ render(_jsx(DataLLM, { content: "Test content", children: _jsx("div", { children: "Child" }) }));
47
+ expect(OpenaiMock.setWidgetState).toHaveBeenCalled();
48
+ const callArgs = OpenaiMock.setWidgetState.mock.calls[0]?.[0];
49
+ expect(callArgs).toHaveProperty("__widget_context");
50
+ expect(callArgs?.__widget_context).toContain("- Test content");
51
+ });
52
+ it("should preserve existing widgetState when updating context", () => {
53
+ OpenaiMock.widgetState = { existingKey: "existingValue" };
54
+ render(_jsx(DataLLM, { content: "Test content", children: _jsx("div", { children: "Child" }) }));
55
+ const callArgs = OpenaiMock.setWidgetState.mock.calls[0]?.[0];
56
+ expect(callArgs).toHaveProperty("existingKey", "existingValue");
57
+ expect(callArgs).toHaveProperty("__widget_context");
58
+ });
59
+ it("should handle deeply nested DataLLM components", () => {
60
+ render(_jsxs(DataLLM, { content: "Level 1", children: [_jsx(DataLLM, { content: "Level 2A" }), _jsx(DataLLM, { content: "Level 2B", children: _jsx(DataLLM, { content: "Level 3", children: _jsx("div", { children: "Content" }) }) })] }));
61
+ const callArgs = OpenaiMock.setWidgetState.mock.calls[OpenaiMock.setWidgetState.mock.calls.length - 1]?.[0];
62
+ const context = callArgs?.__widget_context;
63
+ expect(context).toContain("- Level 1");
64
+ expect(context).toContain(" - Level 2A");
65
+ expect(context).toContain(" - Level 2B");
66
+ expect(context).toContain(" - Level 3");
67
+ });
68
+ it("should update context when content changes", () => {
69
+ const { rerender } = render(_jsx(DataLLM, { content: "Initial content", children: _jsx("div", { children: "Child" }) }));
70
+ const initialCalls = OpenaiMock.setWidgetState.mock.calls.length;
71
+ rerender(_jsx(DataLLM, { content: "Updated content", children: _jsx("div", { children: "Child" }) }));
72
+ expect(OpenaiMock.setWidgetState.mock.calls.length).toBeGreaterThan(initialCalls);
73
+ const lastCallArgs = OpenaiMock.setWidgetState.mock.calls[OpenaiMock.setWidgetState.mock.calls.length - 1]?.[0];
74
+ expect(lastCallArgs?.__widget_context).toContain("- Updated content");
75
+ });
76
+ it("should remove node and update context when component unmounts", () => {
77
+ const { unmount } = render(_jsx(DataLLM, { content: "Content to remove", children: _jsx("div", { children: "Child" }) }));
78
+ const callsBeforeUnmount = OpenaiMock.setWidgetState.mock.calls.length;
79
+ unmount();
80
+ expect(OpenaiMock.setWidgetState.mock.calls.length).toBeGreaterThan(callsBeforeUnmount);
81
+ const lastCallArgs = OpenaiMock.setWidgetState.mock.calls[OpenaiMock.setWidgetState.mock.calls.length - 1]?.[0];
82
+ expect(lastCallArgs?.__widget_context).not.toContain("Content to remove");
83
+ });
84
+ });
85
+ describe("mcp-app mode", () => {
86
+ let postMessageMock;
87
+ beforeEach(() => {
88
+ vi.stubGlobal("skybridge", { hostType: "mcp-app" });
89
+ vi.stubGlobal("ResizeObserver", MockResizeObserver);
90
+ postMessageMock = getMcpAppHostPostMessageMock();
91
+ vi.stubGlobal("parent", { postMessage: postMessageMock });
92
+ });
93
+ afterEach(() => {
94
+ McpAppBridge.resetInstance();
95
+ McpAppAdaptor.resetInstance();
96
+ });
97
+ it("should register a node and update widget state via adaptor", async () => {
98
+ const adaptor = McpAppAdaptor.getInstance();
99
+ render(_jsx(DataLLM, { content: "Test content", children: _jsx("div", { children: "Child" }) }));
100
+ await vi.waitFor(() => {
101
+ const widgetState = adaptor
102
+ .getHostContextStore("widgetState")
103
+ .getSnapshot();
104
+ expect(widgetState?.__widget_context).toContain("- Test content");
105
+ });
106
+ });
107
+ it("should preserve existing widget state when updating context", async () => {
108
+ const adaptor = McpAppAdaptor.getInstance();
109
+ await adaptor.setWidgetState({ existingKey: "existingValue" });
110
+ render(_jsx(DataLLM, { content: "Test content", children: _jsx("div", { children: "Child" }) }));
111
+ await vi.waitFor(() => {
112
+ const widgetState = adaptor
113
+ .getHostContextStore("widgetState")
114
+ .getSnapshot();
115
+ expect(widgetState?.existingKey).toBe("existingValue");
116
+ expect(widgetState?.__widget_context).toContain("- Test content");
117
+ });
118
+ });
119
+ it("should handle multiple DataLLM components sharing state through adaptor", async () => {
120
+ const adaptor = McpAppAdaptor.getInstance();
121
+ render(_jsxs(_Fragment, { children: [_jsx(DataLLM, { content: "First component", children: _jsx("div", { children: "First" }) }), _jsx(DataLLM, { content: "Second component", children: _jsx("div", { children: "Second" }) })] }));
122
+ await vi.waitFor(() => {
123
+ const widgetState = adaptor
124
+ .getHostContextStore("widgetState")
125
+ .getSnapshot();
126
+ const context = widgetState?.__widget_context;
127
+ expect(context).toContain("- First component");
128
+ expect(context).toContain("- Second component");
129
+ });
130
+ });
131
+ it("should call ui/update-model-context when widget state changes", async () => {
132
+ render(_jsx(DataLLM, { content: "Test content", children: _jsx("div", { children: "Child" }) }));
133
+ await vi.waitFor(() => {
134
+ expect(postMessageMock).toHaveBeenCalledWith(expect.objectContaining({ method: "ui/update-model-context" }), "*");
135
+ });
136
+ });
137
+ });
138
+ });
139
+ //# sourceMappingURL=data-llm.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"data-llm.test.js","sourceRoot":"","sources":["../../src/web/data-llm.test.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,116 @@
1
+ import type { InferTools, ToolInput, ToolOutput, ToolResponseMetadata } from "../server/index.js";
2
+ import type { CallToolResponse } from "./bridges/types.js";
3
+ import { type CallToolAsyncFn, type CallToolFn, type CallToolState } from "./hooks/use-call-tool.js";
4
+ import { type ToolState } from "./hooks/use-tool-info.js";
5
+ import type { Objectify, Prettify } from "./types.js";
6
+ type TypedCallToolResponse<TOutput> = CallToolResponse & {
7
+ structuredContent: TOutput;
8
+ };
9
+ type TypedCallToolReturn<TInput, TOutput> = Prettify<CallToolState<TypedCallToolResponse<TOutput>> & {
10
+ callTool: CallToolFn<TInput, TypedCallToolResponse<TOutput>>;
11
+ callToolAsync: CallToolAsyncFn<TInput, TypedCallToolResponse<TOutput>>;
12
+ }>;
13
+ type TypedToolInfoReturn<TInput, TOutput, TResponseMetadata> = ToolState<Objectify<TInput>, Objectify<TOutput>, Objectify<TResponseMetadata>>;
14
+ /**
15
+ * Creates typed versions of skybridge hooks with full type inference
16
+ * for tool names, inputs, and outputs.
17
+ *
18
+ * This is the recommended way to use skybridge hooks in your widgets.
19
+ * Set this up once in a dedicated file and export the typed hooks for use across your app.
20
+ *
21
+ * @typeParam ServerType - The type of your McpServer instance (use `typeof server`).
22
+ * Must be a server instance created with method chaining.
23
+ * TypeScript will validate that tools can be inferred from this type.
24
+ *
25
+ * @example
26
+ * ```typescript
27
+ * // server/src/index.ts
28
+ * const server = new McpServer({ name: "my-app", version: "1.0" }, {})
29
+ * .widget("search-voyage", {}, {
30
+ * inputSchema: { destination: z.string() },
31
+ * outputSchema: { results: z.array(z.string()) },
32
+ * }, async ({ destination }) => {
33
+ * return { content: [{ type: "text", text: `Found trips to ${destination}` }] };
34
+ * });
35
+ *
36
+ * export type AppType = typeof server;
37
+ * ```
38
+ *
39
+ * @example
40
+ * ```typescript
41
+ * // web/src/helpers.ts (one-time setup)
42
+ * import type { AppType } from "../server";
43
+ * import { generateHelpers } from "skybridge/web";
44
+ *
45
+ * export const { useCallTool, useToolInfo } = generateHelpers<AppType>();
46
+ * ```
47
+ *
48
+ * @example
49
+ * ```typescript
50
+ * // web/src/widgets/search.tsx (usage)
51
+ * import { useCallTool, useToolInfo } from "../skybridge";
52
+ *
53
+ * export function SearchWidget() {
54
+ * const { callTool, data } = useCallTool("search-voyage");
55
+ * // ^ autocomplete for tool names
56
+ * callTool({ destination: "Spain" });
57
+ * // ^ autocomplete for input fields
58
+ *
59
+ * const toolInfo = useToolInfo<"search-voyage">();
60
+ * // ^ autocomplete for widget names
61
+ * // toolInfo.input is typed based on widget input schema
62
+ * // toolInfo.output.structuredContent is typed based on widget output schema
63
+ * }
64
+ * ```
65
+ */
66
+ export declare function generateHelpers<ServerType = never>(): {
67
+ /**
68
+ * Typed version of `useCallTool` that provides autocomplete for tool names
69
+ * and type inference for inputs and outputs.
70
+ *
71
+ * @param name - The name of the widget to call. Autocompletes based on your server's widget registry.
72
+ * @returns A hook with typed `callTool` function and `data` property.
73
+ *
74
+ * @example
75
+ * ```typescript
76
+ * const { callTool, data, isPending } = useCallTool("search-voyage");
77
+ * // TypeScript knows callTool expects { destination: string }
78
+ * callTool({ destination: "Spain" });
79
+ *
80
+ * // data.structuredContent is typed based on your outputSchema
81
+ * if (data) {
82
+ * console.log(data.structuredContent.results);
83
+ * }
84
+ * ```
85
+ */
86
+ useCallTool: <ToolName extends keyof InferTools<ServerType> & string>(name: ToolName) => TypedCallToolReturn<ToolInput<ServerType, ToolName>, ToolOutput<ServerType, ToolName>>;
87
+ /**
88
+ * Typed version of `useToolInfo` that provides autocomplete for widget names
89
+ * and type inference for inputs, outputs, and responseMetadata.
90
+ *
91
+ * @typeParam K - The name of the widget. Autocompletes based on your server's widget registry.
92
+ * @returns A discriminated union with `status: "pending" | "success"` that narrows correctly.
93
+ *
94
+ * @example
95
+ * ```typescript
96
+ * const toolInfo = useToolInfo<"search-voyage">();
97
+ * // toolInfo.input is typed as { destination: string; ... }
98
+ * // toolInfo.output is typed as { results: Array<...>; ... }
99
+ * // toolInfo.responseMetadata is typed based on _meta in callback return
100
+ * // toolInfo.status narrows correctly: "pending" | "success"
101
+ *
102
+ * if (toolInfo.isPending) {
103
+ * // TypeScript knows output and responseMetadata are undefined here
104
+ * console.log(toolInfo.input.destination);
105
+ * }
106
+ *
107
+ * if (toolInfo.isSuccess) {
108
+ * // TypeScript knows output and responseMetadata are defined here
109
+ * console.log(toolInfo.output.results);
110
+ * console.log(toolInfo.responseMetadata);
111
+ * }
112
+ * ```
113
+ */
114
+ useToolInfo: <ToolName extends keyof InferTools<ServerType> & string>() => TypedToolInfoReturn<ToolInput<ServerType, ToolName>, ToolOutput<ServerType, ToolName>, ToolResponseMetadata<ServerType, ToolName>>;
115
+ };
116
+ export {};