@frontmcp/ui 0.5.1 → 0.6.1

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 (805) hide show
  1. package/README.md +140 -362
  2. package/bridge/adapters/base-adapter.d.ts +104 -0
  3. package/bridge/adapters/base-adapter.d.ts.map +1 -0
  4. package/bridge/adapters/claude.adapter.d.ts +67 -0
  5. package/bridge/adapters/claude.adapter.d.ts.map +1 -0
  6. package/bridge/adapters/ext-apps.adapter.d.ts +143 -0
  7. package/bridge/adapters/ext-apps.adapter.d.ts.map +1 -0
  8. package/bridge/adapters/gemini.adapter.d.ts +64 -0
  9. package/bridge/adapters/gemini.adapter.d.ts.map +1 -0
  10. package/bridge/adapters/generic.adapter.d.ts +56 -0
  11. package/bridge/adapters/generic.adapter.d.ts.map +1 -0
  12. package/bridge/adapters/index.d.ts +26 -0
  13. package/bridge/adapters/index.d.ts.map +1 -0
  14. package/bridge/adapters/openai.adapter.d.ts +65 -0
  15. package/bridge/adapters/openai.adapter.d.ts.map +1 -0
  16. package/bridge/core/adapter-registry.d.ts +122 -0
  17. package/bridge/core/adapter-registry.d.ts.map +1 -0
  18. package/bridge/core/bridge-factory.d.ts +199 -0
  19. package/bridge/core/bridge-factory.d.ts.map +1 -0
  20. package/bridge/core/index.d.ts +10 -0
  21. package/bridge/core/index.d.ts.map +1 -0
  22. package/bridge/index.d.ts +62 -0
  23. package/bridge/index.d.ts.map +1 -0
  24. package/bridge/index.js +2540 -0
  25. package/bridge/runtime/iife-generator.d.ts +62 -0
  26. package/bridge/runtime/iife-generator.d.ts.map +1 -0
  27. package/bridge/runtime/index.d.ts +10 -0
  28. package/bridge/runtime/index.d.ts.map +1 -0
  29. package/bridge/types.d.ts +386 -0
  30. package/bridge/types.d.ts.map +1 -0
  31. package/bundler/bundler.d.ts +208 -0
  32. package/bundler/bundler.d.ts.map +1 -0
  33. package/bundler/cache.d.ts +173 -0
  34. package/bundler/cache.d.ts.map +1 -0
  35. package/bundler/file-cache/component-builder.d.ts +167 -0
  36. package/bundler/file-cache/component-builder.d.ts.map +1 -0
  37. package/bundler/file-cache/hash-calculator.d.ts +155 -0
  38. package/bundler/file-cache/hash-calculator.d.ts.map +1 -0
  39. package/bundler/file-cache/index.d.ts +12 -0
  40. package/bundler/file-cache/index.d.ts.map +1 -0
  41. package/bundler/file-cache/storage/filesystem.d.ts +149 -0
  42. package/bundler/file-cache/storage/filesystem.d.ts.map +1 -0
  43. package/bundler/file-cache/storage/index.d.ts +11 -0
  44. package/bundler/file-cache/storage/index.d.ts.map +1 -0
  45. package/bundler/file-cache/storage/interface.d.ts +152 -0
  46. package/bundler/file-cache/storage/interface.d.ts.map +1 -0
  47. package/bundler/file-cache/storage/redis.d.ts +139 -0
  48. package/bundler/file-cache/storage/redis.d.ts.map +1 -0
  49. package/bundler/index.d.ts +43 -0
  50. package/bundler/index.d.ts.map +1 -0
  51. package/bundler/index.js +3707 -0
  52. package/bundler/sandbox/enclave-adapter.d.ts +121 -0
  53. package/bundler/sandbox/enclave-adapter.d.ts.map +1 -0
  54. package/bundler/sandbox/executor.d.ts +14 -0
  55. package/bundler/sandbox/executor.d.ts.map +1 -0
  56. package/bundler/sandbox/policy.d.ts +62 -0
  57. package/bundler/sandbox/policy.d.ts.map +1 -0
  58. package/bundler/types.d.ts +702 -0
  59. package/bundler/types.d.ts.map +1 -0
  60. package/components/alert.d.ts +66 -0
  61. package/components/alert.d.ts.map +1 -0
  62. package/components/alert.schema.d.ts +98 -0
  63. package/components/alert.schema.d.ts.map +1 -0
  64. package/components/avatar.d.ts +77 -0
  65. package/components/avatar.d.ts.map +1 -0
  66. package/components/avatar.schema.d.ts +170 -0
  67. package/components/avatar.schema.d.ts.map +1 -0
  68. package/components/badge.d.ts +64 -0
  69. package/components/badge.d.ts.map +1 -0
  70. package/components/badge.schema.d.ts +91 -0
  71. package/components/badge.schema.d.ts.map +1 -0
  72. package/components/button.d.ts +100 -0
  73. package/components/button.d.ts.map +1 -0
  74. package/components/button.schema.d.ts +120 -0
  75. package/components/button.schema.d.ts.map +1 -0
  76. package/components/card.d.ts +53 -0
  77. package/components/card.d.ts.map +1 -0
  78. package/components/card.schema.d.ts +93 -0
  79. package/components/card.schema.d.ts.map +1 -0
  80. package/components/form.d.ts +212 -0
  81. package/components/form.d.ts.map +1 -0
  82. package/components/form.schema.d.ts +365 -0
  83. package/components/form.schema.d.ts.map +1 -0
  84. package/components/index.d.ts +29 -0
  85. package/components/index.d.ts.map +1 -0
  86. package/components/index.js +2525 -0
  87. package/components/list.d.ts +121 -0
  88. package/components/list.d.ts.map +1 -0
  89. package/components/list.schema.d.ts +129 -0
  90. package/components/list.schema.d.ts.map +1 -0
  91. package/components/modal.d.ts +100 -0
  92. package/components/modal.d.ts.map +1 -0
  93. package/components/modal.schema.d.ts +151 -0
  94. package/components/modal.schema.d.ts.map +1 -0
  95. package/components/table.d.ts +91 -0
  96. package/components/table.d.ts.map +1 -0
  97. package/components/table.schema.d.ts +123 -0
  98. package/components/table.schema.d.ts.map +1 -0
  99. package/esm/bridge/adapters/base-adapter.d.ts +104 -0
  100. package/esm/bridge/adapters/base-adapter.d.ts.map +1 -0
  101. package/esm/bridge/adapters/claude.adapter.d.ts +67 -0
  102. package/esm/bridge/adapters/claude.adapter.d.ts.map +1 -0
  103. package/esm/bridge/adapters/ext-apps.adapter.d.ts +143 -0
  104. package/esm/bridge/adapters/ext-apps.adapter.d.ts.map +1 -0
  105. package/esm/bridge/adapters/gemini.adapter.d.ts +64 -0
  106. package/esm/bridge/adapters/gemini.adapter.d.ts.map +1 -0
  107. package/esm/bridge/adapters/generic.adapter.d.ts +56 -0
  108. package/esm/bridge/adapters/generic.adapter.d.ts.map +1 -0
  109. package/esm/bridge/adapters/index.d.ts +26 -0
  110. package/esm/bridge/adapters/index.d.ts.map +1 -0
  111. package/esm/bridge/adapters/openai.adapter.d.ts +65 -0
  112. package/esm/bridge/adapters/openai.adapter.d.ts.map +1 -0
  113. package/esm/bridge/core/adapter-registry.d.ts +122 -0
  114. package/esm/bridge/core/adapter-registry.d.ts.map +1 -0
  115. package/esm/bridge/core/bridge-factory.d.ts +199 -0
  116. package/esm/bridge/core/bridge-factory.d.ts.map +1 -0
  117. package/esm/bridge/core/index.d.ts +10 -0
  118. package/esm/bridge/core/index.d.ts.map +1 -0
  119. package/esm/bridge/index.d.ts +62 -0
  120. package/esm/bridge/index.d.ts.map +1 -0
  121. package/esm/bridge/index.js +2487 -0
  122. package/esm/bridge/runtime/iife-generator.d.ts +62 -0
  123. package/esm/bridge/runtime/iife-generator.d.ts.map +1 -0
  124. package/esm/bridge/runtime/index.d.ts +10 -0
  125. package/esm/bridge/runtime/index.d.ts.map +1 -0
  126. package/esm/bridge/types.d.ts +386 -0
  127. package/esm/bridge/types.d.ts.map +1 -0
  128. package/esm/bundler/bundler.d.ts +208 -0
  129. package/esm/bundler/bundler.d.ts.map +1 -0
  130. package/esm/bundler/cache.d.ts +173 -0
  131. package/esm/bundler/cache.d.ts.map +1 -0
  132. package/esm/bundler/file-cache/component-builder.d.ts +167 -0
  133. package/esm/bundler/file-cache/component-builder.d.ts.map +1 -0
  134. package/esm/bundler/file-cache/hash-calculator.d.ts +155 -0
  135. package/esm/bundler/file-cache/hash-calculator.d.ts.map +1 -0
  136. package/esm/bundler/file-cache/index.d.ts +12 -0
  137. package/esm/bundler/file-cache/index.d.ts.map +1 -0
  138. package/esm/bundler/file-cache/storage/filesystem.d.ts +149 -0
  139. package/esm/bundler/file-cache/storage/filesystem.d.ts.map +1 -0
  140. package/esm/bundler/file-cache/storage/index.d.ts +11 -0
  141. package/esm/bundler/file-cache/storage/index.d.ts.map +1 -0
  142. package/esm/bundler/file-cache/storage/interface.d.ts +152 -0
  143. package/esm/bundler/file-cache/storage/interface.d.ts.map +1 -0
  144. package/esm/bundler/file-cache/storage/redis.d.ts +139 -0
  145. package/esm/bundler/file-cache/storage/redis.d.ts.map +1 -0
  146. package/esm/bundler/index.d.ts +43 -0
  147. package/esm/bundler/index.d.ts.map +1 -0
  148. package/esm/bundler/index.js +3640 -0
  149. package/esm/bundler/sandbox/enclave-adapter.d.ts +121 -0
  150. package/esm/bundler/sandbox/enclave-adapter.d.ts.map +1 -0
  151. package/esm/bundler/sandbox/executor.d.ts +14 -0
  152. package/esm/bundler/sandbox/executor.d.ts.map +1 -0
  153. package/esm/bundler/sandbox/policy.d.ts +62 -0
  154. package/esm/bundler/sandbox/policy.d.ts.map +1 -0
  155. package/esm/bundler/types.d.ts +702 -0
  156. package/esm/bundler/types.d.ts.map +1 -0
  157. package/esm/components/alert.d.ts +66 -0
  158. package/esm/components/alert.d.ts.map +1 -0
  159. package/esm/components/alert.schema.d.ts +98 -0
  160. package/esm/components/alert.schema.d.ts.map +1 -0
  161. package/esm/components/avatar.d.ts +77 -0
  162. package/esm/components/avatar.d.ts.map +1 -0
  163. package/esm/components/avatar.schema.d.ts +170 -0
  164. package/esm/components/avatar.schema.d.ts.map +1 -0
  165. package/esm/components/badge.d.ts +64 -0
  166. package/esm/components/badge.d.ts.map +1 -0
  167. package/esm/components/badge.schema.d.ts +91 -0
  168. package/esm/components/badge.schema.d.ts.map +1 -0
  169. package/esm/components/button.d.ts +100 -0
  170. package/esm/components/button.d.ts.map +1 -0
  171. package/esm/components/button.schema.d.ts +120 -0
  172. package/esm/components/button.schema.d.ts.map +1 -0
  173. package/esm/components/card.d.ts +53 -0
  174. package/esm/components/card.d.ts.map +1 -0
  175. package/esm/components/card.schema.d.ts +93 -0
  176. package/esm/components/card.schema.d.ts.map +1 -0
  177. package/esm/components/form.d.ts +212 -0
  178. package/esm/components/form.d.ts.map +1 -0
  179. package/esm/components/form.schema.d.ts +365 -0
  180. package/esm/components/form.schema.d.ts.map +1 -0
  181. package/esm/components/index.d.ts +29 -0
  182. package/esm/components/index.d.ts.map +1 -0
  183. package/esm/components/index.js +2396 -0
  184. package/esm/components/list.d.ts +121 -0
  185. package/esm/components/list.d.ts.map +1 -0
  186. package/esm/components/list.schema.d.ts +129 -0
  187. package/esm/components/list.schema.d.ts.map +1 -0
  188. package/esm/components/modal.d.ts +100 -0
  189. package/esm/components/modal.d.ts.map +1 -0
  190. package/esm/components/modal.schema.d.ts +151 -0
  191. package/esm/components/modal.schema.d.ts.map +1 -0
  192. package/esm/components/table.d.ts +91 -0
  193. package/esm/components/table.d.ts.map +1 -0
  194. package/esm/components/table.schema.d.ts +123 -0
  195. package/esm/components/table.schema.d.ts.map +1 -0
  196. package/esm/index.d.ts +40 -0
  197. package/esm/index.d.ts.map +1 -0
  198. package/esm/index.js +8326 -0
  199. package/esm/layouts/base.d.ts +86 -0
  200. package/esm/layouts/base.d.ts.map +1 -0
  201. package/esm/layouts/index.d.ts +8 -0
  202. package/esm/layouts/index.d.ts.map +1 -0
  203. package/esm/layouts/index.js +409 -0
  204. package/esm/layouts/presets.d.ts +134 -0
  205. package/esm/layouts/presets.d.ts.map +1 -0
  206. package/esm/package.json +72 -0
  207. package/esm/pages/consent.d.ts +117 -0
  208. package/esm/pages/consent.d.ts.map +1 -0
  209. package/esm/pages/error.d.ts +101 -0
  210. package/esm/pages/error.d.ts.map +1 -0
  211. package/esm/pages/index.d.ts +9 -0
  212. package/esm/pages/index.d.ts.map +1 -0
  213. package/esm/pages/index.js +1036 -0
  214. package/esm/react/Alert.d.ts +101 -0
  215. package/esm/react/Alert.d.ts.map +1 -0
  216. package/esm/react/Badge.d.ts +100 -0
  217. package/esm/react/Badge.d.ts.map +1 -0
  218. package/esm/react/Button.d.ts +108 -0
  219. package/esm/react/Button.d.ts.map +1 -0
  220. package/esm/react/Card.d.ts +103 -0
  221. package/esm/react/Card.d.ts.map +1 -0
  222. package/esm/react/hooks/context.d.ts +179 -0
  223. package/esm/react/hooks/context.d.ts.map +1 -0
  224. package/esm/react/hooks/index.d.ts +42 -0
  225. package/esm/react/hooks/index.d.ts.map +1 -0
  226. package/esm/react/hooks/tools.d.ts +284 -0
  227. package/esm/react/hooks/tools.d.ts.map +1 -0
  228. package/esm/react/index.d.ts +80 -0
  229. package/esm/react/index.d.ts.map +1 -0
  230. package/esm/react/index.js +3124 -0
  231. package/esm/react/types.d.ts +105 -0
  232. package/esm/react/types.d.ts.map +1 -0
  233. package/esm/react/utils.d.ts +43 -0
  234. package/esm/react/utils.d.ts.map +1 -0
  235. package/esm/render/index.d.ts +8 -0
  236. package/esm/render/index.d.ts.map +1 -0
  237. package/esm/render/index.js +45 -0
  238. package/esm/render/prerender.d.ts +57 -0
  239. package/esm/render/prerender.d.ts.map +1 -0
  240. package/esm/renderers/index.d.ts +21 -0
  241. package/esm/renderers/index.d.ts.map +1 -0
  242. package/esm/renderers/index.js +381 -0
  243. package/esm/renderers/react.adapter.d.ts +70 -0
  244. package/esm/renderers/react.adapter.d.ts.map +1 -0
  245. package/esm/renderers/react.renderer.d.ts +96 -0
  246. package/esm/renderers/react.renderer.d.ts.map +1 -0
  247. package/esm/universal/UniversalApp.d.ts +108 -0
  248. package/esm/universal/UniversalApp.d.ts.map +1 -0
  249. package/esm/universal/cached-runtime.d.ts +115 -0
  250. package/esm/universal/cached-runtime.d.ts.map +1 -0
  251. package/esm/universal/context.d.ts +122 -0
  252. package/esm/universal/context.d.ts.map +1 -0
  253. package/esm/universal/index.d.ts +57 -0
  254. package/esm/universal/index.d.ts.map +1 -0
  255. package/esm/universal/index.js +1755 -0
  256. package/esm/universal/renderers/html.renderer.d.ts +37 -0
  257. package/esm/universal/renderers/html.renderer.d.ts.map +1 -0
  258. package/esm/universal/renderers/index.d.ts +112 -0
  259. package/esm/universal/renderers/index.d.ts.map +1 -0
  260. package/esm/universal/renderers/markdown.renderer.d.ts +33 -0
  261. package/esm/universal/renderers/markdown.renderer.d.ts.map +1 -0
  262. package/esm/universal/renderers/mdx.renderer.d.ts +38 -0
  263. package/esm/universal/renderers/mdx.renderer.d.ts.map +1 -0
  264. package/esm/universal/renderers/react.renderer.d.ts +46 -0
  265. package/esm/universal/renderers/react.renderer.d.ts.map +1 -0
  266. package/esm/universal/runtime-builder.d.ts +33 -0
  267. package/esm/universal/runtime-builder.d.ts.map +1 -0
  268. package/esm/universal/store.d.ts +135 -0
  269. package/esm/universal/store.d.ts.map +1 -0
  270. package/esm/universal/types.d.ts +199 -0
  271. package/esm/universal/types.d.ts.map +1 -0
  272. package/esm/web-components/core/attribute-parser.d.ts +82 -0
  273. package/esm/web-components/core/attribute-parser.d.ts.map +1 -0
  274. package/esm/web-components/core/base-element.d.ts +197 -0
  275. package/esm/web-components/core/base-element.d.ts.map +1 -0
  276. package/esm/web-components/core/index.d.ts +9 -0
  277. package/esm/web-components/core/index.d.ts.map +1 -0
  278. package/esm/web-components/elements/fmcp-alert.d.ts +46 -0
  279. package/esm/web-components/elements/fmcp-alert.d.ts.map +1 -0
  280. package/esm/web-components/elements/fmcp-badge.d.ts +47 -0
  281. package/esm/web-components/elements/fmcp-badge.d.ts.map +1 -0
  282. package/esm/web-components/elements/fmcp-button.d.ts +117 -0
  283. package/esm/web-components/elements/fmcp-button.d.ts.map +1 -0
  284. package/esm/web-components/elements/fmcp-card.d.ts +53 -0
  285. package/esm/web-components/elements/fmcp-card.d.ts.map +1 -0
  286. package/esm/web-components/elements/fmcp-input.d.ts +96 -0
  287. package/esm/web-components/elements/fmcp-input.d.ts.map +1 -0
  288. package/esm/web-components/elements/fmcp-select.d.ts +100 -0
  289. package/esm/web-components/elements/fmcp-select.d.ts.map +1 -0
  290. package/esm/web-components/elements/index.d.ts +13 -0
  291. package/esm/web-components/elements/index.d.ts.map +1 -0
  292. package/esm/web-components/index.d.ts +50 -0
  293. package/esm/web-components/index.d.ts.map +1 -0
  294. package/esm/web-components/index.js +1993 -0
  295. package/esm/web-components/register.d.ts +57 -0
  296. package/esm/web-components/register.d.ts.map +1 -0
  297. package/esm/web-components/types.d.ts +122 -0
  298. package/esm/web-components/types.d.ts.map +1 -0
  299. package/esm/widgets/index.d.ts +8 -0
  300. package/esm/widgets/index.d.ts.map +1 -0
  301. package/esm/widgets/index.js +883 -0
  302. package/esm/widgets/progress.d.ts +133 -0
  303. package/esm/widgets/progress.d.ts.map +1 -0
  304. package/esm/widgets/resource.d.ts +163 -0
  305. package/esm/widgets/resource.d.ts.map +1 -0
  306. package/index.d.ts +40 -0
  307. package/index.d.ts.map +1 -0
  308. package/index.js +8526 -0
  309. package/layouts/base.d.ts +86 -0
  310. package/layouts/base.d.ts.map +1 -0
  311. package/layouts/index.d.ts +8 -0
  312. package/layouts/index.d.ts.map +1 -0
  313. package/layouts/index.js +437 -0
  314. package/layouts/presets.d.ts +134 -0
  315. package/layouts/presets.d.ts.map +1 -0
  316. package/package.json +33 -110
  317. package/pages/consent.d.ts +117 -0
  318. package/pages/consent.d.ts.map +1 -0
  319. package/pages/error.d.ts +101 -0
  320. package/pages/error.d.ts.map +1 -0
  321. package/pages/index.d.ts +9 -0
  322. package/pages/index.d.ts.map +1 -0
  323. package/pages/index.js +1065 -0
  324. package/react/Alert.d.ts +101 -0
  325. package/react/Alert.d.ts.map +1 -0
  326. package/react/Badge.d.ts +100 -0
  327. package/react/Badge.d.ts.map +1 -0
  328. package/react/Button.d.ts +108 -0
  329. package/react/Button.d.ts.map +1 -0
  330. package/react/Card.d.ts +103 -0
  331. package/react/Card.d.ts.map +1 -0
  332. package/react/hooks/context.d.ts +179 -0
  333. package/react/hooks/context.d.ts.map +1 -0
  334. package/react/hooks/index.d.ts +42 -0
  335. package/react/hooks/index.d.ts.map +1 -0
  336. package/react/hooks/tools.d.ts +284 -0
  337. package/react/hooks/tools.d.ts.map +1 -0
  338. package/react/index.d.ts +80 -0
  339. package/react/index.d.ts.map +1 -0
  340. package/react/index.js +3160 -0
  341. package/react/types.d.ts +105 -0
  342. package/react/types.d.ts.map +1 -0
  343. package/react/utils.d.ts +43 -0
  344. package/react/utils.d.ts.map +1 -0
  345. package/render/index.d.ts +8 -0
  346. package/render/index.d.ts.map +1 -0
  347. package/render/index.js +77 -0
  348. package/render/prerender.d.ts +57 -0
  349. package/render/prerender.d.ts.map +1 -0
  350. package/renderers/index.d.ts +21 -0
  351. package/renderers/index.d.ts.map +1 -0
  352. package/renderers/index.js +416 -0
  353. package/renderers/react.adapter.d.ts +70 -0
  354. package/renderers/react.adapter.d.ts.map +1 -0
  355. package/renderers/react.renderer.d.ts +96 -0
  356. package/renderers/react.renderer.d.ts.map +1 -0
  357. package/universal/UniversalApp.d.ts +108 -0
  358. package/universal/UniversalApp.d.ts.map +1 -0
  359. package/universal/cached-runtime.d.ts +115 -0
  360. package/universal/cached-runtime.d.ts.map +1 -0
  361. package/universal/context.d.ts +122 -0
  362. package/universal/context.d.ts.map +1 -0
  363. package/universal/index.d.ts +57 -0
  364. package/universal/index.d.ts.map +1 -0
  365. package/universal/index.js +1841 -0
  366. package/universal/renderers/html.renderer.d.ts +37 -0
  367. package/universal/renderers/html.renderer.d.ts.map +1 -0
  368. package/universal/renderers/index.d.ts +112 -0
  369. package/universal/renderers/index.d.ts.map +1 -0
  370. package/universal/renderers/markdown.renderer.d.ts +33 -0
  371. package/universal/renderers/markdown.renderer.d.ts.map +1 -0
  372. package/universal/renderers/mdx.renderer.d.ts +38 -0
  373. package/universal/renderers/mdx.renderer.d.ts.map +1 -0
  374. package/universal/renderers/react.renderer.d.ts +46 -0
  375. package/universal/renderers/react.renderer.d.ts.map +1 -0
  376. package/universal/runtime-builder.d.ts +33 -0
  377. package/universal/runtime-builder.d.ts.map +1 -0
  378. package/universal/store.d.ts +135 -0
  379. package/universal/store.d.ts.map +1 -0
  380. package/universal/types.d.ts +199 -0
  381. package/universal/types.d.ts.map +1 -0
  382. package/web-components/core/attribute-parser.d.ts +82 -0
  383. package/web-components/core/attribute-parser.d.ts.map +1 -0
  384. package/web-components/core/base-element.d.ts +197 -0
  385. package/web-components/core/base-element.d.ts.map +1 -0
  386. package/web-components/core/index.d.ts +9 -0
  387. package/web-components/core/index.d.ts.map +1 -0
  388. package/web-components/elements/fmcp-alert.d.ts +46 -0
  389. package/web-components/elements/fmcp-alert.d.ts.map +1 -0
  390. package/web-components/elements/fmcp-badge.d.ts +47 -0
  391. package/web-components/elements/fmcp-badge.d.ts.map +1 -0
  392. package/web-components/elements/fmcp-button.d.ts +117 -0
  393. package/web-components/elements/fmcp-button.d.ts.map +1 -0
  394. package/web-components/elements/fmcp-card.d.ts +53 -0
  395. package/web-components/elements/fmcp-card.d.ts.map +1 -0
  396. package/web-components/elements/fmcp-input.d.ts +96 -0
  397. package/web-components/elements/fmcp-input.d.ts.map +1 -0
  398. package/web-components/elements/fmcp-select.d.ts +100 -0
  399. package/web-components/elements/fmcp-select.d.ts.map +1 -0
  400. package/web-components/elements/index.d.ts +13 -0
  401. package/web-components/elements/index.d.ts.map +1 -0
  402. package/web-components/index.d.ts +50 -0
  403. package/web-components/index.d.ts.map +1 -0
  404. package/web-components/index.js +2028 -0
  405. package/web-components/register.d.ts +57 -0
  406. package/web-components/register.d.ts.map +1 -0
  407. package/web-components/types.d.ts +122 -0
  408. package/web-components/types.d.ts.map +1 -0
  409. package/widgets/index.d.ts +8 -0
  410. package/widgets/index.d.ts.map +1 -0
  411. package/widgets/index.js +910 -0
  412. package/widgets/progress.d.ts +133 -0
  413. package/widgets/progress.d.ts.map +1 -0
  414. package/widgets/resource.d.ts +163 -0
  415. package/widgets/resource.d.ts.map +1 -0
  416. package/src/adapters/index.d.ts +0 -10
  417. package/src/adapters/index.js +0 -18
  418. package/src/adapters/index.js.map +0 -1
  419. package/src/adapters/platform-meta.d.ts +0 -165
  420. package/src/adapters/platform-meta.js +0 -310
  421. package/src/adapters/platform-meta.js.map +0 -1
  422. package/src/base-template/bridge.d.ts +0 -89
  423. package/src/base-template/bridge.js +0 -452
  424. package/src/base-template/bridge.js.map +0 -1
  425. package/src/base-template/default-base-template.d.ts +0 -91
  426. package/src/base-template/default-base-template.js +0 -435
  427. package/src/base-template/default-base-template.js.map +0 -1
  428. package/src/base-template/index.d.ts +0 -14
  429. package/src/base-template/index.js +0 -30
  430. package/src/base-template/index.js.map +0 -1
  431. package/src/base-template/polyfills.d.ts +0 -30
  432. package/src/base-template/polyfills.js +0 -190
  433. package/src/base-template/polyfills.js.map +0 -1
  434. package/src/base-template/theme-styles.d.ts +0 -73
  435. package/src/base-template/theme-styles.js +0 -95
  436. package/src/base-template/theme-styles.js.map +0 -1
  437. package/src/bridge/adapters/base-adapter.d.ts +0 -103
  438. package/src/bridge/adapters/base-adapter.js +0 -314
  439. package/src/bridge/adapters/base-adapter.js.map +0 -1
  440. package/src/bridge/adapters/claude.adapter.d.ts +0 -66
  441. package/src/bridge/adapters/claude.adapter.js +0 -145
  442. package/src/bridge/adapters/claude.adapter.js.map +0 -1
  443. package/src/bridge/adapters/ext-apps.adapter.d.ts +0 -142
  444. package/src/bridge/adapters/ext-apps.adapter.js +0 -416
  445. package/src/bridge/adapters/ext-apps.adapter.js.map +0 -1
  446. package/src/bridge/adapters/gemini.adapter.d.ts +0 -63
  447. package/src/bridge/adapters/gemini.adapter.js +0 -160
  448. package/src/bridge/adapters/gemini.adapter.js.map +0 -1
  449. package/src/bridge/adapters/generic.adapter.d.ts +0 -55
  450. package/src/bridge/adapters/generic.adapter.js +0 -108
  451. package/src/bridge/adapters/generic.adapter.js.map +0 -1
  452. package/src/bridge/adapters/index.d.ts +0 -25
  453. package/src/bridge/adapters/index.js +0 -65
  454. package/src/bridge/adapters/index.js.map +0 -1
  455. package/src/bridge/adapters/openai.adapter.d.ts +0 -64
  456. package/src/bridge/adapters/openai.adapter.js +0 -194
  457. package/src/bridge/adapters/openai.adapter.js.map +0 -1
  458. package/src/bridge/core/adapter-registry.d.ts +0 -121
  459. package/src/bridge/core/adapter-registry.js +0 -271
  460. package/src/bridge/core/adapter-registry.js.map +0 -1
  461. package/src/bridge/core/bridge-factory.d.ts +0 -198
  462. package/src/bridge/core/bridge-factory.js +0 -428
  463. package/src/bridge/core/bridge-factory.js.map +0 -1
  464. package/src/bridge/core/index.d.ts +0 -9
  465. package/src/bridge/core/index.js +0 -22
  466. package/src/bridge/core/index.js.map +0 -1
  467. package/src/bridge/index.d.ts +0 -61
  468. package/src/bridge/index.js +0 -94
  469. package/src/bridge/index.js.map +0 -1
  470. package/src/bridge/runtime/iife-generator.d.ts +0 -61
  471. package/src/bridge/runtime/iife-generator.js +0 -940
  472. package/src/bridge/runtime/iife-generator.js.map +0 -1
  473. package/src/bridge/runtime/index.d.ts +0 -8
  474. package/src/bridge/runtime/index.js +0 -16
  475. package/src/bridge/runtime/index.js.map +0 -1
  476. package/src/bridge/types.d.ts +0 -385
  477. package/src/bridge/types.js +0 -11
  478. package/src/bridge/types.js.map +0 -1
  479. package/src/build/cdn-resources.d.ts +0 -140
  480. package/src/build/cdn-resources.js +0 -314
  481. package/src/build/cdn-resources.js.map +0 -1
  482. package/src/build/index.d.ts +0 -294
  483. package/src/build/index.js +0 -325
  484. package/src/build/index.js.map +0 -1
  485. package/src/build/widget-manifest.d.ts +0 -212
  486. package/src/build/widget-manifest.js +0 -652
  487. package/src/build/widget-manifest.js.map +0 -1
  488. package/src/bundler/bundler.d.ts +0 -110
  489. package/src/bundler/bundler.js +0 -432
  490. package/src/bundler/bundler.js.map +0 -1
  491. package/src/bundler/cache.d.ts +0 -172
  492. package/src/bundler/cache.js +0 -250
  493. package/src/bundler/cache.js.map +0 -1
  494. package/src/bundler/index.d.ts +0 -41
  495. package/src/bundler/index.js +0 -73
  496. package/src/bundler/index.js.map +0 -1
  497. package/src/bundler/sandbox/enclave-adapter.d.ts +0 -120
  498. package/src/bundler/sandbox/enclave-adapter.js +0 -339
  499. package/src/bundler/sandbox/enclave-adapter.js.map +0 -1
  500. package/src/bundler/sandbox/executor.d.ts +0 -13
  501. package/src/bundler/sandbox/executor.js +0 -22
  502. package/src/bundler/sandbox/executor.js.map +0 -1
  503. package/src/bundler/sandbox/policy.d.ts +0 -61
  504. package/src/bundler/sandbox/policy.js +0 -238
  505. package/src/bundler/sandbox/policy.js.map +0 -1
  506. package/src/bundler/types.d.ts +0 -347
  507. package/src/bundler/types.js +0 -132
  508. package/src/bundler/types.js.map +0 -1
  509. package/src/components/alert.d.ts +0 -71
  510. package/src/components/alert.js +0 -189
  511. package/src/components/alert.js.map +0 -1
  512. package/src/components/alert.schema.d.ts +0 -114
  513. package/src/components/alert.schema.js +0 -105
  514. package/src/components/alert.schema.js.map +0 -1
  515. package/src/components/avatar.d.ts +0 -76
  516. package/src/components/avatar.js +0 -176
  517. package/src/components/avatar.js.map +0 -1
  518. package/src/components/avatar.schema.d.ts +0 -169
  519. package/src/components/avatar.schema.js +0 -103
  520. package/src/components/avatar.schema.js.map +0 -1
  521. package/src/components/badge.d.ts +0 -70
  522. package/src/components/badge.js +0 -149
  523. package/src/components/badge.js.map +0 -1
  524. package/src/components/badge.schema.d.ts +0 -109
  525. package/src/components/badge.schema.js +0 -96
  526. package/src/components/badge.schema.js.map +0 -1
  527. package/src/components/button.d.ts +0 -111
  528. package/src/components/button.js +0 -336
  529. package/src/components/button.js.map +0 -1
  530. package/src/components/button.schema.d.ts +0 -148
  531. package/src/components/button.schema.js +0 -121
  532. package/src/components/button.schema.js.map +0 -1
  533. package/src/components/card.d.ts +0 -60
  534. package/src/components/card.js +0 -117
  535. package/src/components/card.js.map +0 -1
  536. package/src/components/card.schema.d.ts +0 -113
  537. package/src/components/card.schema.js +0 -98
  538. package/src/components/card.schema.js.map +0 -1
  539. package/src/components/form.d.ts +0 -239
  540. package/src/components/form.js +0 -420
  541. package/src/components/form.js.map +0 -1
  542. package/src/components/form.schema.d.ts +0 -441
  543. package/src/components/form.schema.js +0 -406
  544. package/src/components/form.schema.js.map +0 -1
  545. package/src/components/index.d.ts +0 -29
  546. package/src/components/index.js +0 -98
  547. package/src/components/index.js.map +0 -1
  548. package/src/components/list.d.ts +0 -127
  549. package/src/components/list.js +0 -279
  550. package/src/components/list.js.map +0 -1
  551. package/src/components/list.schema.d.ts +0 -134
  552. package/src/components/list.schema.js +0 -168
  553. package/src/components/list.schema.js.map +0 -1
  554. package/src/components/modal.d.ts +0 -111
  555. package/src/components/modal.js +0 -260
  556. package/src/components/modal.js.map +0 -1
  557. package/src/components/modal.schema.d.ts +0 -186
  558. package/src/components/modal.schema.js +0 -167
  559. package/src/components/modal.schema.js.map +0 -1
  560. package/src/components/table.d.ts +0 -105
  561. package/src/components/table.js +0 -283
  562. package/src/components/table.js.map +0 -1
  563. package/src/components/table.schema.d.ts +0 -159
  564. package/src/components/table.schema.js +0 -173
  565. package/src/components/table.schema.js.map +0 -1
  566. package/src/handlebars/helpers.d.ts +0 -348
  567. package/src/handlebars/helpers.js +0 -605
  568. package/src/handlebars/helpers.js.map +0 -1
  569. package/src/handlebars/index.d.ts +0 -193
  570. package/src/handlebars/index.js +0 -350
  571. package/src/handlebars/index.js.map +0 -1
  572. package/src/index.d.ts +0 -50
  573. package/src/index.js +0 -192
  574. package/src/index.js.map +0 -1
  575. package/src/layouts/base.d.ts +0 -88
  576. package/src/layouts/base.js +0 -227
  577. package/src/layouts/base.js.map +0 -1
  578. package/src/layouts/index.d.ts +0 -7
  579. package/src/layouts/index.js +0 -25
  580. package/src/layouts/index.js.map +0 -1
  581. package/src/layouts/presets.d.ts +0 -133
  582. package/src/layouts/presets.js +0 -277
  583. package/src/layouts/presets.js.map +0 -1
  584. package/src/pages/consent.d.ts +0 -116
  585. package/src/pages/consent.js +0 -218
  586. package/src/pages/consent.js.map +0 -1
  587. package/src/pages/error.d.ts +0 -100
  588. package/src/pages/error.js +0 -263
  589. package/src/pages/error.js.map +0 -1
  590. package/src/pages/index.d.ts +0 -8
  591. package/src/pages/index.js +0 -27
  592. package/src/pages/index.js.map +0 -1
  593. package/src/react/Alert.d.ts +0 -101
  594. package/src/react/Alert.js +0 -51
  595. package/src/react/Alert.js.map +0 -1
  596. package/src/react/Badge.d.ts +0 -100
  597. package/src/react/Badge.js +0 -55
  598. package/src/react/Badge.js.map +0 -1
  599. package/src/react/Button.d.ts +0 -108
  600. package/src/react/Button.js +0 -52
  601. package/src/react/Button.js.map +0 -1
  602. package/src/react/Card.d.ts +0 -103
  603. package/src/react/Card.js +0 -55
  604. package/src/react/Card.js.map +0 -1
  605. package/src/react/hooks/context.d.ts +0 -178
  606. package/src/react/hooks/context.js +0 -287
  607. package/src/react/hooks/context.js.map +0 -1
  608. package/src/react/hooks/index.d.ts +0 -41
  609. package/src/react/hooks/index.js +0 -61
  610. package/src/react/hooks/index.js.map +0 -1
  611. package/src/react/hooks/tools.d.ts +0 -283
  612. package/src/react/hooks/tools.js +0 -465
  613. package/src/react/hooks/tools.js.map +0 -1
  614. package/src/react/index.d.ts +0 -80
  615. package/src/react/index.js +0 -113
  616. package/src/react/index.js.map +0 -1
  617. package/src/react/types.d.ts +0 -105
  618. package/src/react/types.js +0 -12
  619. package/src/react/types.js.map +0 -1
  620. package/src/react/utils.d.ts +0 -42
  621. package/src/react/utils.js +0 -99
  622. package/src/react/utils.js.map +0 -1
  623. package/src/registry/index.d.ts +0 -45
  624. package/src/registry/index.js +0 -67
  625. package/src/registry/index.js.map +0 -1
  626. package/src/registry/render-template.d.ts +0 -86
  627. package/src/registry/render-template.js +0 -239
  628. package/src/registry/render-template.js.map +0 -1
  629. package/src/registry/tool-ui.registry.d.ts +0 -260
  630. package/src/registry/tool-ui.registry.js +0 -438
  631. package/src/registry/tool-ui.registry.js.map +0 -1
  632. package/src/registry/uri-utils.d.ts +0 -55
  633. package/src/registry/uri-utils.js +0 -97
  634. package/src/registry/uri-utils.js.map +0 -1
  635. package/src/render/index.d.ts +0 -7
  636. package/src/render/index.js +0 -14
  637. package/src/render/index.js.map +0 -1
  638. package/src/render/prerender.d.ts +0 -56
  639. package/src/render/prerender.js +0 -98
  640. package/src/render/prerender.js.map +0 -1
  641. package/src/renderers/cache.d.ts +0 -144
  642. package/src/renderers/cache.js +0 -240
  643. package/src/renderers/cache.js.map +0 -1
  644. package/src/renderers/html.renderer.d.ts +0 -122
  645. package/src/renderers/html.renderer.js +0 -204
  646. package/src/renderers/html.renderer.js.map +0 -1
  647. package/src/renderers/index.d.ts +0 -35
  648. package/src/renderers/index.js +0 -70
  649. package/src/renderers/index.js.map +0 -1
  650. package/src/renderers/mdx.renderer.d.ts +0 -119
  651. package/src/renderers/mdx.renderer.js +0 -305
  652. package/src/renderers/mdx.renderer.js.map +0 -1
  653. package/src/renderers/react.renderer.d.ts +0 -95
  654. package/src/renderers/react.renderer.js +0 -260
  655. package/src/renderers/react.renderer.js.map +0 -1
  656. package/src/renderers/registry.d.ts +0 -133
  657. package/src/renderers/registry.js +0 -232
  658. package/src/renderers/registry.js.map +0 -1
  659. package/src/renderers/types.d.ts +0 -341
  660. package/src/renderers/types.js +0 -9
  661. package/src/renderers/types.js.map +0 -1
  662. package/src/renderers/utils/detect.d.ts +0 -106
  663. package/src/renderers/utils/detect.js +0 -267
  664. package/src/renderers/utils/detect.js.map +0 -1
  665. package/src/renderers/utils/hash.d.ts +0 -39
  666. package/src/renderers/utils/hash.js +0 -75
  667. package/src/renderers/utils/hash.js.map +0 -1
  668. package/src/renderers/utils/index.d.ts +0 -8
  669. package/src/renderers/utils/index.js +0 -28
  670. package/src/renderers/utils/index.js.map +0 -1
  671. package/src/renderers/utils/transpiler.d.ts +0 -88
  672. package/src/renderers/utils/transpiler.js +0 -215
  673. package/src/renderers/utils/transpiler.js.map +0 -1
  674. package/src/runtime/adapters/html.adapter.d.ts +0 -58
  675. package/src/runtime/adapters/html.adapter.js +0 -131
  676. package/src/runtime/adapters/html.adapter.js.map +0 -1
  677. package/src/runtime/adapters/index.d.ts +0 -25
  678. package/src/runtime/adapters/index.js +0 -54
  679. package/src/runtime/adapters/index.js.map +0 -1
  680. package/src/runtime/adapters/mdx.adapter.d.ts +0 -72
  681. package/src/runtime/adapters/mdx.adapter.js +0 -241
  682. package/src/runtime/adapters/mdx.adapter.js.map +0 -1
  683. package/src/runtime/adapters/react.adapter.d.ts +0 -69
  684. package/src/runtime/adapters/react.adapter.js +0 -245
  685. package/src/runtime/adapters/react.adapter.js.map +0 -1
  686. package/src/runtime/adapters/types.d.ts +0 -94
  687. package/src/runtime/adapters/types.js +0 -11
  688. package/src/runtime/adapters/types.js.map +0 -1
  689. package/src/runtime/csp.d.ts +0 -37
  690. package/src/runtime/csp.js +0 -140
  691. package/src/runtime/csp.js.map +0 -1
  692. package/src/runtime/index.d.ts +0 -16
  693. package/src/runtime/index.js +0 -72
  694. package/src/runtime/index.js.map +0 -1
  695. package/src/runtime/mcp-bridge.d.ts +0 -100
  696. package/src/runtime/mcp-bridge.js +0 -581
  697. package/src/runtime/mcp-bridge.js.map +0 -1
  698. package/src/runtime/renderer-runtime.d.ts +0 -132
  699. package/src/runtime/renderer-runtime.js +0 -389
  700. package/src/runtime/renderer-runtime.js.map +0 -1
  701. package/src/runtime/sanitizer.d.ts +0 -171
  702. package/src/runtime/sanitizer.js +0 -318
  703. package/src/runtime/sanitizer.js.map +0 -1
  704. package/src/runtime/types.d.ts +0 -414
  705. package/src/runtime/types.js +0 -12
  706. package/src/runtime/types.js.map +0 -1
  707. package/src/runtime/wrapper.d.ts +0 -375
  708. package/src/runtime/wrapper.js +0 -1793
  709. package/src/runtime/wrapper.js.map +0 -1
  710. package/src/styles/index.d.ts +0 -7
  711. package/src/styles/index.js +0 -11
  712. package/src/styles/index.js.map +0 -1
  713. package/src/styles/variants.d.ts +0 -50
  714. package/src/styles/variants.js +0 -175
  715. package/src/styles/variants.js.map +0 -1
  716. package/src/theme/cdn.d.ts +0 -194
  717. package/src/theme/cdn.js +0 -375
  718. package/src/theme/cdn.js.map +0 -1
  719. package/src/theme/index.d.ts +0 -17
  720. package/src/theme/index.js +0 -57
  721. package/src/theme/index.js.map +0 -1
  722. package/src/theme/platforms.d.ts +0 -106
  723. package/src/theme/platforms.js +0 -161
  724. package/src/theme/platforms.js.map +0 -1
  725. package/src/theme/presets/github-openai.d.ts +0 -49
  726. package/src/theme/presets/github-openai.js +0 -189
  727. package/src/theme/presets/github-openai.js.map +0 -1
  728. package/src/theme/presets/index.d.ts +0 -10
  729. package/src/theme/presets/index.js +0 -17
  730. package/src/theme/presets/index.js.map +0 -1
  731. package/src/theme/theme.d.ts +0 -395
  732. package/src/theme/theme.js +0 -332
  733. package/src/theme/theme.js.map +0 -1
  734. package/src/tool-template/builder.d.ts +0 -212
  735. package/src/tool-template/builder.js +0 -397
  736. package/src/tool-template/builder.js.map +0 -1
  737. package/src/tool-template/index.d.ts +0 -15
  738. package/src/tool-template/index.js +0 -38
  739. package/src/tool-template/index.js.map +0 -1
  740. package/src/types/index.d.ts +0 -13
  741. package/src/types/index.js +0 -26
  742. package/src/types/index.js.map +0 -1
  743. package/src/types/ui-config.d.ts +0 -357
  744. package/src/types/ui-config.js +0 -12
  745. package/src/types/ui-config.js.map +0 -1
  746. package/src/types/ui-runtime.d.ts +0 -965
  747. package/src/types/ui-runtime.js +0 -117
  748. package/src/types/ui-runtime.js.map +0 -1
  749. package/src/validation/error-box.d.ts +0 -55
  750. package/src/validation/error-box.js +0 -75
  751. package/src/validation/error-box.js.map +0 -1
  752. package/src/validation/index.d.ts +0 -12
  753. package/src/validation/index.js +0 -21
  754. package/src/validation/index.js.map +0 -1
  755. package/src/validation/wrapper.d.ts +0 -96
  756. package/src/validation/wrapper.js +0 -117
  757. package/src/validation/wrapper.js.map +0 -1
  758. package/src/web-components/core/attribute-parser.d.ts +0 -85
  759. package/src/web-components/core/attribute-parser.js +0 -189
  760. package/src/web-components/core/attribute-parser.js.map +0 -1
  761. package/src/web-components/core/base-element.d.ts +0 -197
  762. package/src/web-components/core/base-element.js +0 -289
  763. package/src/web-components/core/base-element.js.map +0 -1
  764. package/src/web-components/core/index.d.ts +0 -8
  765. package/src/web-components/core/index.js +0 -18
  766. package/src/web-components/core/index.js.map +0 -1
  767. package/src/web-components/elements/fmcp-alert.d.ts +0 -45
  768. package/src/web-components/elements/fmcp-alert.js +0 -93
  769. package/src/web-components/elements/fmcp-alert.js.map +0 -1
  770. package/src/web-components/elements/fmcp-badge.d.ts +0 -46
  771. package/src/web-components/elements/fmcp-badge.js +0 -99
  772. package/src/web-components/elements/fmcp-badge.js.map +0 -1
  773. package/src/web-components/elements/fmcp-button.d.ts +0 -124
  774. package/src/web-components/elements/fmcp-button.js +0 -233
  775. package/src/web-components/elements/fmcp-button.js.map +0 -1
  776. package/src/web-components/elements/fmcp-card.d.ts +0 -52
  777. package/src/web-components/elements/fmcp-card.js +0 -115
  778. package/src/web-components/elements/fmcp-card.js.map +0 -1
  779. package/src/web-components/elements/fmcp-input.d.ts +0 -95
  780. package/src/web-components/elements/fmcp-input.js +0 -248
  781. package/src/web-components/elements/fmcp-input.js.map +0 -1
  782. package/src/web-components/elements/fmcp-select.d.ts +0 -99
  783. package/src/web-components/elements/fmcp-select.js +0 -243
  784. package/src/web-components/elements/fmcp-select.js.map +0 -1
  785. package/src/web-components/elements/index.d.ts +0 -12
  786. package/src/web-components/elements/index.js +0 -34
  787. package/src/web-components/elements/index.js.map +0 -1
  788. package/src/web-components/index.d.ts +0 -49
  789. package/src/web-components/index.js +0 -75
  790. package/src/web-components/index.js.map +0 -1
  791. package/src/web-components/register.d.ts +0 -56
  792. package/src/web-components/register.js +0 -80
  793. package/src/web-components/register.js.map +0 -1
  794. package/src/web-components/types.d.ts +0 -121
  795. package/src/web-components/types.js +0 -25
  796. package/src/web-components/types.js.map +0 -1
  797. package/src/widgets/index.d.ts +0 -7
  798. package/src/widgets/index.js +0 -24
  799. package/src/widgets/index.js.map +0 -1
  800. package/src/widgets/progress.d.ts +0 -132
  801. package/src/widgets/progress.js +0 -303
  802. package/src/widgets/progress.js.map +0 -1
  803. package/src/widgets/resource.d.ts +0 -162
  804. package/src/widgets/resource.js +0 -340
  805. package/src/widgets/resource.js.map +0 -1
