skybridge 0.0.0-dev.eb4d79a → 0.0.0-dev.ec2e568

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 (244) hide show
  1. package/LICENSE +21 -674
  2. package/bin/run.js +12 -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 +9 -0
  16. package/dist/commands/dev.js +32 -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 +139 -0
  28. package/dist/server/server.js.map +1 -0
  29. package/dist/server/templateHelper.d.ts +18 -0
  30. package/dist/{src/server → server}/templateHelper.js +5 -12
  31. package/dist/server/templateHelper.js.map +1 -0
  32. package/dist/server/templates/development.hbs +66 -0
  33. package/dist/server/templates/production.hbs +7 -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 +21 -0
  43. package/dist/web/bridges/apps-sdk/adaptor.js +48 -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/web/bridges/apps-sdk/types.d.ts +108 -0
  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 +35 -0
  63. package/dist/web/bridges/mcp-app/adaptor.js +182 -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 +96 -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/components/modal-provider.d.ts +4 -0
  86. package/dist/web/components/modal-provider.js +47 -0
  87. package/dist/web/components/modal-provider.js.map +1 -0
  88. package/dist/web/create-store.d.ts +3 -0
  89. package/dist/web/create-store.js +24 -0
  90. package/dist/web/create-store.js.map +1 -0
  91. package/dist/web/create-store.test.d.ts +1 -0
  92. package/dist/web/create-store.test.js +126 -0
  93. package/dist/web/create-store.test.js.map +1 -0
  94. package/dist/web/data-llm.d.ts +14 -0
  95. package/dist/web/data-llm.js +72 -0
  96. package/dist/web/data-llm.js.map +1 -0
  97. package/dist/web/data-llm.test.d.ts +1 -0
  98. package/dist/web/data-llm.test.js +139 -0
  99. package/dist/web/data-llm.test.js.map +1 -0
  100. package/dist/web/generate-helpers.d.ts +116 -0
  101. package/dist/web/generate-helpers.js +111 -0
  102. package/dist/web/generate-helpers.js.map +1 -0
  103. package/dist/web/generate-helpers.test-d.d.ts +1 -0
  104. package/dist/web/generate-helpers.test-d.js +209 -0
  105. package/dist/web/generate-helpers.test-d.js.map +1 -0
  106. package/dist/web/generate-helpers.test.d.ts +1 -0
  107. package/dist/web/generate-helpers.test.js +17 -0
  108. package/dist/web/generate-helpers.test.js.map +1 -0
  109. package/dist/web/helpers/state.d.ts +7 -0
  110. package/dist/web/helpers/state.js +45 -0
  111. package/dist/web/helpers/state.js.map +1 -0
  112. package/dist/web/helpers/state.test.d.ts +1 -0
  113. package/dist/web/helpers/state.test.js +53 -0
  114. package/dist/web/helpers/state.test.js.map +1 -0
  115. package/dist/web/hooks/index.d.ts +10 -0
  116. package/dist/web/hooks/index.js +11 -0
  117. package/dist/web/hooks/index.js.map +1 -0
  118. package/dist/web/hooks/test/utils.d.ts +16 -0
  119. package/dist/web/hooks/test/utils.js +60 -0
  120. package/dist/web/hooks/test/utils.js.map +1 -0
  121. package/dist/web/hooks/use-call-tool.d.ts +101 -0
  122. package/dist/web/hooks/use-call-tool.js +68 -0
  123. package/dist/web/hooks/use-call-tool.js.map +1 -0
  124. package/dist/web/hooks/use-call-tool.test-d.d.ts +1 -0
  125. package/dist/web/hooks/use-call-tool.test-d.js +104 -0
  126. package/dist/web/hooks/use-call-tool.test-d.js.map +1 -0
  127. package/dist/web/hooks/use-call-tool.test.d.ts +1 -0
  128. package/dist/web/hooks/use-call-tool.test.js +190 -0
  129. package/dist/web/hooks/use-call-tool.test.js.map +1 -0
  130. package/dist/web/hooks/use-display-mode.d.ts +4 -0
  131. package/dist/web/hooks/use-display-mode.js +9 -0
  132. package/dist/web/hooks/use-display-mode.js.map +1 -0
  133. package/dist/web/hooks/use-display-mode.test.d.ts +1 -0
  134. package/dist/web/hooks/use-display-mode.test.js +41 -0
  135. package/dist/web/hooks/use-display-mode.test.js.map +1 -0
  136. package/dist/web/hooks/use-files.d.ts +6 -0
  137. package/dist/web/hooks/use-files.js +9 -0
  138. package/dist/web/hooks/use-files.js.map +1 -0
  139. package/dist/web/hooks/use-files.test.d.ts +1 -0
  140. package/dist/web/hooks/use-files.test.js +30 -0
  141. package/dist/web/hooks/use-files.test.js.map +1 -0
  142. package/dist/web/hooks/use-layout.d.ts +22 -0
  143. package/dist/web/hooks/use-layout.js +23 -0
  144. package/dist/web/hooks/use-layout.js.map +1 -0
  145. package/dist/web/hooks/use-layout.test.d.ts +1 -0
  146. package/dist/web/hooks/use-layout.test.js +96 -0
  147. package/dist/web/hooks/use-layout.test.js.map +1 -0
  148. package/dist/web/hooks/use-open-external.d.ts +1 -0
  149. package/dist/web/hooks/use-open-external.js +8 -0
  150. package/dist/web/hooks/use-open-external.js.map +1 -0
  151. package/dist/web/hooks/use-open-external.test.d.ts +1 -0
  152. package/dist/web/hooks/use-open-external.test.js +50 -0
  153. package/dist/web/hooks/use-open-external.test.js.map +1 -0
  154. package/dist/web/hooks/use-request-modal.d.ts +9 -0
  155. package/dist/web/hooks/use-request-modal.js +16 -0
  156. package/dist/web/hooks/use-request-modal.js.map +1 -0
  157. package/dist/web/hooks/use-request-modal.test.d.ts +1 -0
  158. package/dist/web/hooks/use-request-modal.test.js +57 -0
  159. package/dist/web/hooks/use-request-modal.test.js.map +1 -0
  160. package/dist/web/hooks/use-send-follow-up-message.d.ts +1 -0
  161. package/dist/web/hooks/use-send-follow-up-message.js +8 -0
  162. package/dist/web/hooks/use-send-follow-up-message.js.map +1 -0
  163. package/dist/web/hooks/use-tool-info.d.ts +36 -0
  164. package/dist/web/hooks/use-tool-info.js +26 -0
  165. package/dist/web/hooks/use-tool-info.js.map +1 -0
  166. package/dist/web/hooks/use-tool-info.test-d.d.ts +1 -0
  167. package/dist/web/hooks/use-tool-info.test-d.js +109 -0
  168. package/dist/web/hooks/use-tool-info.test-d.js.map +1 -0
  169. package/dist/web/hooks/use-tool-info.test.d.ts +1 -0
  170. package/dist/web/hooks/use-tool-info.test.js +130 -0
  171. package/dist/web/hooks/use-tool-info.test.js.map +1 -0
  172. package/dist/web/hooks/use-user.d.ts +18 -0
  173. package/dist/web/hooks/use-user.js +19 -0
  174. package/dist/web/hooks/use-user.js.map +1 -0
  175. package/dist/web/hooks/use-user.test.d.ts +1 -0
  176. package/dist/web/hooks/use-user.test.js +94 -0
  177. package/dist/web/hooks/use-user.test.js.map +1 -0
  178. package/dist/web/hooks/use-widget-state.d.ts +4 -0
  179. package/dist/web/hooks/use-widget-state.js +32 -0
  180. package/dist/web/hooks/use-widget-state.js.map +1 -0
  181. package/dist/web/hooks/use-widget-state.test.d.ts +1 -0
  182. package/dist/web/hooks/use-widget-state.test.js +61 -0
  183. package/dist/web/hooks/use-widget-state.test.js.map +1 -0
  184. package/dist/web/index.d.ts +8 -0
  185. package/dist/web/index.js +9 -0
  186. package/dist/web/index.js.map +1 -0
  187. package/dist/web/mount-widget.js +27 -0
  188. package/dist/web/mount-widget.js.map +1 -0
  189. package/dist/web/plugin/data-llm.test.d.ts +1 -0
  190. package/dist/web/plugin/data-llm.test.js +81 -0
  191. package/dist/web/plugin/data-llm.test.js.map +1 -0
  192. package/dist/web/plugin/plugin.d.ts +2 -0
  193. package/dist/web/plugin/plugin.js +39 -0
  194. package/dist/web/plugin/plugin.js.map +1 -0
  195. package/dist/web/plugin/transform-data-llm.d.ts +12 -0
  196. package/dist/web/plugin/transform-data-llm.js +96 -0
  197. package/dist/web/plugin/transform-data-llm.js.map +1 -0
  198. package/dist/web/plugin/transform-data-llm.test.d.ts +1 -0
  199. package/dist/web/plugin/transform-data-llm.test.js +81 -0
  200. package/dist/web/plugin/transform-data-llm.test.js.map +1 -0
  201. package/dist/web/proxy.d.ts +1 -0
  202. package/dist/web/proxy.js +53 -0
  203. package/dist/web/proxy.js.map +1 -0
  204. package/dist/web/types.d.ts +16 -0
  205. package/dist/web/types.js +2 -0
  206. package/dist/web/types.js.map +1 -0
  207. package/package.json +58 -25
  208. package/README.md +0 -52
  209. package/dist/src/server/index.d.ts +0 -2
  210. package/dist/src/server/index.js.map +0 -1
  211. package/dist/src/server/server.d.ts +0 -12
  212. package/dist/src/server/server.js +0 -45
  213. package/dist/src/server/server.js.map +0 -1
  214. package/dist/src/server/templateHelper.d.ts +0 -14
  215. package/dist/src/server/templateHelper.js.map +0 -1
  216. package/dist/src/server/widgetsDevServer.js.map +0 -1
  217. package/dist/src/test/setup.js +0 -9
  218. package/dist/src/test/setup.js.map +0 -1
  219. package/dist/src/test/utils.d.ts +0 -28
  220. package/dist/src/test/utils.js +0 -43
  221. package/dist/src/test/utils.js.map +0 -1
  222. package/dist/src/test/widget.test.js +0 -69
  223. package/dist/src/test/widget.test.js.map +0 -1
  224. package/dist/src/web/index.d.ts +0 -4
  225. package/dist/src/web/index.js +0 -5
  226. package/dist/src/web/index.js.map +0 -1
  227. package/dist/src/web/mount-widget.js +0 -14
  228. package/dist/src/web/mount-widget.js.map +0 -1
  229. package/dist/src/web/types.d.ts +0 -95
  230. package/dist/src/web/types.js.map +0 -1
  231. package/dist/src/web/use-openai-global.d.ts +0 -2
  232. package/dist/src/web/use-openai-global.js +0 -21
  233. package/dist/src/web/use-openai-global.js.map +0 -1
  234. package/dist/src/web/use-tool-output.d.ts +0 -3
  235. package/dist/src/web/use-tool-output.js +0 -5
  236. package/dist/src/web/use-tool-output.js.map +0 -1
  237. package/dist/vitest.config.d.ts +0 -2
  238. package/dist/vitest.config.js +0 -9
  239. package/dist/vitest.config.js.map +0 -1
  240. /package/dist/{src/server → server}/index.js +0 -0
  241. /package/dist/{src/test → test}/widget.test.d.ts +0 -0
  242. /package/dist/{src/web → web/bridges/apps-sdk}/types.js +0 -0
  243. /package/dist/{src/test/setup.d.ts → web/bridges/mcp-app/use-mcp-app-context.test.d.ts} +0 -0
  244. /package/dist/{src/web → web}/mount-widget.d.ts +0 -0