package/src/base-template/default-base-template.js DELETED
@@ -1,435 +0,0 @@
1
- "use strict";
2
- /**
3
- * Default Base Template for Tool UI
4
- *
5
- * Provides a generic HTML wrapper for tool output widgets that:
6
- * 1. Includes theming (Tailwind CSS with @theme)
7
- * 2. Includes platform polyfills (callTool, detectMcpSession)
8
- * 3. Polls for toolOutput from window.openai or window.__frontmcp
9
- * 4. Renders content via window.__frontmcp.renderContent or default JSON renderer
10
- *
11
- * This template is platform-agnostic and works with:
12
- * - OpenAI Apps SDK (window.openai.toolOutput)
13
- * - Claude Artifacts
14
- * - Custom hosts using MCP protocol
15
- * - ngrok/iframe scenarios
16
- */
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- exports.createDefaultBaseTemplate = createDefaultBaseTemplate;
19
- exports.createMinimalBaseTemplate = createMinimalBaseTemplate;
20
- const theme_1 = require("../theme");
21
- const theme_styles_1 = require("./theme-styles");
22
- const polyfills_1 = require("./polyfills");
23
- const bridge_1 = require("./bridge");
24
- /**
25
- * Escape string for use in HTML attributes.
26
- */
27
- function escapeAttr(str) {
28
- return str
29
- .replace(/&/g, '&')
30
- .replace(/"/g, '"')
31
- .replace(/'/g, ''')
32
- .replace(/</g, '&lt;')
33
- .replace(/>/g, '&gt;');
34
- }
35
- /**
36
- * Create a default base template for tool UI widgets.
37
- *
38
- * This generates a complete HTML document that:
39
- * 1. Loads Tailwind CSS with theme configuration
40
- * 2. Injects platform polyfills (callTool, detectMcpSession, getToolOutput)
41
- * 3. Waits for toolOutput to be injected
42
- * 4. Renders content using window.__frontmcp.renderContent or default JSON renderer
43
- *
44
- * @param options - Base template configuration
45
- * @returns Complete HTML document string
46
- *
47
- * @example Basic usage
48
- * ```typescript
49
- * const html = createDefaultBaseTemplate({ toolName: 'get_weather' });
50
- * ```
51
- *
52
- * @example With custom theme and MCP session
53
- * ```typescript
54
- * const html = createDefaultBaseTemplate({
55
- * toolName: 'get_weather',
56
- * theme: customTheme,
57
- * mcpSession: { mcpUrl: 'https://mcp.example.com', sessionId: 'abc123' },
58
- * });
59
- * ```
60
- *
61
- * @example For Claude Artifacts (inline scripts)
62
- * ```typescript
63
- * await fetchAndCacheScriptsFromTheme(theme);
64
- * const html = createDefaultBaseTemplate({
65
- * toolName: 'get_weather',
66
- * inline: true,
67
- * });
68
- * ```
69
- */
70
- function createDefaultBaseTemplate(options) {
71
- const { toolName, theme = theme_1.DEFAULT_THEME, mcpSession, htmx = false, alpine = false, fonts = true, inline = false, headContent = '', bodyClass = 'bg-transparent font-sans antialiased', containerClass = 'p-4', } = options;
72
- // Build theme styles (fonts, scripts, @theme CSS)
73
- const themeStylesOptions = {
74
- theme,
75
- tailwind: true,
76
- htmx,
77
- alpine,
78
- fonts,
79
- inline,
80
- };
81
- const themeStyles = (0, theme_styles_1.renderThemeStyles)(themeStylesOptions);
82
- // Build MCP session polyfill (detectMcpSession, callTool, getToolOutput)
83
- const polyfills = (0, polyfills_1.renderMcpSessionPolyfill)(mcpSession);
84
- // Build reactive bridge (handles data injection and re-rendering)
85
- const bridge = (0, bridge_1.renderBridgeScript)();
86
- return `<!DOCTYPE html>
87
- <html lang="en">
88
- <head>
89
- <meta charset="utf-8">
90
- <meta name="viewport" content="width=device-width, initial-scale=1">
91
- <meta name="color-scheme" content="light dark">
92
- <title>${escapeAttr(toolName)} Widget</title>
93
- ${themeStyles}
94
- ${polyfills}
95
- ${bridge}
96
- ${headContent}
97
- </head>
98
- <body class="${escapeAttr(bodyClass)}">
99
- <div id="widget-root" class="${escapeAttr(containerClass)}"></div>
100
-
101
- <script>
102
- (function() {
103
- 'use strict';
104
-
105
- var root = document.getElementById('widget-root');
106
-
107
- /**
108
- * Render the widget based on bridge state.
109
- * Uses the reactive bridge to automatically re-render when data changes.
110
- */
111
- function render() {
112
- var state = window.__frontmcp.bridge.getState();
113
-
114
- // Loading state
115
- if (state.loading) {
116
- root.innerHTML = renderLoading();
117
- return;
118
- }
119
-
120
- // Error state
121
- if (state.error) {
122
- root.innerHTML = renderError(state.error);
123
- return;
124
- }
125
-
126
- // No data state
127
- if (state.data === null) {
128
- root.innerHTML = renderEmpty();
129
- return;
130
- }
131
-
132
- // Render data
133
- try {
134
- // Check for custom renderer provided by developer
135
- if (window.__frontmcp && typeof window.__frontmcp.renderContent === 'function') {
136
- root.innerHTML = window.__frontmcp.renderContent(state.data);
137
- return;
138
- }
139
-
140
- // Fall back to default renderer
141
- root.innerHTML = defaultRenderer(state.data);
142
- } catch (e) {
143
- console.error('[frontmcp] Error rendering widget:', e);
144
- root.innerHTML = renderError(e.message || 'Render error');
145
- }
146
- }
147
-
148
- /**
149
- * Default renderer for tool output.
150
- * Handles both pre-rendered HTML strings and raw JSON data.
151
- */
152
- function defaultRenderer(data) {
153
- // Check if data is pre-rendered HTML (server-side rendered widget)
154
- if (typeof data === 'string' && data.trim().startsWith('<')) {
155
- // Direct HTML injection - content was already rendered/sanitized server-side
156
- return data;
157
- }
158
-
159
- // Check for special wrapper with HTML content
160
- if (data && typeof data === 'object' && data.__html) {
161
- return data.__html;
162
- }
163
-
164
- // Fallback: JSON renderer for raw data
165
- var json = JSON.stringify(data, null, 2);
166
- return '<pre class="p-4 bg-surface rounded-md overflow-auto text-sm font-mono text-text-primary border border-border">' +
167
- escapeHtml(json) +
168
- '</pre>';
169
- }
170
-
171
- /**
172
- * Render loading state with animated spinner.
173
- */
174
- function renderLoading() {
175
- return '<div class="flex items-center justify-center p-8">' +
176
- '<div class="flex flex-col items-center gap-3">' +
177
- '<svg class="animate-spin h-8 w-8 text-blue-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">' +
178
- '<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>' +
179
- '<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>' +
180
- '</svg>' +
181
- '<p class="text-text-secondary text-sm">Loading...</p>' +
182
- '</div>' +
183
- '</div>';
184
- }
185
-
186
- /**
187
- * Render error message.
188
- */
189
- function renderError(message) {
190
- return '<div class="p-4 bg-red-50 border border-red-200 rounded-md">' +
191
- '<p class="text-red-600 text-sm">Error: ' + escapeHtml(message) + '</p>' +
192
- '</div>';
193
- }
194
-
195
- /**
196
- * Render empty state (no data available).
197
- */
198
- function renderEmpty() {
199
- return '<div class="p-4 text-text-secondary text-sm text-center">' +
200
- 'No data available' +
201
- '</div>';
202
- }
203
-
204
- /**
205
- * Escape HTML special characters.
206
- */
207
- function escapeHtml(str) {
208
- if (typeof str !== 'string') return str;
209
- return str
210
- .replace(/&/g, '&amp;')
211
- .replace(/</g, '&lt;')
212
- .replace(/>/g, '&gt;')
213
- .replace(/"/g, '&quot;');
214
- }
215
-
216
- /**
217
- * Create debug overlay panel.
218
- * Shows bridge state, logs, and OpenAI data status.
219
- */
220
- function createDebugOverlay() {
221
- var overlay = document.createElement('div');
222
- overlay.id = 'frontmcp-debug-overlay';
223
- overlay.style.cssText = 'position:fixed;bottom:10px;right:10px;width:400px;max-height:60vh;' +
224
- 'background:rgba(0,0,0,0.9);color:#0f0;font-family:monospace;font-size:11px;' +
225
- 'padding:10px;border-radius:4px;z-index:99999;overflow:auto;display:none;';
226
-
227
- var toggle = document.createElement('button');
228
- toggle.id = 'frontmcp-debug-toggle';
229
- toggle.textContent = 'Debug';
230
- toggle.style.cssText = 'position:fixed;bottom:10px;right:10px;padding:4px 8px;' +
231
- 'background:#333;color:#0f0;font-family:monospace;font-size:10px;border:1px solid #0f0;' +
232
- 'border-radius:4px;z-index:100000;cursor:pointer;';
233
-
234
- toggle.onclick = function() {
235
- var o = document.getElementById('frontmcp-debug-overlay');
236
- if (o.style.display === 'none') {
237
- o.style.display = 'block';
238
- toggle.style.right = '420px';
239
- updateDebugOverlay();
240
- } else {
241
- o.style.display = 'none';
242
- toggle.style.right = '10px';
243
- }
244
- };
245
-
246
- document.body.appendChild(overlay);
247
- document.body.appendChild(toggle);
248
-
249
- // Auto-update every second
250
- setInterval(updateDebugOverlay, 1000);
251
- }
252
-
253
- function updateDebugOverlay() {
254
- var overlay = document.getElementById('frontmcp-debug-overlay');
255
- if (!overlay || overlay.style.display === 'none') return;
256
-
257
- var state = window.__frontmcp.bridge.getState();
258
- var debug = window.__frontmcp.bridge.debug;
259
- var logs = debug.getLogs();
260
- var errors = debug.getLastErrors();
261
- var stateHistory = debug.getStateHistory();
262
-
263
- var html = '<div style="margin-bottom:10px;border-bottom:1px solid #333;padding-bottom:5px;">' +
264
- '<strong>FrontMCP Debug Panel</strong>' +
265
- '<span style="float:right;color:#666;">v' + stateHistory.version + '</span>' +
266
- '</div>';
267
-
268
- // Bridge State
269
- html += '<div style="margin-bottom:10px;">' +
270
- '<div style="color:#ff0;">Bridge State:</div>' +
271
- '<div>Loading: ' + state.loading + '</div>' +
272
- '<div>Has Data: ' + (state.data !== null) + '</div>' +
273
- '<div>Data Type: ' + (state.data === null ? 'null' : typeof state.data) + '</div>' +
274
- (typeof state.data === 'string' ? '<div>Data Length: ' + state.data.length + '</div>' : '') +
275
- '<div>Error: ' + (state.error || 'none') + '</div>' +
276
- '</div>';
277
-
278
- // OpenAI Status
279
- html += '<div style="margin-bottom:10px;">' +
280
- '<div style="color:#ff0;">OpenAI Status:</div>' +
281
- '<div>Intercepted: ' + stateHistory.openaiIntercepted + '</div>' +
282
- '<div>Poll Count: ' + stateHistory.pollCount + '</div>';
283
-
284
- if (window.openai) {
285
- html += '<div>window.openai: exists</div>' +
286
- '<div>toolOutput: ' + (window.openai.toolOutput !== undefined ? 'present' : 'undefined') + '</div>' +
287
- '<div>toolResponseMetadata: ' + (window.openai.toolResponseMetadata !== undefined ? 'present' : 'undefined') + '</div>';
288
- if (window.openai.toolResponseMetadata) {
289
- html += '<div>meta keys: ' + Object.keys(window.openai.toolResponseMetadata).join(', ') + '</div>';
290
- }
291
- } else {
292
- html += '<div>window.openai: undefined</div>';
293
- }
294
- html += '</div>';
295
-
296
- // Errors
297
- if (errors.length > 0) {
298
- html += '<div style="margin-bottom:10px;">' +
299
- '<div style="color:#f00;">Errors (' + errors.length + '):</div>';
300
- errors.slice(-5).forEach(function(e) {
301
- html += '<div style="color:#f88;font-size:10px;">[' + e.level + '] ' + escapeHtml(e.message) + '</div>';
302
- });
303
- html += '</div>';
304
- }
305
-
306
- // Recent Logs
307
- html += '<div>' +
308
- '<div style="color:#ff0;">Recent Logs (' + logs.length + '):</div>' +
309
- '<div style="max-height:150px;overflow:auto;">';
310
- logs.slice(-10).forEach(function(e) {
311
- var color = e.level === 'error' ? '#f00' : e.level === 'warn' ? '#ff0' : '#0f0';
312
- html += '<div style="color:' + color + ';font-size:10px;">' +
313
- '[' + e.ts.split('T')[1].split('.')[0] + '] ' + escapeHtml(e.message) +
314
- '</div>';
315
- });
316
- html += '</div></div>';
317
-
318
- // Actions
319
- html += '<div style="margin-top:10px;border-top:1px solid #333;padding-top:5px;">' +
320
- '<button onclick="console.log(window.__frontmcp.bridge.debug.dumpAll())" ' +
321
- 'style="font-size:10px;padding:2px 6px;margin-right:5px;">Dump to Console</button>' +
322
- '<button onclick="window.__frontmcp.bridge.reset()" ' +
323
- 'style="font-size:10px;padding:2px 6px;">Reset Bridge</button>' +
324
- '</div>';
325
-
326
- overlay.innerHTML = html;
327
- }
328
-
329
- /**
330
- * Initialize the widget with reactive rendering.
331
- */
332
- function init() {
333
- // Subscribe to bridge state changes for reactive re-rendering
334
- window.__frontmcp.bridge.subscribe(render);
335
-
336
- // Initial render
337
- render();
338
-
339
- // Global click handler for SSR-compatible tool calls
340
- // Handles buttons/elements with data-tool-call attribute
341
- document.addEventListener('click', function(e) {
342
- var target = e.target;
343
- // Walk up the DOM to find element with data-tool-call (handles clicks on child elements)
344
- while (target && target !== document.body) {
345
- if (target.hasAttribute && target.hasAttribute('data-tool-call')) {
346
- var toolName = target.getAttribute('data-tool-call');
347
- var argsStr = target.getAttribute('data-tool-args');
348
- var args = {};
349
-
350
- if (argsStr) {
351
- try {
352
- args = JSON.parse(argsStr);
353
- } catch (parseErr) {
354
- console.error('[frontmcp] Failed to parse data-tool-args:', parseErr);
355
- }
356
- }
357
-
358
- // Prevent default behavior and stop propagation
359
- e.preventDefault();
360
- e.stopPropagation();
361
-
362
- // Show loading state on the button
363
- var originalContent = target.innerHTML;
364
- var loadingContent = '<span style="display:inline-flex;align-items:center;">' +
365
- '<span style="animation:spin 1s linear infinite;margin-right:4px;">⏳</span>' +
366
- 'Loading...' +
367
- '</span>';
368
- target.innerHTML = loadingContent;
369
- target.disabled = true;
370
-
371
- // Call the tool
372
- if (window.__frontmcp && typeof window.__frontmcp.callTool === 'function') {
373
- window.__frontmcp.callTool(toolName, args)
374
- .then(function(result) {
375
- console.log('[frontmcp] Tool call success:', toolName, result);
376
- // Restore button state on success
377
- target.innerHTML = originalContent;
378
- target.disabled = false;
379
- })
380
- .catch(function(err) {
381
- console.error('[frontmcp] Tool call failed:', toolName, err);
382
- // Restore button state on error
383
- target.innerHTML = originalContent;
384
- target.disabled = false;
385
- });
386
- } else {
387
- console.error('[frontmcp] callTool not available');
388
- target.innerHTML = originalContent;
389
- target.disabled = false;
390
- }
391
-
392
- return;
393
- }
394
- target = target.parentElement;
395
- }
396
- });
397
-
398
- // Create debug overlay if debug mode is enabled
399
- var DEBUG = window.location.search.indexOf('frontmcp_debug=1') > -1 ||
400
- window.localStorage.getItem('frontmcp_debug') === '1';
401
- if (DEBUG) {
402
- createDebugOverlay();
403
- }
404
- }
405
-
406
- // Initialize when DOM is ready
407
- if (document.readyState === 'loading') {
408
- document.addEventListener('DOMContentLoaded', init);
409
- } else {
410
- init();
411
- }
412
- })();
413
- </script>
414
- </body>
415
- </html>`;
416
- }
417
- /**
418
- * Create a minimal base template without fonts.
419
- *
420
- * Use this for lightweight widgets or when fonts are loaded elsewhere.
421
- *
422
- * @param toolName - Tool name for identification
423
- * @param mcpSession - Optional MCP session info
424
- * @returns Complete HTML document string
425
- */
426
- function createMinimalBaseTemplate(toolName, mcpSession) {
427
- return createDefaultBaseTemplate({
428
- toolName,
429
- mcpSession,
430
- fonts: false,
431
- htmx: false,
432
- alpine: false,
433
- });
434
- }
435
- //# sourceMappingURL=default-base-template.js.map
package/src/base-template/default-base-template.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"default-base-template.js","sourceRoot":"","sources":["../../../src/base-template/default-base-template.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;AAmFH,8DAyWC;AAWD,8DAQC;AA7cD,oCAA2D;AAC3D,iDAA4E;AAC5E,2CAAwE;AACxE,qCAA8C;AA+B9C;;GAEG;AACH,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG;SACP,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;SACvB,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC3B,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,SAAgB,yBAAyB,CAAC,OAA4B;IACpE,MAAM,EACJ,QAAQ,EACR,KAAK,GAAG,qBAAa,EACrB,UAAU,EACV,IAAI,GAAG,KAAK,EACZ,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,IAAI,EACZ,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,EAAE,EAChB,SAAS,GAAG,sCAAsC,EAClD,cAAc,GAAG,KAAK,GACvB,GAAG,OAAO,CAAC;IAEZ,kDAAkD;IAClD,MAAM,kBAAkB,GAAuB;QAC7C,KAAK;QACL,QAAQ,EAAE,IAAI;QACd,IAAI;QACJ,MAAM;QACN,KAAK;QACL,MAAM;KACP,CAAC;IACF,MAAM,WAAW,GAAG,IAAA,gCAAiB,EAAC,kBAAkB,CAAC,CAAC;IAE1D,yEAAyE;IACzE,MAAM,SAAS,GAAG,IAAA,oCAAwB,EAAC,UAAU,CAAC,CAAC;IAEvD,kEAAkE;IAClE,MAAM,MAAM,GAAG,IAAA,2BAAkB,GAAE,CAAC;IAEpC,OAAO;;;;;;WAME,UAAU,CAAC,QAAQ,CAAC;IAC3B,WAAW;IACX,SAAS;IACT,MAAM;IACN,WAAW;;eAEA,UAAU,CAAC,SAAS,CAAC;iCACH,UAAU,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA4TnD,CAAC;AACT,CAAC;AAED;;;;;;;;GAQG;AACH,SAAgB,yBAAyB,CAAC,QAAgB,EAAE,UAAuB;IACjF,OAAO,yBAAyB,CAAC;QAC/B,QAAQ;QACR,UAAU;QACV,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,KAAK;KACd,CAAC,CAAC;AACL,CAAC","sourcesContent":["/**\n * Default Base Template for Tool UI\n *\n * Provides a generic HTML wrapper for tool output widgets that:\n * 1. Includes theming (Tailwind CSS with @theme)\n * 2. Includes platform polyfills (callTool, detectMcpSession)\n * 3. Polls for toolOutput from window.openai or window.__frontmcp\n * 4. Renders content via window.__frontmcp.renderContent or default JSON renderer\n *\n * This template is platform-agnostic and works with:\n * - OpenAI Apps SDK (window.openai.toolOutput)\n * - Claude Artifacts\n * - Custom hosts using MCP protocol\n * - ngrok/iframe scenarios\n */\n\nimport { DEFAULT_THEME, type ThemeConfig } from '../theme';\nimport { renderThemeStyles, type ThemeStylesOptions } from './theme-styles';\nimport { renderMcpSessionPolyfill, type McpSession } from './polyfills';\nimport { renderBridgeScript } from './bridge';\n\n/**\n * Options for creating a default base template.\n */\nexport interface BaseTemplateOptions {\n /** Tool name for identification */\n toolName: string;\n /** Theme configuration */\n theme?: ThemeConfig;\n /** MCP session info for callTool polyfill fallback */\n mcpSession?: McpSession;\n /** Include HTMX (default: false) */\n htmx?: boolean;\n /** Include Alpine.js (default: false) */\n alpine?: boolean;\n /** Include fonts (default: true) */\n fonts?: boolean;\n /** Use inline scripts (for blocked network platforms) */\n inline?: boolean;\n /**\n * Additional head content (scripts, meta tags).\n * @warning This content is injected WITHOUT escaping. Only use with trusted content.\n */\n headContent?: string;\n /** Custom body classes */\n bodyClass?: string;\n /** Custom widget container classes */\n containerClass?: string;\n}\n\n/**\n * Escape string for use in HTML attributes.\n */\nfunction escapeAttr(str: string): string {\n return str\n .replace(/&/g, '&amp;')\n .replace(/\"/g, '&quot;')\n .replace(/'/g, '&#39;')\n .replace(/</g, '&lt;')\n .replace(/>/g, '&gt;');\n}\n\n/**\n * Create a default base template for tool UI widgets.\n *\n * This generates a complete HTML document that:\n * 1. Loads Tailwind CSS with theme configuration\n * 2. Injects platform polyfills (callTool, detectMcpSession, getToolOutput)\n * 3. Waits for toolOutput to be injected\n * 4. Renders content using window.__frontmcp.renderContent or default JSON renderer\n *\n * @param options - Base template configuration\n * @returns Complete HTML document string\n *\n * @example Basic usage\n * ```typescript\n * const html = createDefaultBaseTemplate({ toolName: 'get_weather' });\n * ```\n *\n * @example With custom theme and MCP session\n * ```typescript\n * const html = createDefaultBaseTemplate({\n * toolName: 'get_weather',\n * theme: customTheme,\n * mcpSession: { mcpUrl: 'https://mcp.example.com', sessionId: 'abc123' },\n * });\n * ```\n *\n * @example For Claude Artifacts (inline scripts)\n * ```typescript\n * await fetchAndCacheScriptsFromTheme(theme);\n * const html = createDefaultBaseTemplate({\n * toolName: 'get_weather',\n * inline: true,\n * });\n * ```\n */\nexport function createDefaultBaseTemplate(options: BaseTemplateOptions): string {\n const {\n toolName,\n theme = DEFAULT_THEME,\n mcpSession,\n htmx = false,\n alpine = false,\n fonts = true,\n inline = false,\n headContent = '',\n bodyClass = 'bg-transparent font-sans antialiased',\n containerClass = 'p-4',\n } = options;\n\n // Build theme styles (fonts, scripts, @theme CSS)\n const themeStylesOptions: ThemeStylesOptions = {\n theme,\n tailwind: true,\n htmx,\n alpine,\n fonts,\n inline,\n };\n const themeStyles = renderThemeStyles(themeStylesOptions);\n\n // Build MCP session polyfill (detectMcpSession, callTool, getToolOutput)\n const polyfills = renderMcpSessionPolyfill(mcpSession);\n\n // Build reactive bridge (handles data injection and re-rendering)\n const bridge = renderBridgeScript();\n\n return `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <meta name=\"color-scheme\" content=\"light dark\">\n <title>${escapeAttr(toolName)} Widget</title>\n ${themeStyles}\n ${polyfills}\n ${bridge}\n ${headContent}\n</head>\n<body class=\"${escapeAttr(bodyClass)}\">\n <div id=\"widget-root\" class=\"${escapeAttr(containerClass)}\"></div>\n\n <script>\n (function() {\n 'use strict';\n\n var root = document.getElementById('widget-root');\n\n /**\n * Render the widget based on bridge state.\n * Uses the reactive bridge to automatically re-render when data changes.\n */\n function render() {\n var state = window.__frontmcp.bridge.getState();\n\n // Loading state\n if (state.loading) {\n root.innerHTML = renderLoading();\n return;\n }\n\n // Error state\n if (state.error) {\n root.innerHTML = renderError(state.error);\n return;\n }\n\n // No data state\n if (state.data === null) {\n root.innerHTML = renderEmpty();\n return;\n }\n\n // Render data\n try {\n // Check for custom renderer provided by developer\n if (window.__frontmcp && typeof window.__frontmcp.renderContent === 'function') {\n root.innerHTML = window.__frontmcp.renderContent(state.data);\n return;\n }\n\n // Fall back to default renderer\n root.innerHTML = defaultRenderer(state.data);\n } catch (e) {\n console.error('[frontmcp] Error rendering widget:', e);\n root.innerHTML = renderError(e.message || 'Render error');\n }\n }\n\n /**\n * Default renderer for tool output.\n * Handles both pre-rendered HTML strings and raw JSON data.\n */\n function defaultRenderer(data) {\n // Check if data is pre-rendered HTML (server-side rendered widget)\n if (typeof data === 'string' && data.trim().startsWith('<')) {\n // Direct HTML injection - content was already rendered/sanitized server-side\n return data;\n }\n\n // Check for special wrapper with HTML content\n if (data && typeof data === 'object' && data.__html) {\n return data.__html;\n }\n\n // Fallback: JSON renderer for raw data\n var json = JSON.stringify(data, null, 2);\n return '<pre class=\"p-4 bg-surface rounded-md overflow-auto text-sm font-mono text-text-primary border border-border\">' +\n escapeHtml(json) +\n '</pre>';\n }\n\n /**\n * Render loading state with animated spinner.\n */\n function renderLoading() {\n return '<div class=\"flex items-center justify-center p-8\">' +\n '<div class=\"flex flex-col items-center gap-3\">' +\n '<svg class=\"animate-spin h-8 w-8 text-blue-500\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">' +\n '<circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>' +\n '<path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>' +\n '</svg>' +\n '<p class=\"text-text-secondary text-sm\">Loading...</p>' +\n '</div>' +\n '</div>';\n }\n\n /**\n * Render error message.\n */\n function renderError(message) {\n return '<div class=\"p-4 bg-red-50 border border-red-200 rounded-md\">' +\n '<p class=\"text-red-600 text-sm\">Error: ' + escapeHtml(message) + '</p>' +\n '</div>';\n }\n\n /**\n * Render empty state (no data available).\n */\n function renderEmpty() {\n return '<div class=\"p-4 text-text-secondary text-sm text-center\">' +\n 'No data available' +\n '</div>';\n }\n\n /**\n * Escape HTML special characters.\n */\n function escapeHtml(str) {\n if (typeof str !== 'string') return str;\n return str\n .replace(/&/g, '&amp;')\n .replace(/</g, '&lt;')\n .replace(/>/g, '&gt;')\n .replace(/\"/g, '&quot;');\n }\n\n /**\n * Create debug overlay panel.\n * Shows bridge state, logs, and OpenAI data status.\n */\n function createDebugOverlay() {\n var overlay = document.createElement('div');\n overlay.id = 'frontmcp-debug-overlay';\n overlay.style.cssText = 'position:fixed;bottom:10px;right:10px;width:400px;max-height:60vh;' +\n 'background:rgba(0,0,0,0.9);color:#0f0;font-family:monospace;font-size:11px;' +\n 'padding:10px;border-radius:4px;z-index:99999;overflow:auto;display:none;';\n\n var toggle = document.createElement('button');\n toggle.id = 'frontmcp-debug-toggle';\n toggle.textContent = 'Debug';\n toggle.style.cssText = 'position:fixed;bottom:10px;right:10px;padding:4px 8px;' +\n 'background:#333;color:#0f0;font-family:monospace;font-size:10px;border:1px solid #0f0;' +\n 'border-radius:4px;z-index:100000;cursor:pointer;';\n\n toggle.onclick = function() {\n var o = document.getElementById('frontmcp-debug-overlay');\n if (o.style.display === 'none') {\n o.style.display = 'block';\n toggle.style.right = '420px';\n updateDebugOverlay();\n } else {\n o.style.display = 'none';\n toggle.style.right = '10px';\n }\n };\n\n document.body.appendChild(overlay);\n document.body.appendChild(toggle);\n\n // Auto-update every second\n setInterval(updateDebugOverlay, 1000);\n }\n\n function updateDebugOverlay() {\n var overlay = document.getElementById('frontmcp-debug-overlay');\n if (!overlay || overlay.style.display === 'none') return;\n\n var state = window.__frontmcp.bridge.getState();\n var debug = window.__frontmcp.bridge.debug;\n var logs = debug.getLogs();\n var errors = debug.getLastErrors();\n var stateHistory = debug.getStateHistory();\n\n var html = '<div style=\"margin-bottom:10px;border-bottom:1px solid #333;padding-bottom:5px;\">' +\n '<strong>FrontMCP Debug Panel</strong>' +\n '<span style=\"float:right;color:#666;\">v' + stateHistory.version + '</span>' +\n '</div>';\n\n // Bridge State\n html += '<div style=\"margin-bottom:10px;\">' +\n '<div style=\"color:#ff0;\">Bridge State:</div>' +\n '<div>Loading: ' + state.loading + '</div>' +\n '<div>Has Data: ' + (state.data !== null) + '</div>' +\n '<div>Data Type: ' + (state.data === null ? 'null' : typeof state.data) + '</div>' +\n (typeof state.data === 'string' ? '<div>Data Length: ' + state.data.length + '</div>' : '') +\n '<div>Error: ' + (state.error || 'none') + '</div>' +\n '</div>';\n\n // OpenAI Status\n html += '<div style=\"margin-bottom:10px;\">' +\n '<div style=\"color:#ff0;\">OpenAI Status:</div>' +\n '<div>Intercepted: ' + stateHistory.openaiIntercepted + '</div>' +\n '<div>Poll Count: ' + stateHistory.pollCount + '</div>';\n\n if (window.openai) {\n html += '<div>window.openai: exists</div>' +\n '<div>toolOutput: ' + (window.openai.toolOutput !== undefined ? 'present' : 'undefined') + '</div>' +\n '<div>toolResponseMetadata: ' + (window.openai.toolResponseMetadata !== undefined ? 'present' : 'undefined') + '</div>';\n if (window.openai.toolResponseMetadata) {\n html += '<div>meta keys: ' + Object.keys(window.openai.toolResponseMetadata).join(', ') + '</div>';\n }\n } else {\n html += '<div>window.openai: undefined</div>';\n }\n html += '</div>';\n\n // Errors\n if (errors.length > 0) {\n html += '<div style=\"margin-bottom:10px;\">' +\n '<div style=\"color:#f00;\">Errors (' + errors.length + '):</div>';\n errors.slice(-5).forEach(function(e) {\n html += '<div style=\"color:#f88;font-size:10px;\">[' + e.level + '] ' + escapeHtml(e.message) + '</div>';\n });\n html += '</div>';\n }\n\n // Recent Logs\n html += '<div>' +\n '<div style=\"color:#ff0;\">Recent Logs (' + logs.length + '):</div>' +\n '<div style=\"max-height:150px;overflow:auto;\">';\n logs.slice(-10).forEach(function(e) {\n var color = e.level === 'error' ? '#f00' : e.level === 'warn' ? '#ff0' : '#0f0';\n html += '<div style=\"color:' + color + ';font-size:10px;\">' +\n '[' + e.ts.split('T')[1].split('.')[0] + '] ' + escapeHtml(e.message) +\n '</div>';\n });\n html += '</div></div>';\n\n // Actions\n html += '<div style=\"margin-top:10px;border-top:1px solid #333;padding-top:5px;\">' +\n '<button onclick=\"console.log(window.__frontmcp.bridge.debug.dumpAll())\" ' +\n 'style=\"font-size:10px;padding:2px 6px;margin-right:5px;\">Dump to Console</button>' +\n '<button onclick=\"window.__frontmcp.bridge.reset()\" ' +\n 'style=\"font-size:10px;padding:2px 6px;\">Reset Bridge</button>' +\n '</div>';\n\n overlay.innerHTML = html;\n }\n\n /**\n * Initialize the widget with reactive rendering.\n */\n function init() {\n // Subscribe to bridge state changes for reactive re-rendering\n window.__frontmcp.bridge.subscribe(render);\n\n // Initial render\n render();\n\n // Global click handler for SSR-compatible tool calls\n // Handles buttons/elements with data-tool-call attribute\n document.addEventListener('click', function(e) {\n var target = e.target;\n // Walk up the DOM to find element with data-tool-call (handles clicks on child elements)\n while (target && target !== document.body) {\n if (target.hasAttribute && target.hasAttribute('data-tool-call')) {\n var toolName = target.getAttribute('data-tool-call');\n var argsStr = target.getAttribute('data-tool-args');\n var args = {};\n\n if (argsStr) {\n try {\n args = JSON.parse(argsStr);\n } catch (parseErr) {\n console.error('[frontmcp] Failed to parse data-tool-args:', parseErr);\n }\n }\n\n // Prevent default behavior and stop propagation\n e.preventDefault();\n e.stopPropagation();\n\n // Show loading state on the button\n var originalContent = target.innerHTML;\n var loadingContent = '<span style=\"display:inline-flex;align-items:center;\">' +\n '<span style=\"animation:spin 1s linear infinite;margin-right:4px;\">⏳</span>' +\n 'Loading...' +\n '</span>';\n target.innerHTML = loadingContent;\n target.disabled = true;\n\n // Call the tool\n if (window.__frontmcp && typeof window.__frontmcp.callTool === 'function') {\n window.__frontmcp.callTool(toolName, args)\n .then(function(result) {\n console.log('[frontmcp] Tool call success:', toolName, result);\n // Restore button state on success\n target.innerHTML = originalContent;\n target.disabled = false;\n })\n .catch(function(err) {\n console.error('[frontmcp] Tool call failed:', toolName, err);\n // Restore button state on error\n target.innerHTML = originalContent;\n target.disabled = false;\n });\n } else {\n console.error('[frontmcp] callTool not available');\n target.innerHTML = originalContent;\n target.disabled = false;\n }\n\n return;\n }\n target = target.parentElement;\n }\n });\n\n // Create debug overlay if debug mode is enabled\n var DEBUG = window.location.search.indexOf('frontmcp_debug=1') > -1 ||\n window.localStorage.getItem('frontmcp_debug') === '1';\n if (DEBUG) {\n createDebugOverlay();\n }\n }\n\n // Initialize when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', init);\n } else {\n init();\n }\n })();\n </script>\n</body>\n</html>`;\n}\n\n/**\n * Create a minimal base template without fonts.\n *\n * Use this for lightweight widgets or when fonts are loaded elsewhere.\n *\n * @param toolName - Tool name for identification\n * @param mcpSession - Optional MCP session info\n * @returns Complete HTML document string\n */\nexport function createMinimalBaseTemplate(toolName: string, mcpSession?: McpSession): string {\n return createDefaultBaseTemplate({\n toolName,\n mcpSession,\n fonts: false,\n htmx: false,\n alpine: false,\n });\n}\n"]}
package/src/base-template/index.d.ts DELETED
@@ -1,14 +0,0 @@
1
- /**
2
- * Base Template Module
3
- *
4
- * Provides default HTML wrappers for Tool UI widgets with:
5
- * - Theming (Tailwind CSS + @theme)
6
- * - Platform polyfills (callTool, detectMcpSession, getToolOutput)
7
- * - Cross-platform compatibility (OpenAI, Claude, custom hosts)
8
- *
9
- * @module @frontmcp/ui/base-template
10
- */
11
- export { createDefaultBaseTemplate, createMinimalBaseTemplate, type BaseTemplateOptions, } from './default-base-template';
12
- export { renderThemeStyles, renderMinimalThemeStyles, renderThemeCssOnly, type ThemeStylesOptions, } from './theme-styles';
13
- export { renderMcpSessionPolyfill, type McpSession } from './polyfills';
14
- export { renderBridgeScript, type BridgeState, type PlatformBridge, BRIDGE_TYPES } from './bridge';
package/src/base-template/index.js DELETED
@@ -1,30 +0,0 @@
1
- "use strict";
2
- /**
3
- * Base Template Module
4
- *
5
- * Provides default HTML wrappers for Tool UI widgets with:
6
- * - Theming (Tailwind CSS + @theme)
7
- * - Platform polyfills (callTool, detectMcpSession, getToolOutput)
8
- * - Cross-platform compatibility (OpenAI, Claude, custom hosts)
9
- *
10
- * @module @frontmcp/ui/base-template
11
- */
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- exports.BRIDGE_TYPES = exports.renderBridgeScript = exports.renderMcpSessionPolyfill = exports.renderThemeCssOnly = exports.renderMinimalThemeStyles = exports.renderThemeStyles = exports.createMinimalBaseTemplate = exports.createDefaultBaseTemplate = void 0;
14
- // Default base template
15
- var default_base_template_1 = require("./default-base-template");
16
- Object.defineProperty(exports, "createDefaultBaseTemplate", { enumerable: true, get: function () { return default_base_template_1.createDefaultBaseTemplate; } });
17
- Object.defineProperty(exports, "createMinimalBaseTemplate", { enumerable: true, get: function () { return default_base_template_1.createMinimalBaseTemplate; } });
18
- // Theme styles renderer
19
- var theme_styles_1 = require("./theme-styles");
20
- Object.defineProperty(exports, "renderThemeStyles", { enumerable: true, get: function () { return theme_styles_1.renderThemeStyles; } });
21
- Object.defineProperty(exports, "renderMinimalThemeStyles", { enumerable: true, get: function () { return theme_styles_1.renderMinimalThemeStyles; } });
22
- Object.defineProperty(exports, "renderThemeCssOnly", { enumerable: true, get: function () { return theme_styles_1.renderThemeCssOnly; } });
23
- // Platform polyfills
24
- var polyfills_1 = require("./polyfills");
25
- Object.defineProperty(exports, "renderMcpSessionPolyfill", { enumerable: true, get: function () { return polyfills_1.renderMcpSessionPolyfill; } });
26
- // Platform bridge (reactive data store)
27
- var bridge_1 = require("./bridge");
28
- Object.defineProperty(exports, "renderBridgeScript", { enumerable: true, get: function () { return bridge_1.renderBridgeScript; } });
29
- Object.defineProperty(exports, "BRIDGE_TYPES", { enumerable: true, get: function () { return bridge_1.BRIDGE_TYPES; } });
30
- //# sourceMappingURL=index.js.map
package/src/base-template/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/base-template/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;;;AAEH,wBAAwB;AACxB,iEAIiC;AAH/B,kIAAA,yBAAyB,OAAA;AACzB,kIAAA,yBAAyB,OAAA;AAI3B,wBAAwB;AACxB,+CAKwB;AAJtB,iHAAA,iBAAiB,OAAA;AACjB,wHAAA,wBAAwB,OAAA;AACxB,kHAAA,kBAAkB,OAAA;AAIpB,qBAAqB;AACrB,yCAAwE;AAA/D,qHAAA,wBAAwB,OAAA;AAEjC,wCAAwC;AACxC,mCAAmG;AAA1F,4GAAA,kBAAkB,OAAA;AAAyC,sGAAA,YAAY,OAAA","sourcesContent":["/**\n * Base Template Module\n *\n * Provides default HTML wrappers for Tool UI widgets with:\n * - Theming (Tailwind CSS + @theme)\n * - Platform polyfills (callTool, detectMcpSession, getToolOutput)\n * - Cross-platform compatibility (OpenAI, Claude, custom hosts)\n *\n * @module @frontmcp/ui/base-template\n */\n\n// Default base template\nexport {\n createDefaultBaseTemplate,\n createMinimalBaseTemplate,\n type BaseTemplateOptions,\n} from './default-base-template';\n\n// Theme styles renderer\nexport {\n renderThemeStyles,\n renderMinimalThemeStyles,\n renderThemeCssOnly,\n type ThemeStylesOptions,\n} from './theme-styles';\n\n// Platform polyfills\nexport { renderMcpSessionPolyfill, type McpSession } from './polyfills';\n\n// Platform bridge (reactive data store)\nexport { renderBridgeScript, type BridgeState, type PlatformBridge, BRIDGE_TYPES } from './bridge';\n"]}
package/src/base-template/polyfills.d.ts DELETED
@@ -1,30 +0,0 @@
1
- /**
2
- * Platform Polyfills for Base Template
3
- *
4
- * Provides additional polyfills for MCP session detection and
5
- * direct HTTP fallback when not in an OpenAI or ext-apps environment.
6
- *
7
- * These polyfills complement the existing MCP_BRIDGE_RUNTIME.
8
- */
9
- /**
10
- * MCP Session information for HTTP fallback
11
- */
12
- export interface McpSession {
13
- /** MCP server URL */
14
- mcpUrl: string;
15
- /** Session ID for authentication */
16
- sessionId: string;
17
- }
18
- /**
19
- * Render the MCP session detection polyfill script.
20
- *
21
- * This provides auto-detection of MCP session info from:
22
- * 1. Explicit window.__frontmcp.mcpSession
23
- * 2. Meta tags (mcp-url, mcp-session-id)
24
- * 3. URL query parameters (mcpUrl, sessionId)
25
- * 4. Fallback values provided at render time
26
- *
27
- * @param mcpSession - Optional explicit session to bake into the template
28
- * @returns Script tag with polyfill code
29
- */
30
- export declare function renderMcpSessionPolyfill(mcpSession?: McpSession): string;