@@ -0,0 +1,96 @@
1
+ const LLM_IMPORT_SOURCE = "skybridge/web";
2
+ function createBabelPlugin(t) {
3
+ return {
4
+ name: "data-llm-babel",
5
+ visitor: {
6
+ Program: {
7
+ enter(path, state) {
8
+ state.hasDataLLMImport = false;
9
+ state.needsDataLLMImport = false;
10
+ for (const node of path.node.body) {
11
+ if (!t.isImportDeclaration(node)) {
12
+ continue;
13
+ }
14
+ if (node.source.value !== LLM_IMPORT_SOURCE) {
15
+ continue;
16
+ }
17
+ const hasSpecifier = node.specifiers.some((s) => t.isImportSpecifier(s) &&
18
+ t.isIdentifier(s.imported, { name: "DataLLM" }));
19
+ if (hasSpecifier) {
20
+ state.hasDataLLMImport = true;
21
+ break;
22
+ }
23
+ }
24
+ },
25
+ exit(path, state) {
26
+ if (state.needsDataLLMImport && !state.hasDataLLMImport) {
27
+ const importDecl = t.importDeclaration([
28
+ t.importSpecifier(t.identifier("DataLLM"), t.identifier("DataLLM")),
29
+ ], t.stringLiteral(LLM_IMPORT_SOURCE));
30
+ path.node.body.unshift(importDecl);
31
+ }
32
+ },
33
+ },
34
+ JSXElement(path, state) {
35
+ const opening = path.node.openingElement;
36
+ const attributes = opening.attributes;
37
+ const llmAttributeIndex = attributes.findIndex((attribute) => t.isJSXAttribute(attribute) &&
38
+ t.isJSXIdentifier(attribute.name, { name: "data-llm" }));
39
+ if (llmAttributeIndex === -1) {
40
+ return;
41
+ }
42
+ const llmAttribute = attributes[llmAttributeIndex];
43
+ let contentExpression;
44
+ if (t.isStringLiteral(llmAttribute.value)) {
45
+ contentExpression = llmAttribute.value;
46
+ }
47
+ else if (t.isJSXExpressionContainer(llmAttribute.value)) {
48
+ contentExpression = llmAttribute.value.expression;
49
+ }
50
+ else {
51
+ return;
52
+ }
53
+ const contentAttr = t.jsxAttribute(t.jsxIdentifier("content"), t.isStringLiteral(contentExpression)
54
+ ? contentExpression
55
+ : t.jsxExpressionContainer(contentExpression));
56
+ const filteredAttributes = attributes.filter((_, index) => index !== llmAttributeIndex);
57
+ const newOpening = t.jsxOpeningElement(opening.name, filteredAttributes, opening.selfClosing);
58
+ const elementWithoutLlm = t.jsxElement(newOpening, path.node.closingElement, path.node.children, path.node.selfClosing);
59
+ const llmOpening = t.jsxOpeningElement(t.jsxIdentifier("DataLLM"), [
60
+ contentAttr,
61
+ ]);
62
+ const llmClosing = t.jsxClosingElement(t.jsxIdentifier("DataLLM"));
63
+ const wrapped = t.jsxElement(llmOpening, llmClosing, [elementWithoutLlm], false);
64
+ state.needsDataLLMImport = true;
65
+ path.replaceWith(wrapped);
66
+ },
67
+ },
68
+ };
69
+ }
70
+ export const transform = async (code, id) => {
71
+ if (!/\.(jsx|tsx)$/.test(id)) {
72
+ return null;
73
+ }
74
+ if (id.includes("node_modules")) {
75
+ return null;
76
+ }
77
+ // Dynamic import to ensure @babel/core is only loaded in Node.js context
78
+ const { types: t, transformSync } = await import("@babel/core");
79
+ const babelOptions = {
80
+ plugins: [createBabelPlugin(t)],
81
+ parserOpts: {
82
+ plugins: ["jsx", "typescript"],
83
+ },
84
+ filename: id,
85
+ sourceFileName: id,
86
+ };
87
+ const result = transformSync(code, babelOptions);
88
+ if (!result || !result.code) {
89
+ return null;
90
+ }
91
+ return {
92
+ code: result.code,
93
+ map: result.map || null,
94
+ };
95
+ };
96
+ //# sourceMappingURL=transform-data-llm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"transform-data-llm.js","sourceRoot":"","sources":["../../../src/web/plugin/transform-data-llm.ts"],"names":[],"mappings":"AAEA,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAO1C,SAAS,iBAAiB,CAAC,CAAe;IACxC,OAAO;QACL,IAAI,EAAE,gBAAgB;QAEtB,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,KAAK,CAAC,IAAI,EAAE,KAAK;oBACf,KAAK,CAAC,gBAAgB,GAAG,KAAK,CAAC;oBAC/B,KAAK,CAAC,kBAAkB,GAAG,KAAK,CAAC;oBAEjC,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;wBAClC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC;4BACjC,SAAS;wBACX,CAAC;wBACD,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,KAAK,iBAAiB,EAAE,CAAC;4BAC5C,SAAS;wBACX,CAAC;wBAED,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CACvC,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;4BACtB,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAClD,CAAC;wBAEF,IAAI,YAAY,EAAE,CAAC;4BACjB,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC;4BAC9B,MAAM;wBACR,CAAC;oBACH,CAAC;gBACH,CAAC;gBAED,IAAI,CAAC,IAAI,EAAE,KAAK;oBACd,IAAI,KAAK,CAAC,kBAAkB,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;wBACxD,MAAM,UAAU,GAAG,CAAC,CAAC,iBAAiB,CACpC;4BACE,CAAC,CAAC,eAAe,CACf,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,EACvB,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CACxB;yBACF,EACD,CAAC,CAAC,aAAa,CAAC,iBAAiB,CAAC,CACnC,CAAC;wBAEF,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;oBACrC,CAAC;gBACH,CAAC;aACF;YAED,UAAU,CAAC,IAAI,EAAE,KAAK;gBACpB,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;gBACzC,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;gBAEtC,MAAM,iBAAiB,GAAG,UAAU,CAAC,SAAS,CAC5C,CAAC,SAAS,EAAE,EAAE,CACZ,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC;oBAC3B,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAC1D,CAAC;gBAEF,IAAI,iBAAiB,KAAK,CAAC,CAAC,EAAE,CAAC;oBAC7B,OAAO;gBACT,CAAC;gBAED,MAAM,YAAY,GAAG,UAAU,CAC7B,iBAAiB,CACI,CAAC;gBAExB,IAAI,iBAAmC,CAAC;gBAExC,IAAI,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC1C,iBAAiB,GAAG,YAAY,CAAC,KAAK,CAAC;gBACzC,CAAC;qBAAM,IAAI,CAAC,CAAC,wBAAwB,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC1D,iBAAiB,GAAG,YAAY,CAAC,KAAK,CAAC,UAA8B,CAAC;gBACxE,CAAC;qBAAM,CAAC;oBACN,OAAO;gBACT,CAAC;gBAED,MAAM,WAAW,GAAG,CAAC,CAAC,YAAY,CAChC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,EAC1B,CAAC,CAAC,eAAe,CAAC,iBAAiB,CAAC;oBAClC,CAAC,CAAC,iBAAiB;oBACnB,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,CAChD,CAAC;gBAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC,MAAM,CAC1C,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,iBAAiB,CAC1C,CAAC;gBACF,MAAM,UAAU,GAAG,CAAC,CAAC,iBAAiB,CACpC,OAAO,CAAC,IAAI,EACZ,kBAAkB,EAClB,OAAO,CAAC,WAAW,CACpB,CAAC;gBAEF,MAAM,iBAAiB,GAAG,CAAC,CAAC,UAAU,CACpC,UAAU,EACV,IAAI,CAAC,IAAI,CAAC,cAAc,EACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAClB,IAAI,CAAC,IAAI,CAAC,WAAW,CACtB,CAAC;gBAEF,MAAM,UAAU,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE;oBACjE,WAAW;iBACZ,CAAC,CAAC;gBACH,MAAM,UAAU,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;gBAEnE,MAAM,OAAO,GAAG,CAAC,CAAC,UAAU,CAC1B,UAAU,EACV,UAAU,EACV,CAAC,iBAAiB,CAAC,EACnB,KAAK,CACN,CAAC;gBAEF,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC;gBAChC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC5B,CAAC;SACF;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,EAAE,IAAY,EAAE,EAAU,EAAE,EAAE;IAC1D,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,yEAAyE;IACzE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,GAAG,MAAM,MAAM,CAAC,aAAa,CAAC,CAAC;IAEhE,MAAM,YAAY,GAAqB;QACrC,OAAO,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC/B,UAAU,EAAE;YACV,OAAO,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC;SAC/B;QACD,QAAQ,EAAE,EAAE;QACZ,cAAc,EAAE,EAAE;KACnB,CAAC;IAEF,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IAEjD,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,GAAG,EAAE,MAAM,CAAC,GAAG,IAAI,IAAI;KACxB,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,81 @@
1
+ import { describe, expect, it } from "vitest";
2
+ import { transform } from "./transform-data-llm.js";
3
+ describe("data-llm plugin", () => {
4
+ it("should transform JSX element with data-llm string attribute", async () => {
5
+ const code = `
6
+ function Component() {
7
+ return <div data-llm="Test description">Content</div>;
8
+ }
9
+ `;
10
+ const result = await transform(code, "test.tsx");
11
+ expect(result).not.toBeNull();
12
+ expect(result?.code).toContain("DataLLM");
13
+ expect(result?.code).toContain('content="Test description"');
14
+ expect(result?.code).not.toContain("data-llm");
15
+ });
16
+ it("should transform JSX element with data-llm expression attribute", async () => {
17
+ const code = `
18
+ function Component() {
19
+ const desc = "Dynamic description";
20
+ return <div data-llm={desc}>Content</div>;
21
+ }
22
+ `;
23
+ const result = await transform(code, "test.tsx");
24
+ expect(result).not.toBeNull();
25
+ expect(result?.code).toContain("DataLLM");
26
+ expect(result?.code).toContain("content={desc}");
27
+ expect(result?.code).not.toContain("data-llm");
28
+ });
29
+ it("should add import for DataLLM when not present", async () => {
30
+ const code = `
31
+ function Component() {
32
+ return <div data-llm="Test">Content</div>;
33
+ }
34
+ `;
35
+ const result = await transform(code, "test.tsx");
36
+ expect(result).not.toBeNull();
37
+ expect(result?.code).toContain('import { DataLLM } from "skybridge/web"');
38
+ });
39
+ it("should handle DataLLM imports correctly", async () => {
40
+ // No duplicate import
41
+ const codeWithImport = `
42
+ import { DataLLM } from "skybridge/web";
43
+ function Component() {
44
+ return <div data-llm="Test">Content</div>;
45
+ }
46
+ `;
47
+ const result1 = await transform(codeWithImport, "test.tsx");
48
+ expect(result1?.code.match(/import.*DataLLM.*from.*skybridge\/web/g)).toHaveLength(1);
49
+ // Preserve other imports and add missing DataLLM
50
+ const codeWithOthers = `
51
+ import React from "react";
52
+ import { useState } from "react";
53
+ function Component() {
54
+ return <div data-llm="Test">Content</div>;
55
+ }
56
+ `;
57
+ const result2 = await transform(codeWithOthers, "test.tsx");
58
+ expect(result2?.code).toContain('import React from "react"');
59
+ expect(result2?.code).toContain('import { useState } from "react"');
60
+ expect(result2?.code).toContain('import { DataLLM } from "skybridge/web"');
61
+ });
62
+ it("should handle complex JSX with multiple data-llm attributes", async () => {
63
+ const code = `
64
+ function Component() {
65
+ return (
66
+ <div>
67
+ <section data-llm="Section 1">
68
+ <p>Content 1</p>
69
+ </section>
70
+ <section data-llm="Section 2">
71
+ <p>Content 2</p>
72
+ </section>
73
+ </div>
74
+ );
75
+ }
76
+ `;
77
+ const result = await transform(code, "test.tsx");
78
+ expect(result).toMatchSnapshot();
79
+ });
80
+ });
81
+ //# sourceMappingURL=transform-data-llm.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"transform-data-llm.test.js","sourceRoot":"","sources":["../../../src/web/plugin/transform-data-llm.test.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export declare function installOpenAILoggingProxy(): void;
@@ -0,0 +1,53 @@
1
+ const colors = {
2
+ brand: "#6366f1",
3
+ info: "#22223b",
4
+ success: "#22c55e",
5
+ error: "#ef4444",
6
+ };
7
+ export function installOpenAILoggingProxy() {
8
+ if (typeof window === "undefined" || !window.openai) {
9
+ console.warn("[openai-proxy] window.openai not found, skipping proxy installation");
10
+ return;
11
+ }
12
+ const descriptor = Object.getOwnPropertyDescriptor(window, "openai");
13
+ if (descriptor?.configurable === false || descriptor?.writable === false) {
14
+ console.warn("[openai-proxy] window.openai is not configurable or writable, skipping proxy installation");
15
+ return;
16
+ }
17
+ const originalOpenAI = window.openai;
18
+ const handler = {
19
+ get(target, prop, receiver) {
20
+ const value = Reflect.get(target, prop, receiver);
21
+ if (typeof value !== "function") {
22
+ return value;
23
+ }
24
+ return (...args) => {
25
+ const methodName = String(prop);
26
+ console.group(`%c[openai] %cmethod %c${methodName}`, `color: ${colors.brand}; font-weight: normal`, `color: ${colors.info}; font-weight: normal`, `color: ${colors.success}`);
27
+ console.log("%c← args:", `color: ${colors.info}`, args);
28
+ const result = value.apply(target, args);
29
+ if (result && typeof result.then === "function") {
30
+ return result.then((resolved) => {
31
+ console.log("%c→ resolved:", `color: ${colors.success}`, resolved);
32
+ console.groupEnd();
33
+ return resolved;
34
+ }, (error) => {
35
+ console.error("%c→ rejected:", `color: ${colors.error}`, error);
36
+ console.groupEnd();
37
+ throw error;
38
+ });
39
+ }
40
+ console.log("%c→ returned:", `color: ${colors.success}`, result);
41
+ console.groupEnd();
42
+ return result;
43
+ };
44
+ },
45
+ set(target, prop, value, receiver) {
46
+ console.log(`%c[openai] %cupdate %c${String(prop)}`, `color: ${colors.brand}`, `color: ${colors.info}`, `color: ${colors.success}; font-weight: bold`, "←", value);
47
+ return Reflect.set(target, prop, value, receiver);
48
+ },
49
+ };
50
+ window.openai = new Proxy(originalOpenAI, handler);
51
+ console.log("%c[openai-proxy] %cInstalled logging proxy for window.openai", `color: ${colors.brand}`, `color: ${colors.info}`);
52
+ }
53
+ //# sourceMappingURL=proxy.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"proxy.js","sourceRoot":"","sources":["../../src/web/proxy.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,16 @@
1
+ import "react";
2
+ declare module "react" {
3
+ interface HTMLAttributes<T> {
4
+ "data-llm"?: string;
5
+ }
6
+ }
7
+ export type UnknownObject = Record<string, unknown>;
8
+ export type Prettify<T> = {
9
+ [K in keyof T]: T[K];
10
+ } & {};
11
+ export type Objectify<T> = T & UnknownObject;
12
+ type RequiredKeys<T> = {
13
+ [K in keyof T]-?: Record<string, never> extends Pick<T, K> ? never : K;
14
+ }[keyof T];
15
+ export type HasRequiredKeys<T> = RequiredKeys<T> extends never ? false : true;
16
+ export {};
@@ -0,0 +1,2 @@
1
+ import "react";
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/web/types.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,CAAC"}
package/package.json CHANGED
@@ -1,25 +1,26 @@
1
1
  {
2
2
  "name": "skybridge",
3
- "version": "0.0.0-dev.eb4d79a",
4
- "description": "Skybridge is a framework for building ChatGPT apps",
3
+ "version": "0.0.0-dev.ec2e568",
4
+ "description": "Skybridge is a framework for building ChatGPT and MCP Apps",
5
+ "repository": {
6
+ "type": "git",
7
+ "url": "https://github.com/alpic-ai/skybridge.git"
8
+ },
5
9
  "type": "module",
6
10
  "files": [
7
- "dist"
11
+ "dist",
12
+ "README.md"
8
13
  ],
9
14
  "exports": {
10
15
  "./server": {
11
- "types": "./dist/src/server/index.d.ts",
12
- "default": "./dist/src/server/index.js"
16
+ "types": "./dist/server/index.d.ts",
17
+ "default": "./dist/server/index.js"
13
18
  },
14
19
  "./web": {
15
- "types": "./dist/src/web/index.d.ts",
16
- "default": "./dist/src/web/index.js"
20
+ "types": "./dist/web/index.d.ts",
21
+ "default": "./dist/web/index.js"
17
22
  }
18
23
  },
19
- "scripts": {
20
- "build": "tsc",
21
- "test": "vitest run --silent"
22
- },
23
24
  "keywords": [
24
25
  "chatgpt",
25
26
  "app",
@@ -29,29 +30,61 @@
29
30
  "author": "Frédéric Barthelet",
30
31
  "license": "ISC",
31
32
  "peerDependencies": {
33
+ "@modelcontextprotocol/sdk": ">=1.0.0",
32
34
  "react": ">=18.0.0",
33
35
  "react-dom": ">=18.0.0"
34
36
  },
35
37
  "dependencies": {
36
- "@modelcontextprotocol/sdk": "^1.20.0",
38
+ "@babel/core": "^7.28.6",
39
+ "@oclif/core": "^4.8.0",
37
40
  "cors": "^2.8.5",
38
- "express": "^5.1.0",
41
+ "dequal": "^2.0.3",
42
+ "es-toolkit": "^1.43.0",
43
+ "express": "^5.2.1",
39
44
  "handlebars": "^4.7.8",
40
- "vite": "^7.1.11",
41
- "zod": "^3.25.51"
45
+ "ink": "^6.6.0",
46
+ "superjson": "^2.2.6",
47
+ "vite": "^7.3.1",
48
+ "zustand": "^5.0.10"
42
49
  },
43
50
  "devDependencies": {
51
+ "@modelcontextprotocol/ext-apps": "^0.4.0",
52
+ "@modelcontextprotocol/sdk": "^1.25.2",
53
+ "@testing-library/dom": "^10.4.1",
54
+ "@testing-library/react": "^16.3.1",
44
55
  "@total-typescript/tsconfig": "^1.0.4",
56
+ "@types/babel__core": "^7.20.5",
45
57
  "@types/cors": "^2.8.19",
46
- "@types/express": "^5.0.3",
47
- "@types/node": "^22.15.30",
48
- "@types/react": "^19.2.2",
49
- "@types/react-dom": "^19.2.2",
50
- "@types/jsdom": "^21.1.6",
51
- "@vitest/ui": "^2.1.8",
52
- "jsdom": "^25.0.1",
58
+ "@types/express": "^5.0.6",
59
+ "@types/jsdom": "^27.0.0",
60
+ "@types/node": "^24.10.8",
61
+ "@types/react": "^19.2.8",
62
+ "@types/react-dom": "^19.2.3",
63
+ "@vitest/ui": "^4.0.17",
64
+ "jsdom": "^27.4.0",
65
+ "shx": "^0.4.0",
66
+ "ts-node": "^10.9.2",
53
67
  "typescript": "^5.9.3",
54
- "vitest": "^2.1.8"
68
+ "vitest": "^4.0.17",
69
+ "zod": "^4.3.5"
55
70
  },
56
- "packageManager": "pnpm@10.17.1"
57
- }
71
+ "bin": {
72
+ "sb": "./bin/run.js",
73
+ "skybridge": "./bin/run.js"
74
+ },
75
+ "oclif": {
76
+ "bin": "skybridge",
77
+ "commands": "./dist/commands",
78
+ "dirname": "skybridge",
79
+ "topicSeparator": " "
80
+ },
81
+ "scripts": {
82
+ "build": "shx rm -rf dist && tsc && pnpm run build:templates",
83
+ "build:templates": "cp -r src/server/templates dist/server/",
84
+ "format": "biome check --write --error-on-warnings",
85
+ "test": "pnpm run test:unit && pnpm run test:type && pnpm run test:format",
86
+ "test:unit": "vitest run",
87
+ "test:type": "tsc --noEmit",
88
+ "test:format": "biome ci"
89
+ }
90
+ }
package/README.md DELETED
@@ -1,52 +0,0 @@
1
- <div align="center">
2
-
3
- # Skybridge
4
-
5
- **Skybridge is the TypeScript framework for building ChatGPT apps**
6
-
7
- [![By Alpic](https://img.shields.io/badge/Made%20by%20Alpic-f6ffed?logo=alpic)](https://alpic.ai)
8
-
9
- ![NPM Downloads](https://img.shields.io/npm/dm/skybridge?color=e90060)
10
- ![NPM Version](https://img.shields.io/npm/v/skybridge?color=e90060)
11
- ![GitHub License](https://img.shields.io/github/license/alpic-ai/skybridge?color=e90060)
12
-
13
- </div>
14
-
15
- Skybridge comes with 2 packages:
16
-
17
- - `skybridge/server`: A drop-in replacement of the `@modelcontextprotocol/sdk` official `McpServer` class with extra features for widget development.
18
- - `skybridge/web`: A react library with hooks and components to build widgets on the underlying _OpenAI iFrame skybridge_ runtime.
19
-
20
- ## Installation
21
-
22
- ```bash
23
- pnpm add skybridge
24
- ```
25
-
26
- ## skybridge/server
27
-
28
- The `skybridge/server` package is a drop-in replacement of the `@modelcontextprotocol/sdk` official `McpServer` class with extra features for widget development. If you're already using the `@modelcontextprotocol/sdk`, you can simply replace your `McpServer` import with `skybridge/server` and you're good to go.
29
-
30
- ## skybridge/web
31
-
32
- The `skybridge/web` package is a react library with hooks and components to build widgets on the underlying _OpenAI iFrame skybridge_ runtime.
33
-
34
- ### Vite plugin
35
-
36
- The `skybridge/web` package comes with a Vite plugin that allows you to build your widgets as regular Vite apps.
37
-
38
- ```ts
39
- import { defineConfig } from "vite";
40
- import { skybridge } from "skybridge/web";
41
-
42
- export default defineConfig({
43
- plugins: [skybridge()],
44
- });
45
- ```
46
-
47
- ## Migrate your existing MCP server to a ChatGPT app
48
-
49
- If you're already using the `@modelcontextprotocol/sdk` to build a MCP server, you can migrate to a ChatGPT app by following these steps:
50
-
51
- 1. Replace your `McpServer` import from `@modelcontextprotocol/sdk` with the same import from `skybridge/server`
52
- 2. Create a new node project named `web` and install the `skybridge` package
@@ -1,2 +0,0 @@
1
- export { McpServer } from "./server.js";
2
- export { widgetsDevServer } from "./widgetsDevServer.js";
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/server/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}
@@ -1,12 +0,0 @@
1
- import { McpServer as McpServerBase, type ToolCallback } from "@modelcontextprotocol/sdk/server/mcp.js";
2
- import type { Resource } from "@modelcontextprotocol/sdk/types.js";
3
- import type { ZodRawShape } from "zod";
4
- type McpServerOriginalResourceConfig = Omit<Resource, "uri" | "name" | "mimeType">;
5
- type McpServerOriginalToolConfig = Omit<Parameters<McpServer["registerTool"]>[1], "inputSchema" | "outputSchema">;
6
- export declare class McpServer extends McpServerBase {
7
- widget<InputArgs extends ZodRawShape, OutputArgs extends ZodRawShape>(name: string, resourceConfig: McpServerOriginalResourceConfig, toolConfig: McpServerOriginalToolConfig & {
8
- inputSchema?: InputArgs;
9
- outputSchema?: OutputArgs;
10
- }, toolCallback: ToolCallback<InputArgs>): void;
11
- }
12
- export {};
@@ -1,45 +0,0 @@
1
- import { McpServer as McpServerBase, } from "@modelcontextprotocol/sdk/server/mcp.js";
2
- import { templateHelper } from "./templateHelper.js";
3
- export class McpServer extends McpServerBase {
4
- widget(name, resourceConfig, toolConfig, toolCallback) {
5
- const uri = `ui://widgets/${name}.html`;
6
- const resourceMetadata = { ...(resourceConfig._meta ?? {}) };
7
- if (toolConfig.description !== undefined) {
8
- resourceMetadata["openai/widgetDescription"] = toolConfig.description;
9
- }
10
- this.resource(name, uri, {
11
- ...resourceConfig,
12
- _meta: resourceMetadata,
13
- }, async (_uri, extra) => {
14
- const serverUrl = process.env.NODE_ENV === "production"
15
- ? `https://${extra?.requestInfo?.headers?.["x-forwarded-host"] ??
16
- extra?.requestInfo?.headers?.host}`
17
- : `http://localhost:3000`;
18
- const templateData = {
19
- serverUrl,
20
- widgetName: name,
21
- };
22
- const html = process.env.NODE_ENV === "production"
23
- ? templateHelper.renderProduction(templateData)
24
- : templateHelper.renderDevelopment(templateData);
25
- return {
26
- contents: [
27
- {
28
- uri,
29
- mimeType: "text/html+skybridge",
30
- text: html,
31
- },
32
- ],
33
- };
34
- });
35
- const toolMeta = {
36
- ...toolConfig._meta,
37
- "openai/outputTemplate": uri,
38
- };
39
- this.registerTool(name, {
40
- ...toolConfig,
41
- _meta: toolMeta,
42
- }, toolCallback);
43
- }
44
- }
45
- //# sourceMappingURL=server.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"server.js","sourceRoot":"","sources":["../../../src/server/server.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,aAAa,GAE3B,MAAM,yCAAyC,CAAC;AAGjD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AA4BrD,MAAM,OAAO,SAAU,SAAQ,aAAa;IAC1C,MAAM,CACJ,IAAY,EACZ,cAA+C,EAC/C,UAGC,EACD,YAAqC;QAErC,MAAM,GAAG,GAAG,gBAAgB,IAAI,OAAO,CAAC;QACxC,MAAM,gBAAgB,GAAiB,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAAC;QAC3E,IAAI,UAAU,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;YACzC,gBAAgB,CAAC,0BAA0B,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC;QACxE,CAAC;QAED,IAAI,CAAC,QAAQ,CACX,IAAI,EACJ,GAAG,EACH;YACE,GAAG,cAAc;YACjB,KAAK,EAAE,gBAAgB;SACxB,EACD,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;YACpB,MAAM,SAAS,GACb,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;gBACnC,CAAC,CAAC,WACE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBACjD,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAC/B,EAAE;gBACJ,CAAC,CAAC,uBAAuB,CAAC;YAE9B,MAAM,YAAY,GAAG;gBACnB,SAAS;gBACT,UAAU,EAAE,IAAI;aACjB,CAAC;YAEF,MAAM,IAAI,GACR,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;gBACnC,CAAC,CAAC,cAAc,CAAC,gBAAgB,CAAC,YAAY,CAAC;gBAC/C,CAAC,CAAC,cAAc,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;YAErD,OAAO;gBACL,QAAQ,EAAE;oBACR;wBACE,GAAG;wBACH,QAAQ,EAAE,qBAAqB;wBAC/B,IAAI,EAAE,IAAI;qBACX;iBACF;aACF,CAAC;QACJ,CAAC,CACF,CAAC;QAEF,MAAM,QAAQ,GAAa;YACzB,GAAG,UAAU,CAAC,KAAK;YACnB,uBAAuB,EAAE,GAAG;SAC7B,CAAC;QAEF,IAAI,CAAC,YAAY,CACf,IAAI,EACJ;YACE,GAAG,UAAU;YACb,KAAK,EAAE,QAAQ;SAChB,EACD,YAAY,CACb,CAAC;IACJ,CAAC;CACF"}
@@ -1,14 +0,0 @@
1
- type TemplateData = {
2
- serverUrl: string;
3
- widgetName: string;
4
- };
5
- declare class TemplateHelper {
6
- private templateCache;
7
- private loadTemplate;
8
- renderProduction(data: TemplateData): string;
9
- renderDevelopment(data: TemplateData): string;
10
- renderViteClient(data: TemplateData): string;
11
- injectViteClient(html: string, data: TemplateData): string;
12
- }
13
- export declare const templateHelper: TemplateHelper;
14
- export {};
@@ -1 +0,0 @@
1
- {"version":3,"file":"templateHelper.js","sourceRoot":"","sources":["../../../src/server/templateHelper.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClD,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAOtC,MAAM,cAAc;IACV,aAAa,GAAG,IAAI,GAAG,EAAsC,CAAC;IAE9D,YAAY,CAAC,YAAoB;QACvC,IAAI,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;YACzC,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAE,CAAC;QAC/C,CAAC;QAED,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,GAAG,YAAY,MAAM,CAAC,CAAC;QACzE,MAAM,cAAc,GAAG,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;QAC3D,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEpD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC/C,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,gBAAgB,CAAC,IAAkB;QACjC,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QACjD,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,iBAAiB,CAAC,IAAkB;QAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QAClD,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,gBAAgB,CAAC,IAAkB;QACjC,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QAClD,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,gBAAgB,CAAC,IAAY,EAAE,IAAkB;QAC/C,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACrD,OAAO,gBAAgB,GAAG,IAAI,CAAC;IACjC,CAAC;CACF;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,cAAc,EAAE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"widgetsDevServer.js","sourceRoot":"","sources":["../../../src/server/widgetsDevServer.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,EAAE,EAAuB,MAAM,SAAS,CAAC;AACvD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,IAA6B,EAAE;IAClE,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IAEhC,MAAM,EAAE,YAAY,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,GAChE,MAAM,MAAM,CAAC,MAAM,CAAC,CAAC;IACvB,MAAM,aAAa,GAAG,sBAAsB,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,MAAM,kBAAkB,CAC3C,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,EACzC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC,EACvC,UAAU,CACX,CAAC;IAEF,+DAA+D;IAC/D,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,YAAY,EAAE,MAAM,IAAI,EAAE,CAAC;IAEpE,MAAM,IAAI,GAAG,MAAM,YAAY,CAAC;QAC9B,GAAG,SAAS;QACZ,UAAU,EAAE,KAAK,EAAE,kFAAkF;QACrG,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE;YACN,YAAY,EAAE,IAAI;YAClB,cAAc,EAAE,IAAI;SACrB;QACD,IAAI,EAAE,UAAU;QAChB,YAAY,EAAE;YACZ,OAAO,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC;SACvC;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;IACnB,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAElC,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}
@@ -1,9 +0,0 @@
1
- import { vi } from "vitest";
2
- // Mock console methods to avoid noise in tests
3
- global.console = {
4
- ...console,
5
- error: vi.fn(),
6
- warn: vi.fn(),
7
- log: vi.fn(),
8
- };
9
- //# sourceMappingURL=setup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"setup.js","sourceRoot":"","sources":["../../../src/test/setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,+CAA+C;AAC/C,MAAM,CAAC,OAAO,GAAG;IACf,GAAG,OAAO;IACV,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE;IACd,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE;IACb,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;CACb,CAAC"}
@@ -1,28 +0,0 @@
1
- import { type MockInstance } from "vitest";
2
- import { McpServer } from "../server/server.js";
3
- /**
4
- * Creates a real McpServer instance for testing
5
- */
6
- export declare function createMockMcpServer(): {
7
- server: McpServer;
8
- mockResource: MockInstance<McpServer["resource"]>;
9
- mockRegisterTool: MockInstance<McpServer["registerTool"]>;
10
- };
11
- /**
12
- * Mock extra parameter for resource callback
13
- */
14
- export declare function createMockExtra(host: string): {
15
- requestInfo: {
16
- headers: {
17
- host: string;
18
- };
19
- };
20
- };
21
- /**
22
- * Sets up environment variables for testing
23
- */
24
- export declare function setTestEnv(env: Record<string, string>): void;
25
- /**
26
- * Resets environment variables
27
- */
28
- export declare function resetTestEnv(): void;
@@ -1,43 +0,0 @@
1
- import { vi } from "vitest";
2
- import { McpServer, McpServer as McpServerBase } from "../server/server.js";
3
- /**
4
- * Creates a real McpServer instance for testing
5
- */
6
- export function createMockMcpServer() {
7
- // Create a real McpServer instance
8
- const server = new McpServer({
9
- name: "alpic-openai-app",
10
- version: "0.0.1",
11
- }, { capabilities: {} });
12
- // Mock the underlying methods to track calls
13
- const mockResource = vi.spyOn(server, "resource");
14
- const mockRegisterTool = vi.spyOn(server, "registerTool");
15
- return {
16
- server,
17
- mockResource,
18
- mockRegisterTool,
19
- };
20
- }
21
- /**
22
- * Mock extra parameter for resource callback
23
- */
24
- export function createMockExtra(host) {
25
- return {
26
- requestInfo: {
27
- headers: { host },
28
- },
29
- };
30
- }
31
- /**
32
- * Sets up environment variables for testing
33
- */
34
- export function setTestEnv(env) {
35
- Object.assign(process.env, env);
36
- }
37
- /**
38
- * Resets environment variables
39
- */
40
- export function resetTestEnv() {
41
- delete process.env.NODE_ENV;
42
- }
43
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/test/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAqB,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE5E;;GAEG;AACH,MAAM,UAAU,mBAAmB;IAKjC,mCAAmC;IACnC,MAAM,MAAM,GAAG,IAAI,SAAS,CAC1B;QACE,IAAI,EAAE,kBAAkB;QACxB,OAAO,EAAE,OAAO;KACjB,EACD,EAAE,YAAY,EAAE,EAAE,EAAE,CACrB,CAAC;IAEF,6CAA6C;IAC7C,MAAM,YAAY,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAClD,MAAM,gBAAgB,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAE1D,OAAO;QACL,MAAM;QACN,YAAY;QACZ,gBAAgB;KACjB,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,IAAY;IAC1C,OAAO;QACL,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,IAAI,EAAE;SAClB;KACF,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,GAA2B;IACpD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAClC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,YAAY;IAC1B,OAAO,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC9B,CAAC"}