@frontmcp/ui 0.6.0 → 0.6.2

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 (650) hide show
  1. package/README.md +140 -362
  2. package/bridge/core/bridge-factory.d.ts +1 -0
  3. package/bridge/core/bridge-factory.d.ts.map +1 -1
  4. package/bridge/index.d.ts +1 -1
  5. package/bridge/index.d.ts.map +1 -1
  6. package/bridge/index.js +39 -881
  7. package/bridge/runtime/index.d.ts +2 -1
  8. package/bridge/runtime/index.d.ts.map +1 -1
  9. package/bundler/browser-components.d.ts +42 -0
  10. package/bundler/browser-components.d.ts.map +1 -0
  11. package/bundler/bundler.d.ts +78 -4
  12. package/bundler/bundler.d.ts.map +1 -1
  13. package/bundler/index.d.ts +8 -8
  14. package/bundler/index.d.ts.map +1 -1
  15. package/bundler/index.js +1411 -2997
  16. package/bundler/types.d.ts +188 -7
  17. package/bundler/types.d.ts.map +1 -1
  18. package/components/alert.schema.d.ts +6 -6
  19. package/components/avatar.schema.d.ts +9 -9
  20. package/components/badge.schema.d.ts +9 -9
  21. package/components/button.schema.d.ts +9 -9
  22. package/components/card.schema.d.ts +7 -7
  23. package/components/form.schema.d.ts +24 -24
  24. package/components/index.js +128 -198
  25. package/components/modal.schema.d.ts +8 -8
  26. package/components/table.schema.d.ts +6 -6
  27. package/esm/bridge/{index.js → index.mjs} +40 -877
  28. package/esm/bundler/index.mjs +3136 -0
  29. package/esm/components/{index.js → index.mjs} +136 -196
  30. package/esm/index.mjs +5450 -0
  31. package/esm/layouts/index.mjs +409 -0
  32. package/esm/package.json +15 -32
  33. package/esm/react/{index.js → index.mjs} +71 -260
  34. package/esm/renderers/index.mjs +611 -0
  35. package/esm/universal/index.mjs +1951 -0
  36. package/esm/web-components/{index.js → index.mjs} +232 -287
  37. package/index.d.ts +22 -41
  38. package/index.d.ts.map +1 -1
  39. package/index.js +4286 -19607
  40. package/layouts/base.d.ts +2 -2
  41. package/layouts/base.d.ts.map +1 -1
  42. package/layouts/index.js +46 -539
  43. package/layouts/presets.d.ts.map +1 -1
  44. package/package.json +15 -32
  45. package/react/Alert.d.ts +1 -2
  46. package/react/Alert.d.ts.map +1 -1
  47. package/react/Badge.d.ts +1 -2
  48. package/react/Badge.d.ts.map +1 -1
  49. package/react/Button.d.ts +1 -2
  50. package/react/Button.d.ts.map +1 -1
  51. package/react/Card.d.ts +1 -2
  52. package/react/Card.d.ts.map +1 -1
  53. package/react/hooks/context.d.ts +1 -1
  54. package/react/hooks/context.d.ts.map +1 -1
  55. package/react/index.d.ts +5 -7
  56. package/react/index.d.ts.map +1 -1
  57. package/react/index.js +55 -269
  58. package/react/types.d.ts +1 -2
  59. package/react/types.d.ts.map +1 -1
  60. package/renderers/index.d.ts +15 -25
  61. package/renderers/index.d.ts.map +1 -1
  62. package/renderers/index.js +393 -1619
  63. package/renderers/mdx.renderer.d.ts +13 -34
  64. package/renderers/mdx.renderer.d.ts.map +1 -1
  65. package/{esm/runtime/adapters → renderers}/react.adapter.d.ts +2 -2
  66. package/renderers/react.adapter.d.ts.map +1 -0
  67. package/renderers/react.renderer.d.ts +25 -16
  68. package/renderers/react.renderer.d.ts.map +1 -1
  69. package/renderers/transpiler.d.ts +49 -0
  70. package/renderers/transpiler.d.ts.map +1 -0
  71. package/universal/cached-runtime.d.ts +25 -1
  72. package/universal/cached-runtime.d.ts.map +1 -1
  73. package/universal/index.js +2037 -0
  74. package/universal/runtime-builder.d.ts.map +1 -1
  75. package/universal/types.d.ts.map +1 -1
  76. package/web-components/elements/fmcp-input.d.ts.map +1 -1
  77. package/web-components/elements/fmcp-select.d.ts.map +1 -1
  78. package/web-components/index.d.ts +0 -1
  79. package/web-components/index.d.ts.map +1 -1
  80. package/web-components/index.js +224 -289
  81. package/adapters/index.d.ts +0 -13
  82. package/adapters/index.d.ts.map +0 -1
  83. package/adapters/index.js +0 -462
  84. package/adapters/platform-meta.d.ts +0 -166
  85. package/adapters/platform-meta.d.ts.map +0 -1
  86. package/adapters/response-builder.d.ts +0 -108
  87. package/adapters/response-builder.d.ts.map +0 -1
  88. package/adapters/serving-mode.d.ts +0 -107
  89. package/adapters/serving-mode.d.ts.map +0 -1
  90. package/base-template/bridge.d.ts +0 -90
  91. package/base-template/bridge.d.ts.map +0 -1
  92. package/base-template/default-base-template.d.ts +0 -92
  93. package/base-template/default-base-template.d.ts.map +0 -1
  94. package/base-template/index.d.ts +0 -15
  95. package/base-template/index.d.ts.map +0 -1
  96. package/base-template/index.js +0 -1398
  97. package/base-template/polyfills.d.ts +0 -31
  98. package/base-template/polyfills.d.ts.map +0 -1
  99. package/base-template/theme-styles.d.ts +0 -74
  100. package/base-template/theme-styles.d.ts.map +0 -1
  101. package/build/cdn-resources.d.ts +0 -243
  102. package/build/cdn-resources.d.ts.map +0 -1
  103. package/build/index.d.ts +0 -295
  104. package/build/index.d.ts.map +0 -1
  105. package/build/index.js +0 -7096
  106. package/build/widget-manifest.d.ts +0 -362
  107. package/build/widget-manifest.d.ts.map +0 -1
  108. package/bundler/cache.d.ts +0 -173
  109. package/bundler/cache.d.ts.map +0 -1
  110. package/bundler/file-cache/component-builder.d.ts +0 -167
  111. package/bundler/file-cache/component-builder.d.ts.map +0 -1
  112. package/bundler/file-cache/hash-calculator.d.ts +0 -155
  113. package/bundler/file-cache/hash-calculator.d.ts.map +0 -1
  114. package/bundler/file-cache/index.d.ts +0 -12
  115. package/bundler/file-cache/index.d.ts.map +0 -1
  116. package/bundler/file-cache/storage/filesystem.d.ts +0 -149
  117. package/bundler/file-cache/storage/filesystem.d.ts.map +0 -1
  118. package/bundler/file-cache/storage/index.d.ts +0 -11
  119. package/bundler/file-cache/storage/index.d.ts.map +0 -1
  120. package/bundler/file-cache/storage/interface.d.ts +0 -152
  121. package/bundler/file-cache/storage/interface.d.ts.map +0 -1
  122. package/bundler/file-cache/storage/redis.d.ts +0 -139
  123. package/bundler/file-cache/storage/redis.d.ts.map +0 -1
  124. package/bundler/sandbox/enclave-adapter.d.ts +0 -121
  125. package/bundler/sandbox/enclave-adapter.d.ts.map +0 -1
  126. package/bundler/sandbox/executor.d.ts +0 -14
  127. package/bundler/sandbox/executor.d.ts.map +0 -1
  128. package/bundler/sandbox/policy.d.ts +0 -62
  129. package/bundler/sandbox/policy.d.ts.map +0 -1
  130. package/dependency/cdn-registry.d.ts +0 -98
  131. package/dependency/cdn-registry.d.ts.map +0 -1
  132. package/dependency/import-map.d.ts +0 -186
  133. package/dependency/import-map.d.ts.map +0 -1
  134. package/dependency/import-parser.d.ts +0 -82
  135. package/dependency/import-parser.d.ts.map +0 -1
  136. package/dependency/index.d.ts +0 -17
  137. package/dependency/index.d.ts.map +0 -1
  138. package/dependency/resolver.d.ts +0 -164
  139. package/dependency/resolver.d.ts.map +0 -1
  140. package/dependency/schemas.d.ts +0 -486
  141. package/dependency/schemas.d.ts.map +0 -1
  142. package/dependency/template-loader.d.ts +0 -204
  143. package/dependency/template-loader.d.ts.map +0 -1
  144. package/dependency/template-processor.d.ts +0 -118
  145. package/dependency/template-processor.d.ts.map +0 -1
  146. package/dependency/types.d.ts +0 -739
  147. package/dependency/types.d.ts.map +0 -1
  148. package/esm/adapters/index.d.ts +0 -13
  149. package/esm/adapters/index.d.ts.map +0 -1
  150. package/esm/adapters/index.js +0 -427
  151. package/esm/adapters/platform-meta.d.ts +0 -166
  152. package/esm/adapters/platform-meta.d.ts.map +0 -1
  153. package/esm/adapters/response-builder.d.ts +0 -108
  154. package/esm/adapters/response-builder.d.ts.map +0 -1
  155. package/esm/adapters/serving-mode.d.ts +0 -107
  156. package/esm/adapters/serving-mode.d.ts.map +0 -1
  157. package/esm/base-template/bridge.d.ts +0 -90
  158. package/esm/base-template/bridge.d.ts.map +0 -1
  159. package/esm/base-template/default-base-template.d.ts +0 -92
  160. package/esm/base-template/default-base-template.d.ts.map +0 -1
  161. package/esm/base-template/index.d.ts +0 -15
  162. package/esm/base-template/index.d.ts.map +0 -1
  163. package/esm/base-template/index.js +0 -1364
  164. package/esm/base-template/polyfills.d.ts +0 -31
  165. package/esm/base-template/polyfills.d.ts.map +0 -1
  166. package/esm/base-template/theme-styles.d.ts +0 -74
  167. package/esm/base-template/theme-styles.d.ts.map +0 -1
  168. package/esm/bridge/adapters/base-adapter.d.ts +0 -104
  169. package/esm/bridge/adapters/base-adapter.d.ts.map +0 -1
  170. package/esm/bridge/adapters/claude.adapter.d.ts +0 -67
  171. package/esm/bridge/adapters/claude.adapter.d.ts.map +0 -1
  172. package/esm/bridge/adapters/ext-apps.adapter.d.ts +0 -143
  173. package/esm/bridge/adapters/ext-apps.adapter.d.ts.map +0 -1
  174. package/esm/bridge/adapters/gemini.adapter.d.ts +0 -64
  175. package/esm/bridge/adapters/gemini.adapter.d.ts.map +0 -1
  176. package/esm/bridge/adapters/generic.adapter.d.ts +0 -56
  177. package/esm/bridge/adapters/generic.adapter.d.ts.map +0 -1
  178. package/esm/bridge/adapters/index.d.ts +0 -26
  179. package/esm/bridge/adapters/index.d.ts.map +0 -1
  180. package/esm/bridge/adapters/openai.adapter.d.ts +0 -65
  181. package/esm/bridge/adapters/openai.adapter.d.ts.map +0 -1
  182. package/esm/bridge/core/adapter-registry.d.ts +0 -122
  183. package/esm/bridge/core/adapter-registry.d.ts.map +0 -1
  184. package/esm/bridge/core/bridge-factory.d.ts +0 -199
  185. package/esm/bridge/core/bridge-factory.d.ts.map +0 -1
  186. package/esm/bridge/core/index.d.ts +0 -10
  187. package/esm/bridge/core/index.d.ts.map +0 -1
  188. package/esm/bridge/index.d.ts +0 -62
  189. package/esm/bridge/index.d.ts.map +0 -1
  190. package/esm/bridge/runtime/iife-generator.d.ts +0 -62
  191. package/esm/bridge/runtime/iife-generator.d.ts.map +0 -1
  192. package/esm/bridge/runtime/index.d.ts +0 -9
  193. package/esm/bridge/runtime/index.d.ts.map +0 -1
  194. package/esm/bridge/types.d.ts +0 -386
  195. package/esm/bridge/types.d.ts.map +0 -1
  196. package/esm/build/cdn-resources.d.ts +0 -243
  197. package/esm/build/cdn-resources.d.ts.map +0 -1
  198. package/esm/build/index.d.ts +0 -295
  199. package/esm/build/index.d.ts.map +0 -1
  200. package/esm/build/index.js +0 -7021
  201. package/esm/build/widget-manifest.d.ts +0 -362
  202. package/esm/build/widget-manifest.d.ts.map +0 -1
  203. package/esm/bundler/bundler.d.ts +0 -208
  204. package/esm/bundler/bundler.d.ts.map +0 -1
  205. package/esm/bundler/cache.d.ts +0 -173
  206. package/esm/bundler/cache.d.ts.map +0 -1
  207. package/esm/bundler/file-cache/component-builder.d.ts +0 -167
  208. package/esm/bundler/file-cache/component-builder.d.ts.map +0 -1
  209. package/esm/bundler/file-cache/hash-calculator.d.ts +0 -155
  210. package/esm/bundler/file-cache/hash-calculator.d.ts.map +0 -1
  211. package/esm/bundler/file-cache/index.d.ts +0 -12
  212. package/esm/bundler/file-cache/index.d.ts.map +0 -1
  213. package/esm/bundler/file-cache/storage/filesystem.d.ts +0 -149
  214. package/esm/bundler/file-cache/storage/filesystem.d.ts.map +0 -1
  215. package/esm/bundler/file-cache/storage/index.d.ts +0 -11
  216. package/esm/bundler/file-cache/storage/index.d.ts.map +0 -1
  217. package/esm/bundler/file-cache/storage/interface.d.ts +0 -152
  218. package/esm/bundler/file-cache/storage/interface.d.ts.map +0 -1
  219. package/esm/bundler/file-cache/storage/redis.d.ts +0 -139
  220. package/esm/bundler/file-cache/storage/redis.d.ts.map +0 -1
  221. package/esm/bundler/index.d.ts +0 -43
  222. package/esm/bundler/index.d.ts.map +0 -1
  223. package/esm/bundler/index.js +0 -4687
  224. package/esm/bundler/sandbox/enclave-adapter.d.ts +0 -121
  225. package/esm/bundler/sandbox/enclave-adapter.d.ts.map +0 -1
  226. package/esm/bundler/sandbox/executor.d.ts +0 -14
  227. package/esm/bundler/sandbox/executor.d.ts.map +0 -1
  228. package/esm/bundler/sandbox/policy.d.ts +0 -62
  229. package/esm/bundler/sandbox/policy.d.ts.map +0 -1
  230. package/esm/bundler/types.d.ts +0 -702
  231. package/esm/bundler/types.d.ts.map +0 -1
  232. package/esm/components/alert.d.ts +0 -66
  233. package/esm/components/alert.d.ts.map +0 -1
  234. package/esm/components/alert.schema.d.ts +0 -98
  235. package/esm/components/alert.schema.d.ts.map +0 -1
  236. package/esm/components/avatar.d.ts +0 -77
  237. package/esm/components/avatar.d.ts.map +0 -1
  238. package/esm/components/avatar.schema.d.ts +0 -170
  239. package/esm/components/avatar.schema.d.ts.map +0 -1
  240. package/esm/components/badge.d.ts +0 -64
  241. package/esm/components/badge.d.ts.map +0 -1
  242. package/esm/components/badge.schema.d.ts +0 -91
  243. package/esm/components/badge.schema.d.ts.map +0 -1
  244. package/esm/components/button.d.ts +0 -100
  245. package/esm/components/button.d.ts.map +0 -1
  246. package/esm/components/button.schema.d.ts +0 -120
  247. package/esm/components/button.schema.d.ts.map +0 -1
  248. package/esm/components/card.d.ts +0 -53
  249. package/esm/components/card.d.ts.map +0 -1
  250. package/esm/components/card.schema.d.ts +0 -93
  251. package/esm/components/card.schema.d.ts.map +0 -1
  252. package/esm/components/form.d.ts +0 -212
  253. package/esm/components/form.d.ts.map +0 -1
  254. package/esm/components/form.schema.d.ts +0 -365
  255. package/esm/components/form.schema.d.ts.map +0 -1
  256. package/esm/components/index.d.ts +0 -29
  257. package/esm/components/index.d.ts.map +0 -1
  258. package/esm/components/list.d.ts +0 -121
  259. package/esm/components/list.d.ts.map +0 -1
  260. package/esm/components/list.schema.d.ts +0 -129
  261. package/esm/components/list.schema.d.ts.map +0 -1
  262. package/esm/components/modal.d.ts +0 -100
  263. package/esm/components/modal.d.ts.map +0 -1
  264. package/esm/components/modal.schema.d.ts +0 -151
  265. package/esm/components/modal.schema.d.ts.map +0 -1
  266. package/esm/components/table.d.ts +0 -91
  267. package/esm/components/table.d.ts.map +0 -1
  268. package/esm/components/table.schema.d.ts +0 -123
  269. package/esm/components/table.schema.d.ts.map +0 -1
  270. package/esm/dependency/cdn-registry.d.ts +0 -98
  271. package/esm/dependency/cdn-registry.d.ts.map +0 -1
  272. package/esm/dependency/import-map.d.ts +0 -186
  273. package/esm/dependency/import-map.d.ts.map +0 -1
  274. package/esm/dependency/import-parser.d.ts +0 -82
  275. package/esm/dependency/import-parser.d.ts.map +0 -1
  276. package/esm/dependency/index.d.ts +0 -17
  277. package/esm/dependency/index.d.ts.map +0 -1
  278. package/esm/dependency/resolver.d.ts +0 -164
  279. package/esm/dependency/resolver.d.ts.map +0 -1
  280. package/esm/dependency/schemas.d.ts +0 -486
  281. package/esm/dependency/schemas.d.ts.map +0 -1
  282. package/esm/dependency/template-loader.d.ts +0 -204
  283. package/esm/dependency/template-loader.d.ts.map +0 -1
  284. package/esm/dependency/template-processor.d.ts +0 -118
  285. package/esm/dependency/template-processor.d.ts.map +0 -1
  286. package/esm/dependency/types.d.ts +0 -739
  287. package/esm/dependency/types.d.ts.map +0 -1
  288. package/esm/handlebars/expression-extractor.d.ts +0 -147
  289. package/esm/handlebars/expression-extractor.d.ts.map +0 -1
  290. package/esm/handlebars/helpers.d.ts +0 -339
  291. package/esm/handlebars/helpers.d.ts.map +0 -1
  292. package/esm/handlebars/index.d.ts +0 -195
  293. package/esm/handlebars/index.d.ts.map +0 -1
  294. package/esm/handlebars/index.js +0 -587
  295. package/esm/index.d.ts +0 -56
  296. package/esm/index.d.ts.map +0 -1
  297. package/esm/index.js +0 -20511
  298. package/esm/layouts/base.d.ts +0 -86
  299. package/esm/layouts/base.d.ts.map +0 -1
  300. package/esm/layouts/index.d.ts +0 -8
  301. package/esm/layouts/index.d.ts.map +0 -1
  302. package/esm/layouts/index.js +0 -892
  303. package/esm/layouts/presets.d.ts +0 -134
  304. package/esm/layouts/presets.d.ts.map +0 -1
  305. package/esm/pages/consent.d.ts +0 -117
  306. package/esm/pages/consent.d.ts.map +0 -1
  307. package/esm/pages/error.d.ts +0 -101
  308. package/esm/pages/error.d.ts.map +0 -1
  309. package/esm/pages/index.d.ts +0 -9
  310. package/esm/pages/index.d.ts.map +0 -1
  311. package/esm/pages/index.js +0 -1563
  312. package/esm/react/Alert.d.ts +0 -102
  313. package/esm/react/Alert.d.ts.map +0 -1
  314. package/esm/react/Badge.d.ts +0 -101
  315. package/esm/react/Badge.d.ts.map +0 -1
  316. package/esm/react/Button.d.ts +0 -109
  317. package/esm/react/Button.d.ts.map +0 -1
  318. package/esm/react/Card.d.ts +0 -104
  319. package/esm/react/Card.d.ts.map +0 -1
  320. package/esm/react/hooks/context.d.ts +0 -179
  321. package/esm/react/hooks/context.d.ts.map +0 -1
  322. package/esm/react/hooks/index.d.ts +0 -42
  323. package/esm/react/hooks/index.d.ts.map +0 -1
  324. package/esm/react/hooks/tools.d.ts +0 -284
  325. package/esm/react/hooks/tools.d.ts.map +0 -1
  326. package/esm/react/index.d.ts +0 -81
  327. package/esm/react/index.d.ts.map +0 -1
  328. package/esm/react/types.d.ts +0 -106
  329. package/esm/react/types.d.ts.map +0 -1
  330. package/esm/react/utils.d.ts +0 -43
  331. package/esm/react/utils.d.ts.map +0 -1
  332. package/esm/registry/index.d.ts +0 -46
  333. package/esm/registry/index.d.ts.map +0 -1
  334. package/esm/registry/index.js +0 -6422
  335. package/esm/registry/render-template.d.ts +0 -91
  336. package/esm/registry/render-template.d.ts.map +0 -1
  337. package/esm/registry/tool-ui.registry.d.ts +0 -294
  338. package/esm/registry/tool-ui.registry.d.ts.map +0 -1
  339. package/esm/registry/uri-utils.d.ts +0 -56
  340. package/esm/registry/uri-utils.d.ts.map +0 -1
  341. package/esm/render/index.d.ts +0 -8
  342. package/esm/render/index.d.ts.map +0 -1
  343. package/esm/render/prerender.d.ts +0 -57
  344. package/esm/render/prerender.d.ts.map +0 -1
  345. package/esm/renderers/cache.d.ts +0 -145
  346. package/esm/renderers/cache.d.ts.map +0 -1
  347. package/esm/renderers/html.renderer.d.ts +0 -123
  348. package/esm/renderers/html.renderer.d.ts.map +0 -1
  349. package/esm/renderers/index.d.ts +0 -36
  350. package/esm/renderers/index.d.ts.map +0 -1
  351. package/esm/renderers/index.js +0 -1827
  352. package/esm/renderers/mdx.renderer.d.ts +0 -120
  353. package/esm/renderers/mdx.renderer.d.ts.map +0 -1
  354. package/esm/renderers/react.renderer.d.ts +0 -96
  355. package/esm/renderers/react.renderer.d.ts.map +0 -1
  356. package/esm/renderers/registry.d.ts +0 -134
  357. package/esm/renderers/registry.d.ts.map +0 -1
  358. package/esm/renderers/types.d.ts +0 -342
  359. package/esm/renderers/types.d.ts.map +0 -1
  360. package/esm/renderers/utils/detect.d.ts +0 -107
  361. package/esm/renderers/utils/detect.d.ts.map +0 -1
  362. package/esm/renderers/utils/hash.d.ts +0 -40
  363. package/esm/renderers/utils/hash.d.ts.map +0 -1
  364. package/esm/renderers/utils/index.d.ts +0 -9
  365. package/esm/renderers/utils/index.d.ts.map +0 -1
  366. package/esm/renderers/utils/transpiler.d.ts +0 -89
  367. package/esm/renderers/utils/transpiler.d.ts.map +0 -1
  368. package/esm/runtime/adapters/html.adapter.d.ts +0 -59
  369. package/esm/runtime/adapters/html.adapter.d.ts.map +0 -1
  370. package/esm/runtime/adapters/index.d.ts +0 -26
  371. package/esm/runtime/adapters/index.d.ts.map +0 -1
  372. package/esm/runtime/adapters/mdx.adapter.d.ts +0 -73
  373. package/esm/runtime/adapters/mdx.adapter.d.ts.map +0 -1
  374. package/esm/runtime/adapters/react.adapter.d.ts.map +0 -1
  375. package/esm/runtime/adapters/types.d.ts +0 -95
  376. package/esm/runtime/adapters/types.d.ts.map +0 -1
  377. package/esm/runtime/csp.d.ts +0 -48
  378. package/esm/runtime/csp.d.ts.map +0 -1
  379. package/esm/runtime/index.d.ts +0 -17
  380. package/esm/runtime/index.d.ts.map +0 -1
  381. package/esm/runtime/index.js +0 -5186
  382. package/esm/runtime/mcp-bridge.d.ts +0 -101
  383. package/esm/runtime/mcp-bridge.d.ts.map +0 -1
  384. package/esm/runtime/renderer-runtime.d.ts +0 -133
  385. package/esm/runtime/renderer-runtime.d.ts.map +0 -1
  386. package/esm/runtime/sanitizer.d.ts +0 -172
  387. package/esm/runtime/sanitizer.d.ts.map +0 -1
  388. package/esm/runtime/types.d.ts +0 -415
  389. package/esm/runtime/types.d.ts.map +0 -1
  390. package/esm/runtime/wrapper.d.ts +0 -421
  391. package/esm/runtime/wrapper.d.ts.map +0 -1
  392. package/esm/styles/index.d.ts +0 -8
  393. package/esm/styles/index.d.ts.map +0 -1
  394. package/esm/styles/index.js +0 -171
  395. package/esm/styles/variants.d.ts +0 -51
  396. package/esm/styles/variants.d.ts.map +0 -1
  397. package/esm/theme/cdn.d.ts +0 -195
  398. package/esm/theme/cdn.d.ts.map +0 -1
  399. package/esm/theme/index.d.ts +0 -18
  400. package/esm/theme/index.d.ts.map +0 -1
  401. package/esm/theme/index.js +0 -700
  402. package/esm/theme/platforms.d.ts +0 -107
  403. package/esm/theme/platforms.d.ts.map +0 -1
  404. package/esm/theme/presets/github-openai.d.ts +0 -50
  405. package/esm/theme/presets/github-openai.d.ts.map +0 -1
  406. package/esm/theme/presets/index.d.ts +0 -11
  407. package/esm/theme/presets/index.d.ts.map +0 -1
  408. package/esm/theme/theme.d.ts +0 -396
  409. package/esm/theme/theme.d.ts.map +0 -1
  410. package/esm/tool-template/builder.d.ts +0 -213
  411. package/esm/tool-template/builder.d.ts.map +0 -1
  412. package/esm/tool-template/index.d.ts +0 -16
  413. package/esm/tool-template/index.d.ts.map +0 -1
  414. package/esm/tool-template/index.js +0 -3515
  415. package/esm/types/index.d.ts +0 -14
  416. package/esm/types/index.d.ts.map +0 -1
  417. package/esm/types/index.js +0 -75
  418. package/esm/types/ui-config.d.ts +0 -639
  419. package/esm/types/ui-config.d.ts.map +0 -1
  420. package/esm/types/ui-runtime.d.ts +0 -1007
  421. package/esm/types/ui-runtime.d.ts.map +0 -1
  422. package/esm/typings/cache/cache-adapter.d.ts +0 -125
  423. package/esm/typings/cache/cache-adapter.d.ts.map +0 -1
  424. package/esm/typings/cache/index.d.ts +0 -10
  425. package/esm/typings/cache/index.d.ts.map +0 -1
  426. package/esm/typings/cache/memory-cache.d.ts +0 -92
  427. package/esm/typings/cache/memory-cache.d.ts.map +0 -1
  428. package/esm/typings/dts-parser.d.ts +0 -90
  429. package/esm/typings/dts-parser.d.ts.map +0 -1
  430. package/esm/typings/index.d.ts +0 -48
  431. package/esm/typings/index.d.ts.map +0 -1
  432. package/esm/typings/schemas.d.ts +0 -232
  433. package/esm/typings/schemas.d.ts.map +0 -1
  434. package/esm/typings/type-fetcher.d.ts +0 -89
  435. package/esm/typings/type-fetcher.d.ts.map +0 -1
  436. package/esm/typings/types.d.ts +0 -320
  437. package/esm/typings/types.d.ts.map +0 -1
  438. package/esm/universal/UniversalApp.d.ts +0 -108
  439. package/esm/universal/UniversalApp.d.ts.map +0 -1
  440. package/esm/universal/cached-runtime.d.ts +0 -115
  441. package/esm/universal/cached-runtime.d.ts.map +0 -1
  442. package/esm/universal/context.d.ts +0 -122
  443. package/esm/universal/context.d.ts.map +0 -1
  444. package/esm/universal/index.d.ts +0 -57
  445. package/esm/universal/index.d.ts.map +0 -1
  446. package/esm/universal/renderers/html.renderer.d.ts +0 -37
  447. package/esm/universal/renderers/html.renderer.d.ts.map +0 -1
  448. package/esm/universal/renderers/index.d.ts +0 -112
  449. package/esm/universal/renderers/index.d.ts.map +0 -1
  450. package/esm/universal/renderers/markdown.renderer.d.ts +0 -33
  451. package/esm/universal/renderers/markdown.renderer.d.ts.map +0 -1
  452. package/esm/universal/renderers/mdx.renderer.d.ts +0 -38
  453. package/esm/universal/renderers/mdx.renderer.d.ts.map +0 -1
  454. package/esm/universal/renderers/react.renderer.d.ts +0 -46
  455. package/esm/universal/renderers/react.renderer.d.ts.map +0 -1
  456. package/esm/universal/runtime-builder.d.ts +0 -33
  457. package/esm/universal/runtime-builder.d.ts.map +0 -1
  458. package/esm/universal/store.d.ts +0 -135
  459. package/esm/universal/store.d.ts.map +0 -1
  460. package/esm/universal/types.d.ts +0 -199
  461. package/esm/universal/types.d.ts.map +0 -1
  462. package/esm/utils/escape-html.d.ts +0 -58
  463. package/esm/utils/escape-html.d.ts.map +0 -1
  464. package/esm/utils/index.d.ts +0 -10
  465. package/esm/utils/index.d.ts.map +0 -1
  466. package/esm/utils/index.js +0 -40
  467. package/esm/utils/safe-stringify.d.ts +0 -30
  468. package/esm/utils/safe-stringify.d.ts.map +0 -1
  469. package/esm/validation/error-box.d.ts +0 -56
  470. package/esm/validation/error-box.d.ts.map +0 -1
  471. package/esm/validation/index.d.ts +0 -13
  472. package/esm/validation/index.d.ts.map +0 -1
  473. package/esm/validation/index.js +0 -562
  474. package/esm/validation/schema-paths.d.ts +0 -118
  475. package/esm/validation/schema-paths.d.ts.map +0 -1
  476. package/esm/validation/template-validator.d.ts +0 -143
  477. package/esm/validation/template-validator.d.ts.map +0 -1
  478. package/esm/validation/wrapper.d.ts +0 -97
  479. package/esm/validation/wrapper.d.ts.map +0 -1
  480. package/esm/web-components/core/attribute-parser.d.ts +0 -82
  481. package/esm/web-components/core/attribute-parser.d.ts.map +0 -1
  482. package/esm/web-components/core/base-element.d.ts +0 -197
  483. package/esm/web-components/core/base-element.d.ts.map +0 -1
  484. package/esm/web-components/core/index.d.ts +0 -9
  485. package/esm/web-components/core/index.d.ts.map +0 -1
  486. package/esm/web-components/elements/fmcp-alert.d.ts +0 -46
  487. package/esm/web-components/elements/fmcp-alert.d.ts.map +0 -1
  488. package/esm/web-components/elements/fmcp-badge.d.ts +0 -47
  489. package/esm/web-components/elements/fmcp-badge.d.ts.map +0 -1
  490. package/esm/web-components/elements/fmcp-button.d.ts +0 -117
  491. package/esm/web-components/elements/fmcp-button.d.ts.map +0 -1
  492. package/esm/web-components/elements/fmcp-card.d.ts +0 -53
  493. package/esm/web-components/elements/fmcp-card.d.ts.map +0 -1
  494. package/esm/web-components/elements/fmcp-input.d.ts +0 -96
  495. package/esm/web-components/elements/fmcp-input.d.ts.map +0 -1
  496. package/esm/web-components/elements/fmcp-select.d.ts +0 -100
  497. package/esm/web-components/elements/fmcp-select.d.ts.map +0 -1
  498. package/esm/web-components/elements/index.d.ts +0 -13
  499. package/esm/web-components/elements/index.d.ts.map +0 -1
  500. package/esm/web-components/index.d.ts +0 -50
  501. package/esm/web-components/index.d.ts.map +0 -1
  502. package/esm/web-components/register.d.ts +0 -57
  503. package/esm/web-components/register.d.ts.map +0 -1
  504. package/esm/web-components/types.d.ts +0 -122
  505. package/esm/web-components/types.d.ts.map +0 -1
  506. package/esm/widgets/index.d.ts +0 -8
  507. package/esm/widgets/index.d.ts.map +0 -1
  508. package/esm/widgets/index.js +0 -941
  509. package/esm/widgets/progress.d.ts +0 -133
  510. package/esm/widgets/progress.d.ts.map +0 -1
  511. package/esm/widgets/resource.d.ts +0 -163
  512. package/esm/widgets/resource.d.ts.map +0 -1
  513. package/handlebars/expression-extractor.d.ts +0 -147
  514. package/handlebars/expression-extractor.d.ts.map +0 -1
  515. package/handlebars/helpers.d.ts +0 -339
  516. package/handlebars/helpers.d.ts.map +0 -1
  517. package/handlebars/index.d.ts +0 -195
  518. package/handlebars/index.d.ts.map +0 -1
  519. package/handlebars/index.js +0 -666
  520. package/pages/consent.d.ts +0 -117
  521. package/pages/consent.d.ts.map +0 -1
  522. package/pages/error.d.ts +0 -101
  523. package/pages/error.d.ts.map +0 -1
  524. package/pages/index.d.ts +0 -9
  525. package/pages/index.d.ts.map +0 -1
  526. package/pages/index.js +0 -1602
  527. package/react/utils.d.ts +0 -43
  528. package/react/utils.d.ts.map +0 -1
  529. package/registry/index.d.ts +0 -46
  530. package/registry/index.d.ts.map +0 -1
  531. package/registry/index.js +0 -6465
  532. package/registry/render-template.d.ts +0 -91
  533. package/registry/render-template.d.ts.map +0 -1
  534. package/registry/tool-ui.registry.d.ts +0 -294
  535. package/registry/tool-ui.registry.d.ts.map +0 -1
  536. package/registry/uri-utils.d.ts +0 -56
  537. package/registry/uri-utils.d.ts.map +0 -1
  538. package/renderers/cache.d.ts +0 -145
  539. package/renderers/cache.d.ts.map +0 -1
  540. package/renderers/html.renderer.d.ts +0 -123
  541. package/renderers/html.renderer.d.ts.map +0 -1
  542. package/renderers/registry.d.ts +0 -134
  543. package/renderers/registry.d.ts.map +0 -1
  544. package/renderers/types.d.ts +0 -342
  545. package/renderers/types.d.ts.map +0 -1
  546. package/renderers/utils/detect.d.ts +0 -107
  547. package/renderers/utils/detect.d.ts.map +0 -1
  548. package/renderers/utils/hash.d.ts +0 -40
  549. package/renderers/utils/hash.d.ts.map +0 -1
  550. package/renderers/utils/index.d.ts +0 -9
  551. package/renderers/utils/index.d.ts.map +0 -1
  552. package/renderers/utils/transpiler.d.ts +0 -89
  553. package/renderers/utils/transpiler.d.ts.map +0 -1
  554. package/runtime/adapters/html.adapter.d.ts +0 -59
  555. package/runtime/adapters/html.adapter.d.ts.map +0 -1
  556. package/runtime/adapters/index.d.ts +0 -26
  557. package/runtime/adapters/index.d.ts.map +0 -1
  558. package/runtime/adapters/mdx.adapter.d.ts +0 -73
  559. package/runtime/adapters/mdx.adapter.d.ts.map +0 -1
  560. package/runtime/adapters/react.adapter.d.ts +0 -70
  561. package/runtime/adapters/react.adapter.d.ts.map +0 -1
  562. package/runtime/adapters/types.d.ts +0 -95
  563. package/runtime/adapters/types.d.ts.map +0 -1
  564. package/runtime/csp.d.ts +0 -48
  565. package/runtime/csp.d.ts.map +0 -1
  566. package/runtime/index.d.ts +0 -17
  567. package/runtime/index.d.ts.map +0 -1
  568. package/runtime/index.js +0 -5264
  569. package/runtime/mcp-bridge.d.ts +0 -101
  570. package/runtime/mcp-bridge.d.ts.map +0 -1
  571. package/runtime/renderer-runtime.d.ts +0 -133
  572. package/runtime/renderer-runtime.d.ts.map +0 -1
  573. package/runtime/sanitizer.d.ts +0 -172
  574. package/runtime/sanitizer.d.ts.map +0 -1
  575. package/runtime/types.d.ts +0 -415
  576. package/runtime/types.d.ts.map +0 -1
  577. package/runtime/wrapper.d.ts +0 -421
  578. package/runtime/wrapper.d.ts.map +0 -1
  579. package/styles/index.d.ts +0 -8
  580. package/styles/index.d.ts.map +0 -1
  581. package/styles/index.js +0 -222
  582. package/styles/variants.d.ts +0 -51
  583. package/styles/variants.d.ts.map +0 -1
  584. package/theme/cdn.d.ts +0 -195
  585. package/theme/cdn.d.ts.map +0 -1
  586. package/theme/index.d.ts +0 -18
  587. package/theme/index.d.ts.map +0 -1
  588. package/theme/index.js +0 -757
  589. package/theme/platforms.d.ts +0 -107
  590. package/theme/platforms.d.ts.map +0 -1
  591. package/theme/presets/github-openai.d.ts +0 -50
  592. package/theme/presets/github-openai.d.ts.map +0 -1
  593. package/theme/presets/index.d.ts +0 -11
  594. package/theme/presets/index.d.ts.map +0 -1
  595. package/theme/theme.d.ts +0 -396
  596. package/theme/theme.d.ts.map +0 -1
  597. package/tool-template/builder.d.ts +0 -213
  598. package/tool-template/builder.d.ts.map +0 -1
  599. package/tool-template/index.d.ts +0 -16
  600. package/tool-template/index.d.ts.map +0 -1
  601. package/tool-template/index.js +0 -3559
  602. package/types/index.d.ts +0 -14
  603. package/types/index.d.ts.map +0 -1
  604. package/types/index.js +0 -108
  605. package/types/ui-config.d.ts +0 -639
  606. package/types/ui-config.d.ts.map +0 -1
  607. package/types/ui-runtime.d.ts +0 -1007
  608. package/types/ui-runtime.d.ts.map +0 -1
  609. package/typings/cache/cache-adapter.d.ts +0 -125
  610. package/typings/cache/cache-adapter.d.ts.map +0 -1
  611. package/typings/cache/index.d.ts +0 -10
  612. package/typings/cache/index.d.ts.map +0 -1
  613. package/typings/cache/memory-cache.d.ts +0 -92
  614. package/typings/cache/memory-cache.d.ts.map +0 -1
  615. package/typings/dts-parser.d.ts +0 -90
  616. package/typings/dts-parser.d.ts.map +0 -1
  617. package/typings/index.d.ts +0 -48
  618. package/typings/index.d.ts.map +0 -1
  619. package/typings/schemas.d.ts +0 -232
  620. package/typings/schemas.d.ts.map +0 -1
  621. package/typings/type-fetcher.d.ts +0 -89
  622. package/typings/type-fetcher.d.ts.map +0 -1
  623. package/typings/types.d.ts +0 -320
  624. package/typings/types.d.ts.map +0 -1
  625. package/utils/escape-html.d.ts +0 -58
  626. package/utils/escape-html.d.ts.map +0 -1
  627. package/utils/index.d.ts +0 -10
  628. package/utils/index.d.ts.map +0 -1
  629. package/utils/index.js +0 -70
  630. package/utils/safe-stringify.d.ts +0 -30
  631. package/utils/safe-stringify.d.ts.map +0 -1
  632. package/validation/error-box.d.ts +0 -56
  633. package/validation/error-box.d.ts.map +0 -1
  634. package/validation/index.d.ts +0 -13
  635. package/validation/index.d.ts.map +0 -1
  636. package/validation/index.js +0 -603
  637. package/validation/schema-paths.d.ts +0 -118
  638. package/validation/schema-paths.d.ts.map +0 -1
  639. package/validation/template-validator.d.ts +0 -143
  640. package/validation/template-validator.d.ts.map +0 -1
  641. package/validation/wrapper.d.ts +0 -97
  642. package/validation/wrapper.d.ts.map +0 -1
  643. package/widgets/index.d.ts +0 -8
  644. package/widgets/index.d.ts.map +0 -1
  645. package/widgets/index.js +0 -978
  646. package/widgets/progress.d.ts +0 -133
  647. package/widgets/progress.d.ts.map +0 -1
  648. package/widgets/resource.d.ts +0 -163
  649. package/widgets/resource.d.ts.map +0 -1
  650. /package/esm/render/{index.js → index.mjs} +0 -0
@@ -1,4687 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropNames = Object.getOwnPropertyNames;
3
- var __esm = (fn, res) => function __init() {
4
- return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
5
- };
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
-
11
- // libs/ui/src/bundler/file-cache/storage/interface.ts
12
- function calculateManifestSize(manifest) {
13
- try {
14
- return Buffer.byteLength(JSON.stringify(manifest), "utf8");
15
- } catch {
16
- return 0;
17
- }
18
- }
19
- var DEFAULT_STORAGE_OPTIONS;
20
- var init_interface = __esm({
21
- "libs/ui/src/bundler/file-cache/storage/interface.ts"() {
22
- "use strict";
23
- DEFAULT_STORAGE_OPTIONS = {
24
- maxEntries: 1e3,
25
- maxSize: 100 * 1024 * 1024,
26
- // 100MB
27
- defaultTtl: 24 * 60 * 60,
28
- // 24 hours
29
- compress: false
30
- };
31
- }
32
- });
33
-
34
- // libs/ui/src/bundler/file-cache/storage/filesystem.ts
35
- var filesystem_exports = {};
36
- __export(filesystem_exports, {
37
- CacheInitializationError: () => CacheInitializationError,
38
- CacheOperationError: () => CacheOperationError,
39
- FilesystemStorage: () => FilesystemStorage,
40
- StorageNotInitializedError: () => StorageNotInitializedError,
41
- createFilesystemStorage: () => createFilesystemStorage
42
- });
43
- import { mkdir, readFile, writeFile, readdir, unlink, rm } from "fs/promises";
44
- import { join, dirname } from "path";
45
- import { existsSync } from "fs";
46
- import { createHash } from "crypto";
47
- function createFilesystemStorage(options) {
48
- return new FilesystemStorage(options);
49
- }
50
- var CacheInitializationError, CacheOperationError, StorageNotInitializedError, DEFAULT_FS_OPTIONS, FilesystemStorage;
51
- var init_filesystem = __esm({
52
- "libs/ui/src/bundler/file-cache/storage/filesystem.ts"() {
53
- "use strict";
54
- init_interface();
55
- CacheInitializationError = class extends Error {
56
- cause;
57
- constructor(message, cause) {
58
- super(message);
59
- this.name = "CacheInitializationError";
60
- this.cause = cause;
61
- }
62
- };
63
- CacheOperationError = class extends Error {
64
- cause;
65
- constructor(message, cause) {
66
- super(message);
67
- this.name = "CacheOperationError";
68
- this.cause = cause;
69
- }
70
- };
71
- StorageNotInitializedError = class extends Error {
72
- constructor() {
73
- super("Storage not initialized. Call initialize() first.");
74
- this.name = "StorageNotInitializedError";
75
- }
76
- };
77
- DEFAULT_FS_OPTIONS = {
78
- ...DEFAULT_STORAGE_OPTIONS,
79
- cacheDir: ".frontmcp-cache/builds",
80
- extension: ".json"
81
- };
82
- FilesystemStorage = class {
83
- type = "filesystem";
84
- options;
85
- initialized = false;
86
- stats = {
87
- entries: 0,
88
- totalSize: 0,
89
- hits: 0,
90
- misses: 0,
91
- hitRate: 0
92
- };
93
- constructor(options = {}) {
94
- this.options = {
95
- ...DEFAULT_FS_OPTIONS,
96
- ...options
97
- };
98
- }
99
- /**
100
- * Initialize the storage directory.
101
- */
102
- async initialize() {
103
- if (this.initialized) return;
104
- try {
105
- await mkdir(this.options.cacheDir, { recursive: true });
106
- await this.loadStats();
107
- this.initialized = true;
108
- } catch (error) {
109
- throw new CacheInitializationError(`Failed to initialize cache directory: ${error}`, error);
110
- }
111
- }
112
- /**
113
- * Get a cached manifest.
114
- */
115
- async get(key) {
116
- this.ensureInitialized();
117
- const filePath = this.getFilePath(key);
118
- try {
119
- if (!existsSync(filePath)) {
120
- this.stats.misses++;
121
- this.updateHitRate();
122
- return void 0;
123
- }
124
- const content = await readFile(filePath, "utf8");
125
- const entry = JSON.parse(content);
126
- if (Date.now() > entry.metadata.expiresAt) {
127
- await this.delete(key);
128
- this.stats.misses++;
129
- this.updateHitRate();
130
- return void 0;
131
- }
132
- entry.metadata.lastAccessedAt = Date.now();
133
- entry.metadata.accessCount++;
134
- this.writeEntry(filePath, entry).catch((err) => {
135
- if (process.env["DEBUG"]) {
136
- console.debug(`[FilesystemStorage] Failed to update cache metadata for ${key}: ${err}`);
137
- }
138
- });
139
- this.stats.hits++;
140
- this.updateHitRate();
141
- return entry.data;
142
- } catch {
143
- this.stats.misses++;
144
- this.updateHitRate();
145
- return void 0;
146
- }
147
- }
148
- /**
149
- * Store a manifest in cache.
150
- */
151
- async set(key, manifest, ttl) {
152
- this.ensureInitialized();
153
- const filePath = this.getFilePath(key);
154
- const size = calculateManifestSize(manifest);
155
- const effectiveTtl = ttl ?? this.options.defaultTtl;
156
- await this.ensureCapacity(size);
157
- const entry = {
158
- data: manifest,
159
- metadata: {
160
- key,
161
- size,
162
- createdAt: Date.now(),
163
- expiresAt: Date.now() + effectiveTtl * 1e3,
164
- lastAccessedAt: Date.now(),
165
- accessCount: 0
166
- }
167
- };
168
- await this.writeEntry(filePath, entry);
169
- this.stats.entries++;
170
- this.stats.totalSize += size;
171
- }
172
- /**
173
- * Check if a key exists.
174
- */
175
- async has(key) {
176
- this.ensureInitialized();
177
- const filePath = this.getFilePath(key);
178
- try {
179
- if (!existsSync(filePath)) return false;
180
- const content = await readFile(filePath, "utf8");
181
- const entry = JSON.parse(content);
182
- if (Date.now() > entry.metadata.expiresAt) {
183
- await this.delete(key);
184
- return false;
185
- }
186
- return true;
187
- } catch {
188
- return false;
189
- }
190
- }
191
- /**
192
- * Delete a cached entry.
193
- */
194
- async delete(key) {
195
- this.ensureInitialized();
196
- const filePath = this.getFilePath(key);
197
- try {
198
- if (!existsSync(filePath)) return false;
199
- const content = await readFile(filePath, "utf8");
200
- const entry = JSON.parse(content);
201
- await unlink(filePath);
202
- this.stats.entries = Math.max(0, this.stats.entries - 1);
203
- this.stats.totalSize = Math.max(0, this.stats.totalSize - entry.metadata.size);
204
- return true;
205
- } catch {
206
- return false;
207
- }
208
- }
209
- /**
210
- * Clear all cached entries.
211
- */
212
- async clear() {
213
- this.ensureInitialized();
214
- try {
215
- await rm(this.options.cacheDir, { recursive: true, force: true });
216
- await mkdir(this.options.cacheDir, { recursive: true });
217
- this.stats = {
218
- entries: 0,
219
- totalSize: 0,
220
- hits: 0,
221
- misses: 0,
222
- hitRate: 0
223
- };
224
- } catch (error) {
225
- throw new CacheOperationError(`Failed to clear cache: ${error}`, error);
226
- }
227
- }
228
- /**
229
- * Get cache statistics.
230
- */
231
- async getStats() {
232
- return { ...this.stats };
233
- }
234
- /**
235
- * Clean up expired entries.
236
- */
237
- async cleanup() {
238
- this.ensureInitialized();
239
- let removed = 0;
240
- try {
241
- const files = await readdir(this.options.cacheDir);
242
- for (const file of files) {
243
- if (!file.endsWith(this.options.extension)) continue;
244
- const filePath = join(this.options.cacheDir, file);
245
- try {
246
- const content = await readFile(filePath, "utf8");
247
- const entry = JSON.parse(content);
248
- if (Date.now() > entry.metadata.expiresAt) {
249
- await unlink(filePath);
250
- this.stats.entries = Math.max(0, this.stats.entries - 1);
251
- this.stats.totalSize = Math.max(0, this.stats.totalSize - entry.metadata.size);
252
- removed++;
253
- }
254
- } catch {
255
- await unlink(filePath).catch(() => {
256
- });
257
- removed++;
258
- }
259
- }
260
- } catch {
261
- }
262
- return removed;
263
- }
264
- /**
265
- * Close the storage (no-op for filesystem).
266
- */
267
- async close() {
268
- }
269
- /**
270
- * Get the file path for a cache key.
271
- * Uses SHA-256 hash to avoid collisions from key sanitization.
272
- */
273
- getFilePath(key) {
274
- const hash = createHash("sha256").update(key).digest("hex").slice(0, 16);
275
- return join(this.options.cacheDir, `${hash}${this.options.extension}`);
276
- }
277
- /**
278
- * Write a cache entry to disk.
279
- */
280
- async writeEntry(filePath, entry) {
281
- await mkdir(dirname(filePath), { recursive: true });
282
- await writeFile(filePath, JSON.stringify(entry, null, 2), "utf8");
283
- }
284
- /**
285
- * Ensure the storage is initialized.
286
- */
287
- ensureInitialized() {
288
- if (!this.initialized) {
289
- throw new StorageNotInitializedError();
290
- }
291
- }
292
- /**
293
- * Load stats from existing cache files.
294
- * Reads entry metadata to get accurate manifest sizes.
295
- */
296
- async loadStats() {
297
- try {
298
- const files = await readdir(this.options.cacheDir);
299
- let entries = 0;
300
- let totalSize = 0;
301
- for (const file of files) {
302
- if (!file.endsWith(this.options.extension)) continue;
303
- const filePath = join(this.options.cacheDir, file);
304
- try {
305
- const content = await readFile(filePath, "utf8");
306
- const entry = JSON.parse(content);
307
- entries++;
308
- totalSize += entry.metadata.size;
309
- } catch {
310
- }
311
- }
312
- this.stats.entries = entries;
313
- this.stats.totalSize = totalSize;
314
- } catch {
315
- }
316
- }
317
- /**
318
- * Ensure there's capacity for a new entry.
319
- */
320
- async ensureCapacity(newEntrySize) {
321
- if (this.stats.entries >= this.options.maxEntries) {
322
- await this.evictLRU();
323
- }
324
- while (this.stats.totalSize + newEntrySize > this.options.maxSize) {
325
- const evicted = await this.evictLRU();
326
- if (!evicted) break;
327
- }
328
- }
329
- /**
330
- * Evict the least recently used entry.
331
- */
332
- async evictLRU() {
333
- try {
334
- const files = await readdir(this.options.cacheDir);
335
- let oldestKey = null;
336
- let oldestTime = Infinity;
337
- let corruptedFile = null;
338
- for (const file of files) {
339
- if (!file.endsWith(this.options.extension)) continue;
340
- const filePath = join(this.options.cacheDir, file);
341
- try {
342
- const content = await readFile(filePath, "utf8");
343
- const entry = JSON.parse(content);
344
- if (entry.metadata.lastAccessedAt < oldestTime) {
345
- oldestTime = entry.metadata.lastAccessedAt;
346
- oldestKey = entry.metadata.key;
347
- }
348
- } catch {
349
- corruptedFile = filePath;
350
- }
351
- }
352
- if (corruptedFile) {
353
- try {
354
- await unlink(corruptedFile);
355
- this.stats.entries = Math.max(0, this.stats.entries - 1);
356
- return true;
357
- } catch {
358
- return false;
359
- }
360
- }
361
- if (oldestKey) {
362
- return await this.delete(oldestKey);
363
- }
364
- return false;
365
- } catch {
366
- return false;
367
- }
368
- }
369
- /**
370
- * Update hit rate statistic.
371
- */
372
- updateHitRate() {
373
- const total = this.stats.hits + this.stats.misses;
374
- this.stats.hitRate = total > 0 ? this.stats.hits / total : 0;
375
- }
376
- };
377
- }
378
- });
379
-
380
- // libs/ui/src/bundler/file-cache/storage/redis.ts
381
- var redis_exports = {};
382
- __export(redis_exports, {
383
- RedisStorage: () => RedisStorage,
384
- createRedisStorage: () => createRedisStorage
385
- });
386
- function createRedisStorage(options) {
387
- return new RedisStorage(options);
388
- }
389
- var STATS_KEY_SUFFIX, RedisStorage;
390
- var init_redis = __esm({
391
- "libs/ui/src/bundler/file-cache/storage/redis.ts"() {
392
- "use strict";
393
- init_interface();
394
- STATS_KEY_SUFFIX = ":__stats__";
395
- RedisStorage = class {
396
- type = "redis";
397
- options;
398
- initialized = false;
399
- localStats = {
400
- entries: 0,
401
- totalSize: 0,
402
- hits: 0,
403
- misses: 0,
404
- hitRate: 0
405
- };
406
- constructor(options) {
407
- if (!options.client) {
408
- throw new Error("Redis client is required");
409
- }
410
- this.options = {
411
- ...DEFAULT_STORAGE_OPTIONS,
412
- keyPrefix: "frontmcp:ui:build:",
413
- json: true,
414
- ...options
415
- };
416
- }
417
- /**
418
- * Initialize the Redis connection.
419
- */
420
- async initialize() {
421
- if (this.initialized) return;
422
- try {
423
- await this.options.client.ping();
424
- await this.loadStats();
425
- this.initialized = true;
426
- } catch (error) {
427
- throw new Error(`Failed to connect to Redis: ${error}`);
428
- }
429
- }
430
- /**
431
- * Get a cached manifest.
432
- */
433
- async get(key) {
434
- this.ensureInitialized();
435
- const redisKey = this.getRedisKey(key);
436
- try {
437
- const data = await this.options.client.get(redisKey);
438
- if (!data) {
439
- this.localStats.misses++;
440
- this.updateHitRate();
441
- await this.persistStats();
442
- return void 0;
443
- }
444
- const entry = JSON.parse(data);
445
- entry.metadata.lastAccessedAt = Date.now();
446
- entry.metadata.accessCount++;
447
- const ttl = await this.options.client.ttl(redisKey);
448
- if (ttl > 0) {
449
- const serialized = JSON.stringify(entry);
450
- await this.options.client.setex(redisKey, ttl, serialized);
451
- }
452
- this.localStats.hits++;
453
- this.updateHitRate();
454
- await this.persistStats();
455
- return entry.data;
456
- } catch (error) {
457
- console.warn?.(`Redis cache get failed for key "${key}": ${error}`);
458
- this.localStats.misses++;
459
- this.updateHitRate();
460
- await this.persistStats().catch(() => {
461
- });
462
- return void 0;
463
- }
464
- }
465
- /**
466
- * Store a manifest in cache.
467
- */
468
- async set(key, manifest, ttl) {
469
- this.ensureInitialized();
470
- const redisKey = this.getRedisKey(key);
471
- const size = calculateManifestSize(manifest);
472
- const effectiveTtl = ttl ?? this.options.defaultTtl;
473
- const entry = {
474
- data: manifest,
475
- metadata: {
476
- key,
477
- size,
478
- createdAt: Date.now(),
479
- expiresAt: Date.now() + effectiveTtl * 1e3,
480
- lastAccessedAt: Date.now(),
481
- accessCount: 0
482
- }
483
- };
484
- const serialized = JSON.stringify(entry);
485
- await this.options.client.setex(redisKey, effectiveTtl, serialized);
486
- this.localStats.entries++;
487
- this.localStats.totalSize += size;
488
- await this.persistStats();
489
- }
490
- /**
491
- * Check if a key exists.
492
- */
493
- async has(key) {
494
- this.ensureInitialized();
495
- const redisKey = this.getRedisKey(key);
496
- const exists = await this.options.client.exists(redisKey);
497
- return exists > 0;
498
- }
499
- /**
500
- * Delete a cached entry.
501
- */
502
- async delete(key) {
503
- this.ensureInitialized();
504
- const redisKey = this.getRedisKey(key);
505
- try {
506
- const data = await this.options.client.get(redisKey);
507
- if (data) {
508
- const entry = JSON.parse(data);
509
- this.localStats.totalSize = Math.max(0, this.localStats.totalSize - entry.metadata.size);
510
- }
511
- } catch {
512
- }
513
- const deleted = await this.options.client.del(redisKey);
514
- if (deleted > 0) {
515
- this.localStats.entries = Math.max(0, this.localStats.entries - 1);
516
- await this.persistStats();
517
- return true;
518
- }
519
- return false;
520
- }
521
- /**
522
- * Clear all cached entries.
523
- */
524
- async clear() {
525
- this.ensureInitialized();
526
- const pattern = `${this.options.keyPrefix}*`;
527
- const keys = await this.options.client.keys(pattern);
528
- if (keys.length > 0) {
529
- await this.options.client.del(keys);
530
- }
531
- this.localStats = {
532
- entries: 0,
533
- totalSize: 0,
534
- hits: 0,
535
- misses: 0,
536
- hitRate: 0
537
- };
538
- await this.persistStats();
539
- }
540
- /**
541
- * Get cache statistics.
542
- */
543
- async getStats() {
544
- await this.loadStats();
545
- return { ...this.localStats };
546
- }
547
- /**
548
- * Clean up expired entries.
549
- * Redis handles TTL expiration automatically, so this just refreshes stats.
550
- */
551
- async cleanup() {
552
- this.ensureInitialized();
553
- const pattern = `${this.options.keyPrefix}*`;
554
- const keys = await this.options.client.keys(pattern);
555
- const dataKeys = keys.filter((k) => !k.endsWith(STATS_KEY_SUFFIX));
556
- const previousCount = this.localStats.entries;
557
- this.localStats.entries = dataKeys.length;
558
- let totalSize = 0;
559
- for (const key of dataKeys) {
560
- try {
561
- const data = await this.options.client.get(key);
562
- if (data) {
563
- const entry = JSON.parse(data);
564
- totalSize += entry.metadata.size;
565
- }
566
- } catch {
567
- }
568
- }
569
- this.localStats.totalSize = totalSize;
570
- await this.persistStats();
571
- return Math.max(0, previousCount - this.localStats.entries);
572
- }
573
- /**
574
- * Close the Redis connection.
575
- */
576
- async close() {
577
- await this.options.client.quit();
578
- }
579
- /**
580
- * Get the Redis key for a cache key.
581
- */
582
- getRedisKey(key) {
583
- return `${this.options.keyPrefix}${key}`;
584
- }
585
- /**
586
- * Get the Redis key for stats.
587
- */
588
- getStatsKey() {
589
- return `${this.options.keyPrefix}${STATS_KEY_SUFFIX}`;
590
- }
591
- /**
592
- * Ensure the storage is initialized.
593
- */
594
- ensureInitialized() {
595
- if (!this.initialized) {
596
- throw new Error("Storage not initialized. Call initialize() first.");
597
- }
598
- }
599
- /**
600
- * Load stats from Redis.
601
- */
602
- async loadStats() {
603
- try {
604
- const statsKey = this.getStatsKey();
605
- const data = await this.options.client.get(statsKey);
606
- if (data) {
607
- const savedStats = JSON.parse(data);
608
- this.localStats = {
609
- ...this.localStats,
610
- ...savedStats
611
- };
612
- }
613
- } catch {
614
- }
615
- }
616
- /**
617
- * Persist stats to Redis.
618
- */
619
- async persistStats() {
620
- try {
621
- const statsKey = this.getStatsKey();
622
- const serialized = JSON.stringify(this.localStats);
623
- await this.options.client.set(statsKey, serialized);
624
- } catch {
625
- }
626
- }
627
- /**
628
- * Update hit rate statistic.
629
- */
630
- updateHitRate() {
631
- const total = this.localStats.hits + this.localStats.misses;
632
- this.localStats.hitRate = total > 0 ? this.localStats.hits / total : 0;
633
- }
634
- };
635
- }
636
- });
637
-
638
- // libs/ui/src/bundler/types.ts
639
- var DEFAULT_SECURITY_POLICY = {
640
- allowedImports: [/^react$/, /^react-dom$/, /^react\/jsx-runtime$/, /^react\/jsx-dev-runtime$/, /^@frontmcp\/ui/],
641
- blockedImports: [
642
- /^fs$/,
643
- /^fs\//,
644
- /^net$/,
645
- /^child_process$/,
646
- /^os$/,
647
- /^path$/,
648
- /^crypto$/,
649
- /^http$/,
650
- /^https$/,
651
- /^dgram$/,
652
- /^dns$/,
653
- /^cluster$/,
654
- /^readline$/,
655
- /^repl$/,
656
- /^tls$/,
657
- /^vm$/,
658
- /^worker_threads$/
659
- ],
660
- maxBundleSize: 512e3,
661
- // 500KB
662
- maxTransformTime: 5e3,
663
- // 5s
664
- noEval: true,
665
- noDynamicImports: true,
666
- noRequire: true,
667
- allowedGlobals: [
668
- "console",
669
- "Math",
670
- "JSON",
671
- "Date",
672
- "Array",
673
- "Object",
674
- "String",
675
- "Number",
676
- "Boolean",
677
- "Promise",
678
- "Map",
679
- "Set",
680
- "WeakMap",
681
- "WeakSet",
682
- "Symbol",
683
- "Reflect",
684
- "Proxy",
685
- "Error",
686
- "TypeError",
687
- "RangeError",
688
- "SyntaxError",
689
- "ReferenceError",
690
- "parseInt",
691
- "parseFloat",
692
- "isNaN",
693
- "isFinite",
694
- "encodeURI",
695
- "encodeURIComponent",
696
- "decodeURI",
697
- "decodeURIComponent",
698
- "setTimeout",
699
- "clearTimeout",
700
- "setInterval",
701
- "clearInterval",
702
- "atob",
703
- "btoa",
704
- "Intl",
705
- "TextEncoder",
706
- "TextDecoder",
707
- "URL",
708
- "URLSearchParams",
709
- "Uint8Array",
710
- "Int8Array",
711
- "Uint16Array",
712
- "Int16Array",
713
- "Uint32Array",
714
- "Int32Array",
715
- "Float32Array",
716
- "Float64Array",
717
- "BigInt",
718
- "BigInt64Array",
719
- "BigUint64Array",
720
- "ArrayBuffer",
721
- "SharedArrayBuffer",
722
- "DataView",
723
- "queueMicrotask"
724
- ]
725
- };
726
- var DEFAULT_BUNDLE_OPTIONS = {
727
- sourceType: "auto",
728
- format: "iife",
729
- minify: false,
730
- sourceMaps: false,
731
- externals: ["react", "react-dom"],
732
- jsx: {
733
- runtime: "automatic",
734
- importSource: "react"
735
- },
736
- target: "es2020",
737
- globalName: "Widget",
738
- skipCache: false
739
- };
740
- var DEFAULT_BUNDLER_OPTIONS = {
741
- defaultSecurity: DEFAULT_SECURITY_POLICY,
742
- cache: {
743
- maxSize: 100,
744
- ttl: 3e5,
745
- // 5 minutes
746
- disabled: false
747
- },
748
- verbose: false,
749
- esbuildOptions: {}
750
- };
751
- var STATIC_HTML_CDN = {
752
- /**
753
- * ES modules from esm.sh (React 19, modern platforms)
754
- */
755
- esm: {
756
- react: "https://esm.sh/react@19",
757
- reactDom: "https://esm.sh/react-dom@19/client"
758
- },
759
- /**
760
- * UMD builds from cdnjs (React 18.2, Claude only trusts cloudflare)
761
- */
762
- umd: {
763
- react: "https://cdnjs.cloudflare.com/ajax/libs/react/18.2.0/umd/react.production.min.js",
764
- reactDom: "https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.2.0/umd/react-dom.production.min.js"
765
- },
766
- /**
767
- * Tailwind CSS from cdnjs (cloudflare) - works on all platforms
768
- * Using CSS file instead of JS browser version to avoid style normalization issues
769
- */
770
- tailwind: "https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/3.4.1/tailwind.min.css",
771
- /**
772
- * Font CDN URLs
773
- */
774
- fonts: {
775
- preconnect: ["https://fonts.googleapis.com", "https://fonts.gstatic.com"],
776
- inter: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
777
- }
778
- };
779
- function getCdnTypeForPlatform(platform) {
780
- if (platform === "claude") return "umd";
781
- return "esm";
782
- }
783
- var DEFAULT_STATIC_HTML_OPTIONS = {
784
- sourceType: "auto",
785
- targetPlatform: "auto",
786
- minify: true,
787
- skipCache: false,
788
- rootId: "frontmcp-widget-root",
789
- widgetAccessible: false,
790
- externals: {
791
- react: "cdn",
792
- reactDom: "cdn",
793
- tailwind: "cdn",
794
- frontmcpUi: "inline"
795
- },
796
- // Universal mode defaults
797
- universal: false,
798
- contentType: "auto",
799
- includeMarkdown: false,
800
- includeMdx: false
801
- };
802
-
803
- // libs/ui/src/bundler/cache.ts
804
- var BundlerCache = class {
805
- cache = /* @__PURE__ */ new Map();
806
- options;
807
- stats = {
808
- hits: 0,
809
- misses: 0,
810
- evictions: 0
811
- };
812
- constructor(options = {}) {
813
- this.options = {
814
- maxSize: options.maxSize ?? 100,
815
- ttl: options.ttl ?? 3e5
816
- };
817
- }
818
- /**
819
- * Get a cached bundle result.
820
- *
821
- * @param key - Cache key (typically content hash)
822
- * @returns Cached result or undefined if not found/expired
823
- */
824
- get(key) {
825
- const entry = this.cache.get(key);
826
- if (!entry) {
827
- this.stats.misses++;
828
- return void 0;
829
- }
830
- if (this.isExpired(entry)) {
831
- this.cache.delete(key);
832
- this.stats.misses++;
833
- this.stats.evictions++;
834
- return void 0;
835
- }
836
- entry.lastAccessedAt = Date.now();
837
- entry.accessCount++;
838
- this.stats.hits++;
839
- this.cache.delete(key);
840
- this.cache.set(key, entry);
841
- return entry.result;
842
- }
843
- /**
844
- * Store a bundle result in the cache.
845
- *
846
- * @param key - Cache key (typically content hash)
847
- * @param result - Bundle result to cache
848
- */
849
- set(key, result) {
850
- while (this.cache.size >= this.options.maxSize) {
851
- this.evictOldest();
852
- }
853
- const now = Date.now();
854
- const entry = {
855
- result,
856
- createdAt: now,
857
- lastAccessedAt: now,
858
- accessCount: 1
859
- };
860
- this.cache.set(key, entry);
861
- }
862
- /**
863
- * Check if a key exists in the cache (and is not expired).
864
- *
865
- * @param key - Cache key to check
866
- * @returns true if key exists and is not expired
867
- */
868
- has(key) {
869
- const entry = this.cache.get(key);
870
- if (!entry) return false;
871
- if (this.isExpired(entry)) {
872
- this.cache.delete(key);
873
- this.stats.evictions++;
874
- return false;
875
- }
876
- return true;
877
- }
878
- /**
879
- * Delete a specific entry from the cache.
880
- *
881
- * @param key - Cache key to delete
882
- * @returns true if the key was found and deleted
883
- */
884
- delete(key) {
885
- return this.cache.delete(key);
886
- }
887
- /**
888
- * Clear all entries from the cache.
889
- */
890
- clear() {
891
- this.cache.clear();
892
- this.stats = {
893
- hits: 0,
894
- misses: 0,
895
- evictions: 0
896
- };
897
- }
898
- /**
899
- * Get cache statistics.
900
- *
901
- * @returns Current cache statistics
902
- */
903
- getStats() {
904
- const total = this.stats.hits + this.stats.misses;
905
- const hitRate = total > 0 ? this.stats.hits / total : 0;
906
- let memoryUsage = 0;
907
- for (const entry of this.cache.values()) {
908
- memoryUsage += entry.result.size;
909
- if (entry.result.map) {
910
- memoryUsage += entry.result.map.length;
911
- }
912
- }
913
- return {
914
- size: this.cache.size,
915
- hits: this.stats.hits,
916
- misses: this.stats.misses,
917
- hitRate,
918
- evictions: this.stats.evictions,
919
- memoryUsage
920
- };
921
- }
922
- /**
923
- * Remove expired entries from the cache.
924
- *
925
- * @returns Number of entries removed
926
- */
927
- cleanup() {
928
- let removed = 0;
929
- for (const [key, entry] of this.cache.entries()) {
930
- if (this.isExpired(entry)) {
931
- this.cache.delete(key);
932
- removed++;
933
- }
934
- }
935
- this.stats.evictions += removed;
936
- return removed;
937
- }
938
- /**
939
- * Get all cache keys.
940
- *
941
- * @returns Array of cache keys
942
- */
943
- keys() {
944
- return Array.from(this.cache.keys());
945
- }
946
- /**
947
- * Get the number of entries in the cache.
948
- */
949
- get size() {
950
- return this.cache.size;
951
- }
952
- /**
953
- * Check if an entry is expired.
954
- */
955
- isExpired(entry) {
956
- return Date.now() - entry.createdAt > this.options.ttl;
957
- }
958
- /**
959
- * Evict the oldest (least recently used) entry.
960
- */
961
- evictOldest() {
962
- const oldestKey = this.cache.keys().next().value;
963
- if (oldestKey !== void 0) {
964
- this.cache.delete(oldestKey);
965
- this.stats.evictions++;
966
- }
967
- }
968
- };
969
- function hashContent(content) {
970
- let hash = 2166136261;
971
- for (let i = 0; i < content.length; i++) {
972
- hash ^= content.charCodeAt(i);
973
- hash = Math.imul(hash, 16777619);
974
- }
975
- return (hash >>> 0).toString(16).padStart(8, "0");
976
- }
977
- function createCacheKey(source, options) {
978
- const sourceHash = hashContent(source);
979
- const optionsHash = hashContent(
980
- JSON.stringify({
981
- sourceType: options.sourceType,
982
- format: options.format,
983
- minify: options.minify,
984
- externals: options.externals?.sort(),
985
- target: options.target
986
- })
987
- );
988
- return `${sourceHash}-${optionsHash}`;
989
- }
990
-
991
- // libs/ui/src/bundler/sandbox/policy.ts
992
- var UNSAFE_PATTERNS = {
993
- eval: /\beval\s*\(/g,
994
- functionConstructor: /\bnew\s+Function\s*\(/g,
995
- dynamicImport: /\bimport\s*\(/g,
996
- require: /\brequire\s*\(/g,
997
- processEnv: /\bprocess\.env\b/g,
998
- globalThis: /\bglobalThis\b/g,
999
- windowLocation: /\bwindow\.location\b/g,
1000
- documentCookie: /\bdocument\.cookie\b/g,
1001
- innerHTML: /\.innerHTML\s*=/g,
1002
- outerHTML: /\.outerHTML\s*=/g,
1003
- document_write: /\bdocument\.write\s*\(/g
1004
- };
1005
- function validateSource(source, policy = DEFAULT_SECURITY_POLICY) {
1006
- const violations = [];
1007
- if (policy.noEval !== false) {
1008
- const evalMatches = [...source.matchAll(UNSAFE_PATTERNS.eval)];
1009
- for (const match of evalMatches) {
1010
- violations.push({
1011
- type: "eval-usage",
1012
- message: "eval() is not allowed for security reasons",
1013
- location: getLocation(source, match.index ?? 0),
1014
- value: match[0]
1015
- });
1016
- }
1017
- const fnMatches = [...source.matchAll(UNSAFE_PATTERNS.functionConstructor)];
1018
- for (const match of fnMatches) {
1019
- violations.push({
1020
- type: "eval-usage",
1021
- message: "new Function() is not allowed for security reasons",
1022
- location: getLocation(source, match.index ?? 0),
1023
- value: match[0]
1024
- });
1025
- }
1026
- }
1027
- if (policy.noDynamicImports !== false) {
1028
- const matches = [...source.matchAll(UNSAFE_PATTERNS.dynamicImport)];
1029
- for (const match of matches) {
1030
- violations.push({
1031
- type: "dynamic-import",
1032
- message: "Dynamic imports are not allowed for security reasons",
1033
- location: getLocation(source, match.index ?? 0),
1034
- value: match[0]
1035
- });
1036
- }
1037
- }
1038
- if (policy.noRequire !== false) {
1039
- const matches = [...source.matchAll(UNSAFE_PATTERNS.require)];
1040
- for (const match of matches) {
1041
- violations.push({
1042
- type: "require-usage",
1043
- message: "require() is not allowed for security reasons",
1044
- location: getLocation(source, match.index ?? 0),
1045
- value: match[0]
1046
- });
1047
- }
1048
- }
1049
- const importViolations = validateImports(source, policy);
1050
- violations.push(...importViolations);
1051
- return violations;
1052
- }
1053
- function validateImports(source, policy = DEFAULT_SECURITY_POLICY) {
1054
- const violations = [];
1055
- const importPattern = /import\s+(?:(?:\{[^}]*\}|[\w*]+)\s+from\s+)?['"]([^'"]+)['"]/g;
1056
- const imports = [];
1057
- let match;
1058
- while ((match = importPattern.exec(source)) !== null) {
1059
- imports.push({ module: match[1], index: match.index });
1060
- }
1061
- const requirePattern = /require\s*\(\s*['"]([^'"]+)['"]\s*\)/g;
1062
- while ((match = requirePattern.exec(source)) !== null) {
1063
- imports.push({ module: match[1], index: match.index });
1064
- }
1065
- for (const imp of imports) {
1066
- if (policy.blockedImports) {
1067
- for (const blocked of policy.blockedImports) {
1068
- if (blocked.test(imp.module)) {
1069
- violations.push({
1070
- type: "blocked-import",
1071
- message: `Import '${imp.module}' is blocked by security policy`,
1072
- location: getLocation(source, imp.index),
1073
- value: imp.module
1074
- });
1075
- break;
1076
- }
1077
- }
1078
- }
1079
- if (policy.allowedImports && policy.allowedImports.length > 0) {
1080
- const isAllowed = policy.allowedImports.some((pattern) => pattern.test(imp.module));
1081
- if (!isAllowed) {
1082
- const alreadyBlocked = violations.some((v) => v.type === "blocked-import" && v.value === imp.module);
1083
- if (!alreadyBlocked) {
1084
- violations.push({
1085
- type: "disallowed-import",
1086
- message: `Import '${imp.module}' is not in the allowed imports list`,
1087
- location: getLocation(source, imp.index),
1088
- value: imp.module
1089
- });
1090
- }
1091
- }
1092
- }
1093
- }
1094
- return violations;
1095
- }
1096
- function validateSize(size, policy = DEFAULT_SECURITY_POLICY) {
1097
- const maxSize = policy.maxBundleSize ?? DEFAULT_SECURITY_POLICY.maxBundleSize ?? 512e3;
1098
- if (size > maxSize) {
1099
- return {
1100
- type: "size-exceeded",
1101
- message: `Bundle size (${formatBytes(size)}) exceeds maximum allowed (${formatBytes(maxSize)})`,
1102
- value: String(size)
1103
- };
1104
- }
1105
- return void 0;
1106
- }
1107
- function mergePolicy(userPolicy) {
1108
- if (!userPolicy) {
1109
- return { ...DEFAULT_SECURITY_POLICY };
1110
- }
1111
- return {
1112
- allowedImports: userPolicy.allowedImports ?? DEFAULT_SECURITY_POLICY.allowedImports,
1113
- blockedImports: userPolicy.blockedImports ?? DEFAULT_SECURITY_POLICY.blockedImports,
1114
- maxBundleSize: userPolicy.maxBundleSize ?? DEFAULT_SECURITY_POLICY.maxBundleSize,
1115
- maxTransformTime: userPolicy.maxTransformTime ?? DEFAULT_SECURITY_POLICY.maxTransformTime,
1116
- noEval: userPolicy.noEval ?? DEFAULT_SECURITY_POLICY.noEval,
1117
- noDynamicImports: userPolicy.noDynamicImports ?? DEFAULT_SECURITY_POLICY.noDynamicImports,
1118
- noRequire: userPolicy.noRequire ?? DEFAULT_SECURITY_POLICY.noRequire,
1119
- allowedGlobals: userPolicy.allowedGlobals ?? DEFAULT_SECURITY_POLICY.allowedGlobals
1120
- };
1121
- }
1122
- function getLocation(source, index) {
1123
- const lines = source.slice(0, index).split("\n");
1124
- return {
1125
- line: lines.length,
1126
- column: lines[lines.length - 1].length + 1
1127
- };
1128
- }
1129
- function formatBytes(bytes) {
1130
- if (bytes < 1024) return `${bytes} B`;
1131
- if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
1132
- return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
1133
- }
1134
- var SecurityError = class extends Error {
1135
- violations;
1136
- constructor(message, violations) {
1137
- super(message);
1138
- this.name = "SecurityError";
1139
- this.violations = violations;
1140
- }
1141
- };
1142
- function throwOnViolations(violations) {
1143
- if (violations.length > 0) {
1144
- const message = violations.map((v) => v.message).join("; ");
1145
- throw new SecurityError(`Security policy violation: ${message}`, violations);
1146
- }
1147
- }
1148
-
1149
- // libs/ui/src/bundler/sandbox/enclave-adapter.ts
1150
- import { Enclave } from "enclave-vm";
1151
- var DEFAULT_ENCLAVE_OPTIONS = {
1152
- securityLevel: "SECURE",
1153
- timeout: 5e3,
1154
- maxIterations: 1e4,
1155
- validate: true,
1156
- transform: true
1157
- };
1158
- var STRICT_SECURITY_BLOCKED_IMPORTS_THRESHOLD = 10;
1159
- function mapSecurityLevel(policy) {
1160
- if (policy?.blockedImports && policy.blockedImports.length > STRICT_SECURITY_BLOCKED_IMPORTS_THRESHOLD) {
1161
- return "STRICT";
1162
- }
1163
- return "SECURE";
1164
- }
1165
- function createJSXRuntime(React) {
1166
- const R = React;
1167
- return {
1168
- jsx: (type, props, key) => {
1169
- const { children, ...rest } = props;
1170
- return R.createElement(type, key ? { ...rest, key } : rest, children);
1171
- },
1172
- jsxs: (type, props, key) => {
1173
- const { children, ...rest } = props;
1174
- return R.createElement(type, key ? { ...rest, key } : rest, children);
1175
- },
1176
- jsxDEV: (type, props, key, _isStaticChildren, _source, _self) => {
1177
- const { children, ...rest } = props;
1178
- return R.createElement(type, key ? { ...rest, key } : rest, children);
1179
- },
1180
- Fragment: R.Fragment
1181
- };
1182
- }
1183
- var DANGEROUS_GLOBAL_KEYS = /* @__PURE__ */ new Set([
1184
- "process",
1185
- "require",
1186
- "__dirname",
1187
- "__filename",
1188
- "Buffer",
1189
- "eval",
1190
- "Function",
1191
- "constructor",
1192
- "global",
1193
- "globalThis",
1194
- "module",
1195
- "exports",
1196
- "__proto__"
1197
- ]);
1198
- function sanitizeGlobalKey(key) {
1199
- return key.replace(/[^a-zA-Z0-9_$]/g, "_");
1200
- }
1201
- function buildGlobals(context) {
1202
- const globals = {};
1203
- if (context.React) {
1204
- globals["React"] = context.React;
1205
- }
1206
- if (context.ReactDOM) {
1207
- globals["ReactDOM"] = context.ReactDOM;
1208
- }
1209
- if (context.React) {
1210
- const jsxRuntime = createJSXRuntime(context.React);
1211
- globals["__jsx"] = jsxRuntime["jsx"];
1212
- globals["__jsxs"] = jsxRuntime["jsxs"];
1213
- globals["__jsxDEV"] = jsxRuntime["jsxDEV"];
1214
- globals["Fragment"] = jsxRuntime["Fragment"];
1215
- }
1216
- if (context.modules) {
1217
- for (const [key, value] of Object.entries(context.modules)) {
1218
- const sanitizedKey = sanitizeGlobalKey(key);
1219
- if (DANGEROUS_GLOBAL_KEYS.has(sanitizedKey)) {
1220
- throw new ExecutionError(
1221
- `Dangerous module key '${key}' (sanitized: '${sanitizedKey}') is not allowed in execution context`,
1222
- { code: "SECURITY_VIOLATION" }
1223
- );
1224
- }
1225
- globals[sanitizedKey] = value;
1226
- }
1227
- }
1228
- if (context.globals) {
1229
- for (const [key, value] of Object.entries(context.globals)) {
1230
- if (DANGEROUS_GLOBAL_KEYS.has(key)) {
1231
- throw new ExecutionError(`Dangerous global key '${key}' is not allowed in execution context`, {
1232
- code: "SECURITY_VIOLATION"
1233
- });
1234
- }
1235
- const sanitizedKey = sanitizeGlobalKey(key);
1236
- if (DANGEROUS_GLOBAL_KEYS.has(sanitizedKey)) {
1237
- throw new ExecutionError(
1238
- `Dangerous global key '${key}' (sanitized: '${sanitizedKey}') is not allowed in execution context`,
1239
- { code: "SECURITY_VIOLATION" }
1240
- );
1241
- }
1242
- globals[sanitizedKey] = value;
1243
- }
1244
- }
1245
- return globals;
1246
- }
1247
- function buildRequireFunction(context) {
1248
- const normalizedContextModules = {};
1249
- if (context.modules) {
1250
- for (const [key, value] of Object.entries(context.modules)) {
1251
- normalizedContextModules[key.toLowerCase()] = value;
1252
- }
1253
- }
1254
- const modules = {
1255
- react: context.React,
1256
- "react-dom": context.ReactDOM,
1257
- "react/jsx-runtime": context.React ? createJSXRuntime(context.React) : void 0,
1258
- "react/jsx-dev-runtime": context.React ? createJSXRuntime(context.React) : void 0,
1259
- ...normalizedContextModules
1260
- };
1261
- return (id) => {
1262
- const normalizedId = id.toLowerCase();
1263
- if (normalizedId in modules) {
1264
- const mod = modules[normalizedId];
1265
- if (mod === void 0) {
1266
- throw new Error(`Module '${id}' is not available. Did you forget to provide it in the context?`);
1267
- }
1268
- return mod;
1269
- }
1270
- throw new Error(`Module '${id}' is not available in the sandbox environment`);
1271
- };
1272
- }
1273
- async function executeCode(code, context = {}) {
1274
- const consoleOutput = [];
1275
- const globals = buildGlobals(context);
1276
- globals["console"] = {
1277
- log: (...args) => {
1278
- consoleOutput.push(args.map(String).join(" "));
1279
- },
1280
- info: (...args) => {
1281
- consoleOutput.push(`[INFO] ${args.map(String).join(" ")}`);
1282
- },
1283
- warn: (...args) => {
1284
- consoleOutput.push(`[WARN] ${args.map(String).join(" ")}`);
1285
- },
1286
- error: (...args) => {
1287
- consoleOutput.push(`[ERROR] ${args.map(String).join(" ")}`);
1288
- },
1289
- debug: (...args) => {
1290
- consoleOutput.push(`[DEBUG] ${args.map(String).join(" ")}`);
1291
- },
1292
- trace: () => {
1293
- },
1294
- dir: () => {
1295
- },
1296
- table: () => {
1297
- },
1298
- group: () => {
1299
- },
1300
- groupEnd: () => {
1301
- },
1302
- time: () => {
1303
- },
1304
- timeEnd: () => {
1305
- },
1306
- assert: () => {
1307
- },
1308
- clear: () => {
1309
- },
1310
- count: () => {
1311
- },
1312
- countReset: () => {
1313
- }
1314
- };
1315
- globals["require"] = buildRequireFunction(context);
1316
- const enclave = new Enclave({
1317
- ...DEFAULT_ENCLAVE_OPTIONS,
1318
- timeout: context.timeout ?? DEFAULT_ENCLAVE_OPTIONS.timeout,
1319
- maxIterations: context.maxIterations ?? DEFAULT_ENCLAVE_OPTIONS.maxIterations,
1320
- securityLevel: mapSecurityLevel(context.security),
1321
- globals,
1322
- allowFunctionsInGlobals: true
1323
- // Required for React components
1324
- });
1325
- try {
1326
- const wrappedCode = `
1327
- const module = { exports: {} };
1328
- const exports = module.exports;
1329
- const __filename = 'widget.js';
1330
- const __dirname = '/';
1331
- ${code}
1332
- return module.exports;
1333
- `;
1334
- const result = await enclave.run(wrappedCode);
1335
- if (!result.success) {
1336
- const errorMessage = result.error?.message ?? "Execution failed";
1337
- const errorCode = result.error?.code;
1338
- if (errorCode === "TIMEOUT") {
1339
- throw new ExecutionError(`Execution timed out after ${context.timeout ?? DEFAULT_ENCLAVE_OPTIONS.timeout}ms`, {
1340
- code: "TIMEOUT"
1341
- });
1342
- }
1343
- if (errorCode === "MAX_ITERATIONS") {
1344
- throw new ExecutionError(
1345
- `Maximum iterations exceeded (${context.maxIterations ?? DEFAULT_ENCLAVE_OPTIONS.maxIterations})`,
1346
- {
1347
- code: "MAX_ITERATIONS"
1348
- }
1349
- );
1350
- }
1351
- if (errorCode === "VALIDATION_ERROR") {
1352
- throw new ExecutionError(`Security validation failed: ${errorMessage}`, { code: "SECURITY_VIOLATION" });
1353
- }
1354
- throw new ExecutionError(errorMessage, result.error);
1355
- }
1356
- return {
1357
- exports: result.value,
1358
- executionTime: result.stats.duration,
1359
- consoleOutput: consoleOutput.length > 0 ? consoleOutput : void 0
1360
- };
1361
- } finally {
1362
- enclave.dispose();
1363
- }
1364
- }
1365
- async function executeDefault(code, context = {}) {
1366
- const result = await executeCode(code, context);
1367
- if ("default" in result.exports) {
1368
- return result.exports.default;
1369
- }
1370
- const exportKeys = Object.keys(result.exports);
1371
- if (exportKeys.length === 0) {
1372
- throw new ExecutionError("Code did not export any values");
1373
- }
1374
- if (exportKeys.length === 1) {
1375
- return result.exports[exportKeys[0]];
1376
- }
1377
- return result.exports;
1378
- }
1379
- var ExecutionError = class extends Error {
1380
- /** Error code for categorization */
1381
- code;
1382
- constructor(message, cause) {
1383
- super(message, { cause });
1384
- this.name = "ExecutionError";
1385
- if (cause && typeof cause === "object" && "code" in cause) {
1386
- this.code = cause.code;
1387
- }
1388
- }
1389
- };
1390
- function isExecutionError(error) {
1391
- return error instanceof ExecutionError;
1392
- }
1393
-
1394
- // libs/ui/src/utils/escape-html.ts
1395
- function escapeHtml(str) {
1396
- if (str === null || str === void 0) {
1397
- return "";
1398
- }
1399
- const s = String(str);
1400
- return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
1401
- }
1402
- function escapeHtmlAttr(str) {
1403
- return str.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
1404
- }
1405
-
1406
- // libs/ui/src/universal/types.ts
1407
- var UNIVERSAL_CDN = {
1408
- esm: {
1409
- reactMarkdown: "https://esm.sh/react-markdown@9",
1410
- mdxReact: "https://esm.sh/@mdx-js/react@3",
1411
- remarkGfm: "https://esm.sh/remark-gfm@4"
1412
- }
1413
- // Note: These libraries are not available on cdnjs
1414
- // For Claude, we use inline implementations
1415
- };
1416
- function detectContentType(source) {
1417
- if (typeof source === "function") {
1418
- return "react";
1419
- }
1420
- if (typeof source !== "string") {
1421
- return "html";
1422
- }
1423
- const hasModuleSyntax = /^import\s+/m.test(source) || /^export\s+(default\s+)?/m.test(source) || /^const\s+\w+\s*=\s*\([^)]*\)\s*=>/m.test(source) || // Arrow function components
1424
- /^function\s+\w+\s*\(/m.test(source);
1425
- const hasJsxTags = /<[A-Z][a-zA-Z]*/.test(source);
1426
- const hasMarkdown = /^#{1,6}\s/m.test(source) || /^\*\s/m.test(source) || /^-\s/m.test(source) || /^\d+\.\s/m.test(source);
1427
- if (hasModuleSyntax && hasJsxTags) {
1428
- return "react";
1429
- }
1430
- if (hasJsxTags && hasMarkdown && !hasModuleSyntax) {
1431
- return "mdx";
1432
- }
1433
- if (hasMarkdown || /\*\*[^*]+\*\*/.test(source) || /\[[^\]]+\]\([^)]+\)/.test(source)) {
1434
- return "markdown";
1435
- }
1436
- if (hasJsxTags && !hasModuleSyntax) {
1437
- return "mdx";
1438
- }
1439
- return "html";
1440
- }
1441
-
1442
- // libs/ui/src/universal/cached-runtime.ts
1443
- var RUNTIME_PLACEHOLDERS = {
1444
- /** Placeholder for transpiled component code */
1445
- COMPONENT_CODE: "/*__FRONTMCP_COMPONENT_CODE__*/",
1446
- /** Placeholder for data injection */
1447
- DATA_INJECTION: "/*__FRONTMCP_DATA_INJECTION__*/",
1448
- /** Placeholder for custom components */
1449
- CUSTOM_COMPONENTS: "/*__FRONTMCP_CUSTOM_COMPONENTS__*/"
1450
- };
1451
- var runtimeCache = /* @__PURE__ */ new Map();
1452
- var DEFAULT_CACHE_CONFIG = {
1453
- maxEntries: 10,
1454
- ttl: 0
1455
- // Forever by default
1456
- };
1457
- function generateCacheKey(options) {
1458
- const securityKey = options.contentSecurity ? [
1459
- options.contentSecurity.allowUnsafeLinks ? "unsafeLinks" : "",
1460
- options.contentSecurity.allowInlineScripts ? "unsafeScripts" : "",
1461
- options.contentSecurity.bypassSanitization ? "bypass" : ""
1462
- ].filter(Boolean).join("+") || "secure" : "secure";
1463
- return [
1464
- options.cdnType,
1465
- options.includeMarkdown ? "md" : "",
1466
- options.includeMdx ? "mdx" : "",
1467
- options.minify ? "min" : "",
1468
- securityKey
1469
- ].filter(Boolean).join(":");
1470
- }
1471
- function buildStoreRuntime() {
1472
- return `
1473
- // FrontMCP Store (Vendor)
1474
- (function() {
1475
- var state = {
1476
- toolName: null,
1477
- input: null,
1478
- output: null,
1479
- content: null,
1480
- structuredContent: null,
1481
- loading: false,
1482
- error: null
1483
- };
1484
-
1485
- var listeners = new Set();
1486
-
1487
- window.__frontmcp = {
1488
- getState: function() { return state; },
1489
- setState: function(partial) {
1490
- state = Object.assign({}, state, partial);
1491
- listeners.forEach(function(fn) { fn(); });
1492
- },
1493
- subscribe: function(fn) {
1494
- listeners.add(fn);
1495
- return function() { listeners.delete(fn); };
1496
- },
1497
- reset: function() {
1498
- state = {
1499
- toolName: null,
1500
- input: null,
1501
- output: null,
1502
- content: null,
1503
- structuredContent: null,
1504
- loading: false,
1505
- error: null
1506
- };
1507
- },
1508
- context: state,
1509
- setContext: function(ctx) {
1510
- this.setState(ctx);
1511
- }
1512
- };
1513
-
1514
- // React hooks
1515
- window.useFrontMCPStore = function() {
1516
- var store = window.__frontmcp;
1517
- return React.useSyncExternalStore(
1518
- store.subscribe,
1519
- store.getState,
1520
- store.getState
1521
- );
1522
- };
1523
-
1524
- window.useToolOutput = function() {
1525
- return window.useFrontMCPStore().output;
1526
- };
1527
-
1528
- window.useToolInput = function() {
1529
- return window.useFrontMCPStore().input;
1530
- };
1531
-
1532
- window.useContent = function() {
1533
- return window.useFrontMCPStore().content;
1534
- };
1535
- })();
1536
- `;
1537
- }
1538
- function buildRequireShim() {
1539
- return `
1540
- // Module Require Shim (Vendor)
1541
- (function() {
1542
- window.__moduleCache = {};
1543
- window.require = function(moduleName) {
1544
- if (window.__moduleCache[moduleName]) {
1545
- return window.__moduleCache[moduleName];
1546
- }
1547
-
1548
- var moduleMap = {
1549
- 'react': function() { return window.React; },
1550
- 'react-dom': function() { return window.ReactDOM; },
1551
- 'react-dom/client': function() { return window.ReactDOM; },
1552
- 'react/jsx-runtime': function() { return window.jsx_runtime_namespaceObject; },
1553
- 'react/jsx-dev-runtime': function() { return window.jsx_runtime_namespaceObject; },
1554
- '@frontmcp/ui': function() { return window.frontmcp_ui_namespaceObject; },
1555
- '@frontmcp/ui/react': function() { return window.frontmcp_ui_namespaceObject; }
1556
- };
1557
-
1558
- var resolver = moduleMap[moduleName];
1559
- if (resolver) {
1560
- var mod = resolver();
1561
- window.__moduleCache[moduleName] = mod;
1562
- return mod;
1563
- }
1564
-
1565
- console.warn('[FrontMCP] Unknown module:', moduleName);
1566
- return {};
1567
- };
1568
- })();
1569
- `;
1570
- }
1571
- function buildInlineMarkdownParser(options) {
1572
- const allowUnsafeLinks = options?.contentSecurity?.bypassSanitization || options?.contentSecurity?.allowUnsafeLinks;
1573
- return `
1574
- // Inline Markdown Parser (Vendor)
1575
- (function() {
1576
- // XSS protection settings (configured at build time)
1577
- // Set to true if contentSecurity.allowUnsafeLinks or bypassSanitization is enabled
1578
- var __allowUnsafeLinks = ${allowUnsafeLinks ? "true" : "false"};
1579
-
1580
- // URL scheme validation to prevent XSS via javascript: URLs
1581
- function isSafeUrl(url) {
1582
- // If unsafe links are explicitly allowed, skip validation
1583
- if (__allowUnsafeLinks) return true;
1584
- if (!url) return false;
1585
- var lower = url.toLowerCase().trim();
1586
- return lower.startsWith('http://') ||
1587
- lower.startsWith('https://') ||
1588
- lower.startsWith('/') ||
1589
- lower.startsWith('#') ||
1590
- lower.startsWith('mailto:');
1591
- }
1592
-
1593
- function parseMarkdown(md) {
1594
- var html = md;
1595
- html = html.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
1596
- html = html.replace(/^######\\s+(.*)$/gm, '<h6>$1</h6>');
1597
- html = html.replace(/^#####\\s+(.*)$/gm, '<h5>$1</h5>');
1598
- html = html.replace(/^####\\s+(.*)$/gm, '<h4>$1</h4>');
1599
- html = html.replace(/^###\\s+(.*)$/gm, '<h3>$1</h3>');
1600
- html = html.replace(/^##\\s+(.*)$/gm, '<h2>$1</h2>');
1601
- html = html.replace(/^#\\s+(.*)$/gm, '<h1>$1</h1>');
1602
- html = html.replace(/\\*\\*\\*(.+?)\\*\\*\\*/g, '<strong><em>$1</em></strong>');
1603
- html = html.replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>');
1604
- html = html.replace(/\\*(.+?)\\*/g, '<em>$1</em>');
1605
- html = html.replace(/\`([^\`]+)\`/g, '<code>$1</code>');
1606
- // Links - validate URL scheme to prevent XSS (unless bypassed)
1607
- html = html.replace(/\\[([^\\]]+)\\]\\(([^)]+)\\)/g, function(match, text, url) {
1608
- return isSafeUrl(url) ? '<a href="' + url + '">' + text + '</a>' : text;
1609
- });
1610
- html = html.replace(/^[-*]\\s+(.*)$/gm, '<li>$1</li>');
1611
- html = html.replace(/\\n\\n+/g, '</p><p>');
1612
- html = '<p>' + html + '</p>';
1613
- return html;
1614
- }
1615
-
1616
- window.__frontmcp.parseMarkdown = parseMarkdown;
1617
-
1618
- window.ReactMarkdown = function(props) {
1619
- var html = parseMarkdown(props.children || '');
1620
- return React.createElement('div', {
1621
- className: 'frontmcp-markdown prose',
1622
- dangerouslySetInnerHTML: { __html: html }
1623
- });
1624
- };
1625
- })();
1626
- `;
1627
- }
1628
- function buildRenderersRuntime(options) {
1629
- const bypassSanitization = options?.contentSecurity?.bypassSanitization;
1630
- const allowInlineScripts = bypassSanitization || options?.contentSecurity?.allowInlineScripts;
1631
- return `
1632
- // Universal Renderers (Vendor)
1633
- (function() {
1634
- var renderers = {};
1635
-
1636
- // XSS protection settings (configured at build time)
1637
- // Set to true if contentSecurity.allowInlineScripts or bypassSanitization is enabled
1638
- var __allowInlineScripts = ${allowInlineScripts ? "true" : "false"};
1639
-
1640
- renderers.html = {
1641
- type: 'html',
1642
- priority: 0,
1643
- canHandle: function(c) { return c.type === 'html'; },
1644
- render: function(c, ctx) {
1645
- var html = c.source;
1646
- // Apply XSS protection unless bypassed
1647
- if (!__allowInlineScripts) {
1648
- // Remove script tags and event handlers to prevent XSS
1649
- html = html.replace(/<script[^>]*>[\\s\\S]*?<\\/script>/gi, '');
1650
- html = html.replace(/\\s+on\\w+\\s*=/gi, ' data-removed-handler=');
1651
- }
1652
- return React.createElement('div', {
1653
- className: 'frontmcp-html-content',
1654
- dangerouslySetInnerHTML: { __html: html }
1655
- });
1656
- }
1657
- };
1658
-
1659
- renderers.markdown = {
1660
- type: 'markdown',
1661
- priority: 10,
1662
- canHandle: function(c) {
1663
- if (c.type === 'markdown') return true;
1664
- if (typeof c.source !== 'string') return false;
1665
- var s = c.source;
1666
- return /^#{1,6}\\s/m.test(s) || /^[-*]\\s/m.test(s) || /\\*\\*[^*]+\\*\\*/.test(s);
1667
- },
1668
- render: function(c, ctx) {
1669
- if (window.ReactMarkdown) {
1670
- return React.createElement(window.ReactMarkdown, {
1671
- children: c.source,
1672
- components: Object.assign({}, ctx.components, c.components)
1673
- });
1674
- }
1675
- var html = window.__frontmcp.parseMarkdown ? window.__frontmcp.parseMarkdown(c.source) : c.source;
1676
- return React.createElement('div', {
1677
- className: 'frontmcp-markdown prose',
1678
- dangerouslySetInnerHTML: { __html: html }
1679
- });
1680
- }
1681
- };
1682
-
1683
- renderers.react = {
1684
- type: 'react',
1685
- priority: 30,
1686
- canHandle: function(c) { return c.type === 'react' || typeof c.source === 'function'; },
1687
- render: function(c, ctx) {
1688
- var Component = c.source;
1689
- var props = Object.assign({
1690
- output: ctx.output,
1691
- input: ctx.input,
1692
- state: ctx.state,
1693
- data: ctx.output // Alias for convenience
1694
- }, c.props);
1695
- return React.createElement(Component, props);
1696
- }
1697
- };
1698
-
1699
- renderers.mdx = {
1700
- type: 'mdx',
1701
- priority: 20,
1702
- canHandle: function(c) {
1703
- if (c.type === 'mdx') return true;
1704
- if (typeof c.source !== 'string') return false;
1705
- var s = c.source;
1706
- return /<[A-Z][a-zA-Z]*/.test(s) && /^#{1,6}\\s/m.test(s);
1707
- },
1708
- render: function(c, ctx) {
1709
- if (typeof c.compiledContent === 'function') {
1710
- var MDXContent = c.compiledContent;
1711
- return React.createElement(MDXContent, {
1712
- output: ctx.output,
1713
- input: ctx.input,
1714
- components: Object.assign({}, ctx.components, c.components)
1715
- });
1716
- }
1717
- return React.createElement('div', { className: 'frontmcp-mdx-fallback' }, [
1718
- React.createElement('div', {
1719
- key: 'warn',
1720
- className: 'bg-yellow-50 border border-yellow-200 rounded p-2 mb-2 text-sm text-yellow-800'
1721
- }, 'MDX requires pre-compilation. Showing raw content.'),
1722
- React.createElement('pre', {
1723
- key: 'pre',
1724
- className: 'bg-gray-100 p-4 rounded text-sm overflow-auto'
1725
- }, c.source)
1726
- ]);
1727
- }
1728
- };
1729
-
1730
- var sortedRenderers = [renderers.react, renderers.mdx, renderers.markdown, renderers.html];
1731
-
1732
- window.__frontmcp.detectRenderer = function(content) {
1733
- if (content.type && renderers[content.type]) {
1734
- return renderers[content.type];
1735
- }
1736
- for (var i = 0; i < sortedRenderers.length; i++) {
1737
- if (sortedRenderers[i].canHandle(content)) {
1738
- return sortedRenderers[i];
1739
- }
1740
- }
1741
- return renderers.html;
1742
- };
1743
-
1744
- window.__frontmcp.renderContent = function(content, context) {
1745
- var renderer = window.__frontmcp.detectRenderer(content);
1746
- return renderer.render(content, context);
1747
- };
1748
-
1749
- window.__frontmcp.renderers = renderers;
1750
- })();
1751
- `;
1752
- }
1753
- function buildUIComponentsRuntime() {
1754
- return `
1755
- // UI Components (Vendor)
1756
- (function() {
1757
- window.Card = function(props) {
1758
- var children = props.children;
1759
- var title = props.title;
1760
- var className = props.className || '';
1761
- return React.createElement('div', {
1762
- className: 'bg-white rounded-lg shadow border border-gray-200 overflow-hidden ' + className
1763
- }, [
1764
- title && React.createElement('div', {
1765
- key: 'header',
1766
- className: 'px-4 py-3 border-b border-gray-200 bg-gray-50'
1767
- }, React.createElement('h3', { className: 'text-sm font-medium text-gray-900' }, title)),
1768
- React.createElement('div', { key: 'body', className: 'p-4' }, children)
1769
- ]);
1770
- };
1771
-
1772
- window.Badge = function(props) {
1773
- var children = props.children;
1774
- var variant = props.variant || 'default';
1775
- var variantClasses = {
1776
- default: 'bg-gray-100 text-gray-800',
1777
- success: 'bg-green-100 text-green-800',
1778
- warning: 'bg-yellow-100 text-yellow-800',
1779
- error: 'bg-red-100 text-red-800',
1780
- info: 'bg-blue-100 text-blue-800'
1781
- };
1782
- return React.createElement('span', {
1783
- className: 'inline-flex items-center px-2 py-0.5 rounded text-xs font-medium ' + (variantClasses[variant] || variantClasses.default)
1784
- }, children);
1785
- };
1786
-
1787
- window.Button = function(props) {
1788
- var children = props.children;
1789
- var variant = props.variant || 'primary';
1790
- var onClick = props.onClick;
1791
- var disabled = props.disabled;
1792
- var variantClasses = {
1793
- primary: 'bg-blue-600 text-white hover:bg-blue-700',
1794
- secondary: 'bg-gray-100 text-gray-900 hover:bg-gray-200',
1795
- outline: 'border border-gray-300 text-gray-700 hover:bg-gray-50',
1796
- danger: 'bg-red-600 text-white hover:bg-red-700'
1797
- };
1798
- return React.createElement('button', {
1799
- className: 'px-4 py-2 rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ' +
1800
- (disabled ? 'opacity-50 cursor-not-allowed ' : '') +
1801
- (variantClasses[variant] || variantClasses.primary),
1802
- onClick: onClick,
1803
- disabled: disabled
1804
- }, children);
1805
- };
1806
-
1807
- // Export to namespace
1808
- window.frontmcp_ui_namespaceObject = Object.assign({}, window.React || {}, {
1809
- useToolOutput: window.useToolOutput,
1810
- useToolInput: window.useToolInput,
1811
- useMcpBridgeContext: function() { return window.__frontmcp.context; },
1812
- useCallTool: function() { return function() { return Promise.resolve(null); }; },
1813
- Card: window.Card,
1814
- Badge: window.Badge,
1815
- Button: window.Button
1816
- });
1817
- })();
1818
- `;
1819
- }
1820
- function buildUniversalAppRuntime() {
1821
- return `
1822
- // Universal App (Vendor)
1823
- (function() {
1824
- var LoadingSpinner = function() {
1825
- return React.createElement('div', {
1826
- className: 'frontmcp-loading flex items-center justify-center min-h-[200px]'
1827
- }, React.createElement('div', {
1828
- className: 'frontmcp-spinner w-6 h-6 border-2 border-gray-200 border-t-blue-500 rounded-full animate-spin'
1829
- }));
1830
- };
1831
-
1832
- var ErrorDisplay = function(props) {
1833
- return React.createElement('div', {
1834
- className: 'frontmcp-error bg-red-50 border border-red-200 rounded-lg p-4 text-red-800'
1835
- }, [
1836
- React.createElement('div', { key: 'title', className: 'font-medium' }, 'Error'),
1837
- React.createElement('div', { key: 'msg', className: 'text-sm mt-1' }, props.error)
1838
- ]);
1839
- };
1840
-
1841
- var EmptyState = function() {
1842
- return React.createElement('div', {
1843
- className: 'frontmcp-empty text-gray-500 text-center py-8'
1844
- }, 'No content to display');
1845
- };
1846
-
1847
- window.__frontmcp.UniversalApp = function(props) {
1848
- var state = window.useFrontMCPStore();
1849
-
1850
- if (state.loading) {
1851
- return props.fallback || React.createElement(LoadingSpinner);
1852
- }
1853
-
1854
- if (state.error) {
1855
- var ErrorComp = props.errorFallback || ErrorDisplay;
1856
- return React.createElement(ErrorComp, { error: state.error });
1857
- }
1858
-
1859
- var content = props.content || state.content;
1860
-
1861
- if (!content) {
1862
- return React.createElement(EmptyState);
1863
- }
1864
-
1865
- var context = {
1866
- output: state.output,
1867
- input: state.input,
1868
- state: state,
1869
- components: props.components || {}
1870
- };
1871
-
1872
- var rendered = window.__frontmcp.renderContent(content, context);
1873
- return React.createElement('div', { className: 'frontmcp-content' }, rendered);
1874
- };
1875
-
1876
- window.__frontmcp.LoadingSpinner = LoadingSpinner;
1877
- window.__frontmcp.ErrorDisplay = ErrorDisplay;
1878
- window.__frontmcp.EmptyState = EmptyState;
1879
- })();
1880
- `;
1881
- }
1882
- function buildComponentWrapper() {
1883
- return `
1884
- // Component Execution (App Chunk)
1885
- (function() {
1886
- ${RUNTIME_PLACEHOLDERS.COMPONENT_CODE}
1887
- })();
1888
- `;
1889
- }
1890
- function buildDataInjectionWrapper() {
1891
- return `
1892
- // Data Injection (App Chunk)
1893
- (function() {
1894
- ${RUNTIME_PLACEHOLDERS.DATA_INJECTION}
1895
- })();
1896
- `;
1897
- }
1898
- function buildCustomComponentsWrapper() {
1899
- return `
1900
- // Custom Components (App Chunk)
1901
- (function() {
1902
- ${RUNTIME_PLACEHOLDERS.CUSTOM_COMPONENTS}
1903
- })();
1904
- `;
1905
- }
1906
- function buildCdnImports(options) {
1907
- const parts = [];
1908
- if (options.cdnType === "esm") {
1909
- if (options.includeMarkdown) {
1910
- parts.push(`
1911
- <script type="module">
1912
- import ReactMarkdown from '${UNIVERSAL_CDN.esm.reactMarkdown}';
1913
- window.ReactMarkdown = ReactMarkdown;
1914
- </script>`);
1915
- }
1916
- if (options.includeMdx) {
1917
- parts.push(`
1918
- <script type="module">
1919
- import { MDXProvider } from '${UNIVERSAL_CDN.esm.mdxReact}';
1920
- window.MDXProvider = MDXProvider;
1921
- </script>`);
1922
- }
1923
- }
1924
- return parts.join("\n");
1925
- }
1926
- function getCachedRuntime(options, config = {}) {
1927
- const cacheKey = generateCacheKey(options);
1928
- const cacheConfig = { ...DEFAULT_CACHE_CONFIG, ...config };
1929
- const cached = runtimeCache.get(cacheKey);
1930
- if (cached) {
1931
- if (cacheConfig.ttl === 0 || Date.now() - cached.cachedAt < cacheConfig.ttl) {
1932
- return {
1933
- vendorScript: cached.script,
1934
- appTemplate: buildAppTemplate(),
1935
- cdnImports: cached.cdnImports,
1936
- vendorSize: cached.size,
1937
- cached: true,
1938
- cacheKey
1939
- };
1940
- }
1941
- runtimeCache.delete(cacheKey);
1942
- }
1943
- const vendorParts = [buildStoreRuntime(), buildRequireShim()];
1944
- if (options.cdnType === "umd" || options.includeMarkdown) {
1945
- vendorParts.push(buildInlineMarkdownParser(options));
1946
- }
1947
- vendorParts.push(buildRenderersRuntime(options));
1948
- vendorParts.push(buildUIComponentsRuntime());
1949
- vendorParts.push(buildUniversalAppRuntime());
1950
- let vendorScript = vendorParts.join("\n");
1951
- if (options.minify) {
1952
- vendorScript = minifyScript(vendorScript);
1953
- }
1954
- const cdnImports = buildCdnImports(options);
1955
- const entry = {
1956
- script: vendorScript,
1957
- cdnImports,
1958
- size: vendorScript.length,
1959
- cacheKey,
1960
- cachedAt: Date.now()
1961
- };
1962
- if (runtimeCache.size >= cacheConfig.maxEntries) {
1963
- const oldestKey = runtimeCache.keys().next().value;
1964
- if (oldestKey) {
1965
- runtimeCache.delete(oldestKey);
1966
- }
1967
- }
1968
- runtimeCache.set(cacheKey, entry);
1969
- return {
1970
- vendorScript,
1971
- appTemplate: buildAppTemplate(),
1972
- cdnImports,
1973
- vendorSize: vendorScript.length,
1974
- cached: false,
1975
- cacheKey
1976
- };
1977
- }
1978
- function buildAppTemplate() {
1979
- return [buildCustomComponentsWrapper(), buildComponentWrapper(), buildDataInjectionWrapper()].join("\n");
1980
- }
1981
- function minifyScript(script) {
1982
- return script.replace(/\/\/[^\n]*/g, "").replace(/\/\*[\s\S]*?\*\//g, "").replace(/\n\s*\n/g, "\n").replace(/^\s+/gm, "").trim();
1983
- }
1984
- function buildAppScript(appTemplate, componentCode, dataInjection, customComponents = "") {
1985
- return appTemplate.replace(RUNTIME_PLACEHOLDERS.CUSTOM_COMPONENTS, customComponents || "// No custom components").replace(RUNTIME_PLACEHOLDERS.COMPONENT_CODE, componentCode || "// No component code").replace(RUNTIME_PLACEHOLDERS.DATA_INJECTION, dataInjection);
1986
- }
1987
- function buildDataInjectionCode(toolName, input, output, structuredContent, contentType, source, hasComponent) {
1988
- const safeJson = (value) => {
1989
- try {
1990
- return JSON.stringify(value);
1991
- } catch {
1992
- return "null";
1993
- }
1994
- };
1995
- if (hasComponent) {
1996
- return `
1997
- window.__frontmcp.setState({
1998
- toolName: ${safeJson(toolName)},
1999
- input: ${safeJson(input ?? null)},
2000
- output: ${safeJson(output ?? null)},
2001
- structuredContent: ${safeJson(structuredContent ?? null)},
2002
- content: {
2003
- type: 'react',
2004
- source: window.__frontmcp_component
2005
- },
2006
- loading: false,
2007
- error: null
2008
- });`;
2009
- }
2010
- return `
2011
- window.__frontmcp.setState({
2012
- toolName: ${safeJson(toolName)},
2013
- input: ${safeJson(input ?? null)},
2014
- output: ${safeJson(output ?? null)},
2015
- structuredContent: ${safeJson(structuredContent ?? null)},
2016
- content: {
2017
- type: ${safeJson(contentType)},
2018
- source: ${safeJson(source)}
2019
- },
2020
- loading: false,
2021
- error: null
2022
- });`;
2023
- }
2024
- function buildComponentCode(transpiledCode) {
2025
- return `
2026
- // CommonJS module shim
2027
- var module = { exports: {} };
2028
- var exports = module.exports;
2029
-
2030
- // Execute transpiled component
2031
- ${transpiledCode}
2032
-
2033
- // Capture component
2034
- window.__frontmcp_component = module.exports.default || module.exports;`;
2035
- }
2036
-
2037
- // libs/ui/src/bundler/bundler.ts
2038
- var esbuildTransform = null;
2039
- async function loadEsbuild() {
2040
- if (esbuildTransform !== null) {
2041
- return esbuildTransform;
2042
- }
2043
- try {
2044
- const esbuild = await import("esbuild");
2045
- esbuildTransform = esbuild.transform;
2046
- return esbuildTransform;
2047
- } catch {
2048
- try {
2049
- const swc = await import("@swc/core");
2050
- esbuildTransform = async (source, options) => {
2051
- const opts = options;
2052
- const result = await swc.transform(source, {
2053
- jsc: {
2054
- parser: {
2055
- syntax: "typescript",
2056
- tsx: opts.loader === "tsx" || opts.loader === "jsx"
2057
- },
2058
- transform: {
2059
- react: {
2060
- runtime: "automatic",
2061
- development: false
2062
- }
2063
- },
2064
- target: "es2020",
2065
- minify: opts.minify ? { compress: true, mangle: true } : void 0
2066
- },
2067
- module: {
2068
- type: "commonjs"
2069
- },
2070
- sourceMaps: opts.sourcemap ? true : false
2071
- });
2072
- return { code: result.code, map: result.map };
2073
- };
2074
- return esbuildTransform;
2075
- } catch {
2076
- console.warn(
2077
- "[@frontmcp/ui/bundler] Neither esbuild nor @swc/core available. Install esbuild for best performance: npm install esbuild"
2078
- );
2079
- return null;
2080
- }
2081
- }
2082
- }
2083
- function sanitizeRootId(rootId) {
2084
- const safeId = rootId.replace(/[^a-zA-Z0-9_-]/g, "");
2085
- if (safeId !== rootId) {
2086
- console.warn("[FrontMCP] rootId sanitized:", { original: rootId, sanitized: safeId });
2087
- }
2088
- return safeId || "frontmcp-root";
2089
- }
2090
- function sanitizeCss(css) {
2091
- return css.replace(/<\/style>/gi, "\\3c/style\\3e");
2092
- }
2093
- var InMemoryBundler = class {
2094
- cache;
2095
- options;
2096
- defaultSecurity;
2097
- constructor(options = {}) {
2098
- this.options = {
2099
- ...DEFAULT_BUNDLER_OPTIONS,
2100
- ...options,
2101
- cache: {
2102
- ...DEFAULT_BUNDLER_OPTIONS.cache,
2103
- ...options.cache
2104
- }
2105
- };
2106
- this.cache = new BundlerCache({
2107
- maxSize: this.options.cache.maxSize,
2108
- ttl: this.options.cache.ttl
2109
- });
2110
- this.defaultSecurity = mergePolicy(options.defaultSecurity);
2111
- }
2112
- /**
2113
- * Bundle source code.
2114
- *
2115
- * @param options - Bundle options
2116
- * @returns Bundle result
2117
- */
2118
- async bundle(options) {
2119
- const startTime = performance.now();
2120
- const opts = this.mergeOptions(options);
2121
- if (!opts.skipCache && !this.options.cache.disabled) {
2122
- const cacheKey = options.cacheKey ?? createCacheKey(options.source, opts);
2123
- const cached = this.cache.get(cacheKey);
2124
- if (cached) {
2125
- return {
2126
- ...cached,
2127
- cached: true,
2128
- metrics: {
2129
- ...cached.metrics,
2130
- cacheTime: performance.now() - startTime
2131
- }
2132
- };
2133
- }
2134
- }
2135
- const security = mergePolicy(options.security ?? this.defaultSecurity);
2136
- const violations = validateSource(options.source, security);
2137
- throwOnViolations(violations);
2138
- const sourceType = opts.sourceType === "auto" ? this.detectSourceType(options.source) : opts.sourceType;
2139
- const transformStart = performance.now();
2140
- const transformed = await this.transform(options.source, sourceType, opts);
2141
- const transformTime = performance.now() - transformStart;
2142
- const sizeViolation = validateSize(transformed.code.length, security);
2143
- if (sizeViolation) {
2144
- throwOnViolations([sizeViolation]);
2145
- }
2146
- const hash = hashContent(transformed.code);
2147
- const result = {
2148
- code: transformed.code,
2149
- hash,
2150
- cached: false,
2151
- size: transformed.code.length,
2152
- map: transformed.map,
2153
- metrics: {
2154
- transformTime,
2155
- bundleTime: 0,
2156
- // No separate bundle step for transform-only
2157
- totalTime: performance.now() - startTime
2158
- },
2159
- sourceType,
2160
- format: opts.format
2161
- };
2162
- if (!this.options.cache.disabled) {
2163
- const cacheKey = options.cacheKey ?? createCacheKey(options.source, opts);
2164
- this.cache.set(cacheKey, result);
2165
- }
2166
- return result;
2167
- }
2168
- /**
2169
- * Bundle and execute for SSR.
2170
- *
2171
- * @param options - SSR bundle options
2172
- * @returns SSR result with rendered HTML
2173
- */
2174
- async bundleSSR(options) {
2175
- const startTime = performance.now();
2176
- const bundleResult = await this.bundle({
2177
- ...options,
2178
- format: "cjs"
2179
- // CommonJS for execution
2180
- });
2181
- let React;
2182
- let ReactDOMServer;
2183
- try {
2184
- React = await import("react");
2185
- ReactDOMServer = await import("react-dom/server");
2186
- } catch {
2187
- throw new Error("React and react-dom/server are required for SSR. Install them: npm install react react-dom");
2188
- }
2189
- const renderStart = performance.now();
2190
- const Component = await executeDefault(bundleResult.code, {
2191
- React,
2192
- security: mergePolicy(options.security ?? this.defaultSecurity)
2193
- });
2194
- let html;
2195
- try {
2196
- const element = React.createElement(Component, options.context ?? {});
2197
- html = ReactDOMServer.renderToString(element);
2198
- } catch (error) {
2199
- throw new ExecutionError(
2200
- `SSR rendering failed: ${error instanceof Error ? error.message : String(error)}`,
2201
- error
2202
- );
2203
- }
2204
- const renderTime = performance.now() - renderStart;
2205
- let hydrationScript;
2206
- if (options.includeHydration) {
2207
- hydrationScript = this.buildHydrationScript(bundleResult.code, options.context);
2208
- }
2209
- return {
2210
- ...bundleResult,
2211
- html,
2212
- hydrationScript,
2213
- metrics: {
2214
- ...bundleResult.metrics,
2215
- totalTime: performance.now() - startTime
2216
- },
2217
- ssrMetrics: {
2218
- renderTime
2219
- }
2220
- };
2221
- }
2222
- /**
2223
- * Bundle and execute code, returning the exports.
2224
- *
2225
- * @param options - Bundle options
2226
- * @param context - Execution context
2227
- * @returns Exported value
2228
- */
2229
- async bundleAndExecute(options, context) {
2230
- const result = await this.bundle({
2231
- ...options,
2232
- format: "cjs"
2233
- // CommonJS for execution
2234
- });
2235
- let React;
2236
- try {
2237
- React = await import("react");
2238
- } catch {
2239
- }
2240
- return executeDefault(result.code, {
2241
- React,
2242
- globals: context,
2243
- security: mergePolicy(options.security ?? this.defaultSecurity)
2244
- });
2245
- }
2246
- /**
2247
- * Bundle a component to a self-contained static HTML document.
2248
- *
2249
- * Creates a complete HTML page with:
2250
- * - React runtime (CDN or inline based on platform)
2251
- * - FrontMCP UI hooks and components (always inline)
2252
- * - Tool data injection (input/output)
2253
- * - Transpiled component code
2254
- * - Client-side rendering via createRoot
2255
- *
2256
- * @param options - Static HTML options
2257
- * @returns Static HTML result with complete document
2258
- *
2259
- * @example
2260
- * ```typescript
2261
- * const result = await bundler.bundleToStaticHTML({
2262
- * source: `
2263
- * import { Card, useToolOutput } from '@frontmcp/ui/react';
2264
- * export default function Weather() {
2265
- * const output = useToolOutput();
2266
- * return <Card title="Weather">{output?.temperature}°F</Card>;
2267
- * }
2268
- * `,
2269
- * toolName: 'get_weather',
2270
- * output: { temperature: 72 },
2271
- * });
2272
- *
2273
- * // result.html contains the complete HTML document
2274
- * ```
2275
- */
2276
- async bundleToStaticHTML(options) {
2277
- const startTime = performance.now();
2278
- const opts = this.mergeStaticHTMLOptions(options);
2279
- const platform = opts.targetPlatform === "auto" ? "generic" : opts.targetPlatform;
2280
- const cdnType = getCdnTypeForPlatform(platform);
2281
- if (opts.universal) {
2282
- return this.bundleToStaticHTMLUniversal(options, opts, platform, cdnType, startTime);
2283
- }
2284
- const bundleResult = await this.bundle({
2285
- source: options.source,
2286
- sourceType: opts.sourceType,
2287
- format: "cjs",
2288
- minify: opts.minify,
2289
- sourceMaps: false,
2290
- externals: ["react", "react-dom", "react/jsx-runtime", "@frontmcp/ui", "@frontmcp/ui/react"],
2291
- security: opts.security,
2292
- skipCache: opts.skipCache
2293
- });
2294
- const head = this.buildStaticHTMLHead({ externals: opts.externals, customCss: opts.customCss });
2295
- const reactRuntime = this.buildReactRuntimeScripts(opts.externals, platform, cdnType);
2296
- const frontmcpRuntime = this.buildFrontMCPRuntime();
2297
- const dataScript = this.buildDataInjectionScript(opts.toolName, opts.input, opts.output, opts.structuredContent);
2298
- const componentScript = this.buildComponentRenderScript(bundleResult.code, opts.rootId, cdnType);
2299
- const html = this.assembleStaticHTML({
2300
- title: opts.title || `${opts.toolName} - Widget`,
2301
- head,
2302
- reactRuntime,
2303
- frontmcpRuntime,
2304
- dataScript,
2305
- componentScript,
2306
- rootId: opts.rootId,
2307
- cdnType
2308
- });
2309
- const hash = hashContent(html);
2310
- return {
2311
- html,
2312
- componentCode: bundleResult.code,
2313
- metrics: {
2314
- ...bundleResult.metrics,
2315
- totalTime: performance.now() - startTime
2316
- },
2317
- hash,
2318
- size: html.length,
2319
- cached: bundleResult.cached,
2320
- sourceType: bundleResult.sourceType,
2321
- targetPlatform: platform
2322
- };
2323
- }
2324
- /**
2325
- * Bundle to static HTML with universal rendering mode.
2326
- * Uses the universal renderer that can handle multiple content types.
2327
- *
2328
- * Optimization: Uses cached runtime (vendor chunk) to avoid rebuilding
2329
- * static code on every request. Only the user's component is transpiled.
2330
- */
2331
- async bundleToStaticHTMLUniversal(options, opts, platform, cdnType, startTime) {
2332
- let contentType;
2333
- const rawContentType = options.contentType ?? "auto";
2334
- if (rawContentType === "auto") {
2335
- contentType = detectContentType(options.source);
2336
- } else {
2337
- contentType = rawContentType;
2338
- }
2339
- let transpiledCode = null;
2340
- let transformTime = 0;
2341
- if (contentType === "react") {
2342
- const bundleResult = await this.bundle({
2343
- source: options.source,
2344
- sourceType: opts.sourceType,
2345
- format: "cjs",
2346
- minify: opts.minify,
2347
- sourceMaps: false,
2348
- externals: ["react", "react-dom", "react/jsx-runtime", "@frontmcp/ui", "@frontmcp/ui/react"],
2349
- security: opts.security,
2350
- skipCache: opts.skipCache
2351
- });
2352
- transpiledCode = bundleResult.code;
2353
- transformTime = bundleResult.metrics.transformTime;
2354
- }
2355
- const cachedRuntime = getCachedRuntime({
2356
- cdnType,
2357
- includeMarkdown: opts.includeMarkdown || contentType === "markdown",
2358
- includeMdx: opts.includeMdx || contentType === "mdx",
2359
- minify: opts.minify
2360
- });
2361
- const componentCodeStr = transpiledCode ? buildComponentCode(transpiledCode) : "";
2362
- const dataInjectionStr = buildDataInjectionCode(
2363
- opts.toolName,
2364
- opts.input,
2365
- opts.output,
2366
- opts.structuredContent,
2367
- contentType,
2368
- transpiledCode ? null : options.source,
2369
- // Pass source only if not a component
2370
- transpiledCode !== null
2371
- );
2372
- const appScript = buildAppScript(
2373
- cachedRuntime.appTemplate,
2374
- componentCodeStr,
2375
- dataInjectionStr,
2376
- opts.customComponents ?? ""
2377
- );
2378
- const head = this.buildStaticHTMLHead({ externals: opts.externals, customCss: opts.customCss });
2379
- const reactRuntime = this.buildReactRuntimeScripts(opts.externals, platform, cdnType);
2380
- const renderScript = this.buildUniversalRenderScript(opts.rootId, cdnType);
2381
- const html = this.assembleUniversalStaticHTMLCached({
2382
- title: opts.title || `${opts.toolName} - Widget`,
2383
- head,
2384
- reactRuntime,
2385
- cdnImports: cachedRuntime.cdnImports,
2386
- vendorScript: cachedRuntime.vendorScript,
2387
- appScript,
2388
- renderScript,
2389
- rootId: opts.rootId,
2390
- cdnType
2391
- });
2392
- const hash = hashContent(html);
2393
- return {
2394
- html,
2395
- componentCode: transpiledCode ?? appScript,
2396
- metrics: {
2397
- transformTime,
2398
- bundleTime: 0,
2399
- totalTime: performance.now() - startTime,
2400
- cacheTime: cachedRuntime.cached ? 0 : void 0
2401
- },
2402
- hash,
2403
- size: html.length,
2404
- cached: cachedRuntime.cached,
2405
- sourceType: opts.sourceType === "auto" ? this.detectSourceType(options.source) : opts.sourceType,
2406
- targetPlatform: platform,
2407
- universal: true,
2408
- contentType
2409
- };
2410
- }
2411
- /**
2412
- * Assemble the complete universal static HTML document using cached runtime.
2413
- *
2414
- * For ESM mode (OpenAI), scripts must wait for React to load asynchronously.
2415
- * For UMD mode (Claude), scripts can execute synchronously.
2416
- */
2417
- assembleUniversalStaticHTMLCached(parts) {
2418
- if (parts.cdnType === "umd") {
2419
- return `<!DOCTYPE html>
2420
- <html lang="en">
2421
- <head>
2422
- <title>${escapeHtml(parts.title)}</title>
2423
- ${parts.head}
2424
- ${parts.reactRuntime}
2425
- ${parts.cdnImports}
2426
- <!-- Vendor Runtime (Cached) -->
2427
- <script>
2428
- ${parts.vendorScript}
2429
- </script>
2430
- <!-- App Script (User Component) -->
2431
- <script>
2432
- ${parts.appScript}
2433
- </script>
2434
- </head>
2435
- <body>
2436
- <div id="${parts.rootId}" class="frontmcp-loading">
2437
- <div class="frontmcp-spinner"></div>
2438
- </div>
2439
- ${parts.renderScript}
2440
- </body>
2441
- </html>`;
2442
- } else {
2443
- return `<!DOCTYPE html>
2444
- <html lang="en">
2445
- <head>
2446
- <title>${escapeHtml(parts.title)}</title>
2447
- ${parts.head}
2448
- ${parts.reactRuntime}
2449
- ${parts.cdnImports}
2450
- </head>
2451
- <body>
2452
- <div id="${parts.rootId}" class="frontmcp-loading">
2453
- <div class="frontmcp-spinner"></div>
2454
- </div>
2455
- <!-- Scripts wait for React to load (ESM is async) -->
2456
- <script type="module">
2457
- // Wait for React to be ready
2458
- function initFrontMCP() {
2459
- // Vendor Runtime (Cached)
2460
- ${parts.vendorScript}
2461
-
2462
- // App Script (User Component)
2463
- ${parts.appScript}
2464
-
2465
- // Render the app
2466
- var container = document.getElementById('${parts.rootId}');
2467
- if (container && window.ReactDOM && window.ReactDOM.createRoot && window.__frontmcp.UniversalApp) {
2468
- var root = window.ReactDOM.createRoot(container);
2469
- root.render(React.createElement(window.__frontmcp.UniversalApp));
2470
- }
2471
- }
2472
-
2473
- if (window.__reactReady) {
2474
- initFrontMCP();
2475
- } else {
2476
- window.addEventListener('react:ready', initFrontMCP);
2477
- }
2478
- </script>
2479
- </body>
2480
- </html>`;
2481
- }
2482
- }
2483
- /**
2484
- * Build the component script for transpiled React/MDX content.
2485
- * Wraps CommonJS code with module/exports shim to capture the component.
2486
- */
2487
- buildUniversalComponentScript(transpiledCode, cdnType) {
2488
- const wrappedCode = `
2489
- // CommonJS module shim
2490
- var module = { exports: {} };
2491
- var exports = module.exports;
2492
-
2493
- // Execute transpiled component code (CommonJS format)
2494
- ${transpiledCode}
2495
-
2496
- // Capture the component export
2497
- window.__frontmcp_component = module.exports.default || module.exports;
2498
- `;
2499
- if (cdnType === "umd") {
2500
- return `
2501
- <!-- Universal Component Script (transpiled) -->
2502
- <script>
2503
- (function() {
2504
- ${wrappedCode}
2505
- })();
2506
- </script>`;
2507
- } else {
2508
- return `
2509
- <!-- Universal Component Script (transpiled, ESM) -->
2510
- <script type="module">
2511
- function loadComponent() {
2512
- ${wrappedCode}
2513
- }
2514
-
2515
- if (window.__reactReady) {
2516
- loadComponent();
2517
- } else {
2518
- window.addEventListener('react:ready', loadComponent);
2519
- }
2520
- </script>`;
2521
- }
2522
- }
2523
- /**
2524
- * Build the universal runtime script section.
2525
- */
2526
- buildUniversalRuntimeScript(runtimeScript) {
2527
- return `
2528
- <!-- Universal Runtime -->
2529
- <script>
2530
- ${runtimeScript}
2531
- </script>`;
2532
- }
2533
- /**
2534
- * Build data injection script for universal mode.
2535
- */
2536
- buildUniversalDataScript(toolName, input, output, structuredContent, contentType, source, hasTranspiledComponent = false) {
2537
- const safeJson = (value) => {
2538
- try {
2539
- return JSON.stringify(value);
2540
- } catch {
2541
- return "null";
2542
- }
2543
- };
2544
- if (hasTranspiledComponent) {
2545
- return `
2546
- <!-- Universal Data Injection (React Component) -->
2547
- <script>
2548
- window.__frontmcp.setState({
2549
- toolName: ${safeJson(toolName)},
2550
- input: ${safeJson(input ?? null)},
2551
- output: ${safeJson(output ?? null)},
2552
- structuredContent: ${safeJson(structuredContent ?? null)},
2553
- content: {
2554
- type: 'react',
2555
- source: window.__frontmcp_component
2556
- },
2557
- loading: false,
2558
- error: null
2559
- });
2560
- </script>`;
2561
- }
2562
- const escapedSource = JSON.stringify(source);
2563
- return `
2564
- <!-- Universal Data Injection -->
2565
- <script>
2566
- window.__frontmcp.setState({
2567
- toolName: ${safeJson(toolName)},
2568
- input: ${safeJson(input ?? null)},
2569
- output: ${safeJson(output ?? null)},
2570
- structuredContent: ${safeJson(structuredContent ?? null)},
2571
- content: {
2572
- type: ${safeJson(contentType)},
2573
- source: ${escapedSource}
2574
- },
2575
- loading: false,
2576
- error: null
2577
- });
2578
- </script>`;
2579
- }
2580
- /**
2581
- * Build the universal render script.
2582
- */
2583
- buildUniversalRenderScript(rootId, cdnType) {
2584
- if (cdnType === "umd") {
2585
- return `
2586
- <!-- Universal Render Script (UMD - synchronous) -->
2587
- <script>
2588
- (function() {
2589
- var container = document.getElementById('${rootId}');
2590
- if (container && window.ReactDOM && window.ReactDOM.createRoot && window.__frontmcp.UniversalApp) {
2591
- var root = window.ReactDOM.createRoot(container);
2592
- root.render(React.createElement(window.__frontmcp.UniversalApp));
2593
- } else if (container && window.ReactDOM && window.ReactDOM.render && window.__frontmcp.UniversalApp) {
2594
- window.ReactDOM.render(
2595
- React.createElement(window.__frontmcp.UniversalApp),
2596
- container
2597
- );
2598
- }
2599
- })();
2600
- </script>`;
2601
- } else {
2602
- return `
2603
- <!-- Universal Render Script (ESM - waits for React) -->
2604
- <script type="module">
2605
- function renderUniversalApp() {
2606
- var container = document.getElementById('${rootId}');
2607
- if (container && window.ReactDOM && window.ReactDOM.createRoot && window.__frontmcp.UniversalApp) {
2608
- var root = window.ReactDOM.createRoot(container);
2609
- root.render(React.createElement(window.__frontmcp.UniversalApp));
2610
- }
2611
- }
2612
-
2613
- if (window.__reactReady) {
2614
- renderUniversalApp();
2615
- } else {
2616
- window.addEventListener('react:ready', renderUniversalApp);
2617
- }
2618
- </script>`;
2619
- }
2620
- }
2621
- /**
2622
- * Assemble the complete universal static HTML document.
2623
- */
2624
- assembleUniversalStaticHTML(parts) {
2625
- return `<!DOCTYPE html>
2626
- <html lang="en">
2627
- <head>
2628
- <title>${escapeHtml(parts.title)}</title>
2629
- ${parts.head}
2630
- ${parts.reactRuntime}
2631
- ${parts.frontmcpRuntime ?? ""}
2632
- ${parts.cdnImports}
2633
- ${parts.universalRuntimeScript}
2634
- ${parts.componentScript ?? ""}
2635
- ${parts.dataScript}
2636
- </head>
2637
- <body>
2638
- <div id="${parts.rootId}" class="frontmcp-loading">
2639
- <div class="frontmcp-spinner"></div>
2640
- </div>
2641
- ${parts.renderScript}
2642
- </body>
2643
- </html>`;
2644
- }
2645
- /**
2646
- * Get cache statistics.
2647
- */
2648
- getCacheStats() {
2649
- return this.cache.getStats();
2650
- }
2651
- /**
2652
- * Clear the cache.
2653
- */
2654
- clearCache() {
2655
- this.cache.clear();
2656
- }
2657
- /**
2658
- * Clean up expired cache entries.
2659
- */
2660
- cleanupCache() {
2661
- return this.cache.cleanup();
2662
- }
2663
- /**
2664
- * Transform source code using esbuild/SWC.
2665
- */
2666
- async transform(source, sourceType, options) {
2667
- const transform = await loadEsbuild();
2668
- if (!transform) {
2669
- throw new Error("No bundler available. Install esbuild or @swc/core: npm install esbuild");
2670
- }
2671
- const loader = this.getLoader(sourceType);
2672
- const esbuildOptions = {
2673
- loader,
2674
- minify: options.minify,
2675
- sourcemap: options.sourceMaps,
2676
- target: options.target,
2677
- format: options.format === "cjs" ? "cjs" : options.format === "esm" ? "esm" : "iife",
2678
- jsx: "automatic",
2679
- jsxImportSource: options.jsx.importSource
2680
- };
2681
- try {
2682
- const result = await transform(source, esbuildOptions);
2683
- return {
2684
- code: result.code,
2685
- map: result.map
2686
- };
2687
- } catch (error) {
2688
- throw new Error(`Transform failed: ${error instanceof Error ? error.message : String(error)}`);
2689
- }
2690
- }
2691
- /**
2692
- * Get esbuild loader for source type.
2693
- */
2694
- getLoader(sourceType) {
2695
- switch (sourceType) {
2696
- case "jsx":
2697
- return "jsx";
2698
- case "tsx":
2699
- return "tsx";
2700
- case "mdx":
2701
- return "tsx";
2702
- // MDX compiles to JSX/TSX
2703
- case "html":
2704
- return "text";
2705
- default:
2706
- return "tsx";
2707
- }
2708
- }
2709
- /**
2710
- * Detect source type from content.
2711
- */
2712
- detectSourceType(source) {
2713
- const hasTypeScript = /:\s*(string|number|boolean|any|unknown|void|never|object)\b/.test(source) || /interface\s+\w+/.test(source) || /type\s+\w+\s*=/.test(source) || /<\w+>/.test(source);
2714
- const hasJSX = /<[A-Z][a-zA-Z]*/.test(source) || // Component tags
2715
- /<[a-z]+\s/.test(source) || // HTML tags with attributes
2716
- /<[a-z]+>/.test(source) || // Self-closing HTML tags
2717
- /<\/[a-z]+>/.test(source);
2718
- const hasMDX = /^#\s+/.test(source) || // Markdown heading
2719
- /^-\s+/.test(source) || // Markdown list
2720
- /\*\*\w+\*\*/.test(source) || // Bold
2721
- /```\w*\n/.test(source);
2722
- if (hasMDX && hasJSX) {
2723
- return "mdx";
2724
- }
2725
- if (hasTypeScript && hasJSX) {
2726
- return "tsx";
2727
- }
2728
- if (hasJSX) {
2729
- return "jsx";
2730
- }
2731
- if (hasTypeScript) {
2732
- return "tsx";
2733
- }
2734
- return "jsx";
2735
- }
2736
- /**
2737
- * Merge bundle options with defaults.
2738
- */
2739
- mergeOptions(options) {
2740
- return {
2741
- sourceType: options.sourceType ?? DEFAULT_BUNDLE_OPTIONS.sourceType,
2742
- format: options.format ?? DEFAULT_BUNDLE_OPTIONS.format,
2743
- minify: options.minify ?? DEFAULT_BUNDLE_OPTIONS.minify,
2744
- sourceMaps: options.sourceMaps ?? DEFAULT_BUNDLE_OPTIONS.sourceMaps,
2745
- externals: options.externals ?? DEFAULT_BUNDLE_OPTIONS.externals,
2746
- jsx: {
2747
- ...DEFAULT_BUNDLE_OPTIONS.jsx,
2748
- ...options.jsx
2749
- },
2750
- target: options.target ?? DEFAULT_BUNDLE_OPTIONS.target,
2751
- globalName: options.globalName ?? DEFAULT_BUNDLE_OPTIONS.globalName,
2752
- skipCache: options.skipCache ?? DEFAULT_BUNDLE_OPTIONS.skipCache
2753
- };
2754
- }
2755
- /**
2756
- * Build hydration script for client-side React.
2757
- */
2758
- buildHydrationScript(bundledCode, context) {
2759
- const contextJson = context ? JSON.stringify(context) : "{}";
2760
- return `
2761
- (function() {
2762
- var context = ${contextJson};
2763
- var exports = {};
2764
- var module = { exports: exports };
2765
-
2766
- // Execute bundled code
2767
- (function(exports, module) {
2768
- ${bundledCode}
2769
- })(exports, module);
2770
-
2771
- // Get component
2772
- var Component = module.exports.default || module.exports;
2773
-
2774
- // Hydrate
2775
- if (typeof ReactDOM !== 'undefined' && ReactDOM.hydrateRoot) {
2776
- var container = document.getElementById('root') || document.body.firstElementChild;
2777
- if (container) {
2778
- ReactDOM.hydrateRoot(container, React.createElement(Component, context));
2779
- }
2780
- }
2781
- })();
2782
- `.trim();
2783
- }
2784
- // ============================================
2785
- // Static HTML Helper Methods
2786
- // ============================================
2787
- /**
2788
- * Merge static HTML options with defaults.
2789
- */
2790
- mergeStaticHTMLOptions(options) {
2791
- return {
2792
- sourceType: options.sourceType ?? DEFAULT_STATIC_HTML_OPTIONS.sourceType,
2793
- targetPlatform: options.targetPlatform ?? DEFAULT_STATIC_HTML_OPTIONS.targetPlatform,
2794
- minify: options.minify ?? DEFAULT_STATIC_HTML_OPTIONS.minify,
2795
- skipCache: options.skipCache ?? DEFAULT_STATIC_HTML_OPTIONS.skipCache,
2796
- rootId: sanitizeRootId(options.rootId ?? DEFAULT_STATIC_HTML_OPTIONS.rootId),
2797
- widgetAccessible: options.widgetAccessible ?? DEFAULT_STATIC_HTML_OPTIONS.widgetAccessible,
2798
- externals: {
2799
- ...DEFAULT_STATIC_HTML_OPTIONS.externals,
2800
- ...options.externals
2801
- },
2802
- // Universal mode options
2803
- universal: options.universal ?? DEFAULT_STATIC_HTML_OPTIONS.universal,
2804
- contentType: options.contentType ?? DEFAULT_STATIC_HTML_OPTIONS.contentType,
2805
- includeMarkdown: options.includeMarkdown ?? DEFAULT_STATIC_HTML_OPTIONS.includeMarkdown,
2806
- includeMdx: options.includeMdx ?? DEFAULT_STATIC_HTML_OPTIONS.includeMdx,
2807
- // Pass-through options
2808
- toolName: options.toolName,
2809
- input: options.input,
2810
- output: options.output,
2811
- structuredContent: options.structuredContent,
2812
- title: options.title,
2813
- security: options.security,
2814
- customCss: options.customCss,
2815
- customComponents: options.customComponents
2816
- };
2817
- }
2818
- /**
2819
- * Build the <head> section for static HTML.
2820
- */
2821
- buildStaticHTMLHead(opts) {
2822
- const parts = [];
2823
- parts.push(`<meta charset="UTF-8">`);
2824
- parts.push(`<meta name="viewport" content="width=device-width, initial-scale=1.0">`);
2825
- for (const url of STATIC_HTML_CDN.fonts.preconnect) {
2826
- parts.push(`<link rel="preconnect" href="${url}" crossorigin>`);
2827
- }
2828
- parts.push(`<link rel="stylesheet" href="${STATIC_HTML_CDN.fonts.inter}">`);
2829
- const tailwindConfig = opts.externals.tailwind ?? "cdn";
2830
- if (tailwindConfig === "cdn") {
2831
- parts.push(`<link rel="stylesheet" href="${STATIC_HTML_CDN.tailwind}">`);
2832
- } else if (tailwindConfig !== "inline" && tailwindConfig) {
2833
- parts.push(`<link rel="stylesheet" href="${tailwindConfig}">`);
2834
- }
2835
- parts.push(`<style>
2836
- body { margin: 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
2837
- .frontmcp-loading { display: flex; align-items: center; justify-content: center; min-height: 200px; }
2838
- .frontmcp-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: #3b82f6; border-radius: 50%; animation: spin 1s linear infinite; }
2839
- @keyframes spin { to { transform: rotate(360deg); } }
2840
- </style>`);
2841
- if (opts.customCss) {
2842
- parts.push(`<style>
2843
- ${sanitizeCss(opts.customCss)}
2844
- </style>`);
2845
- }
2846
- return parts.join("\n ");
2847
- }
2848
- /**
2849
- * Build React runtime scripts for static HTML.
2850
- */
2851
- buildReactRuntimeScripts(externals, platform, cdnType) {
2852
- const reactConfig = externals.react ?? "cdn";
2853
- const reactDomConfig = externals.reactDom ?? "cdn";
2854
- if (cdnType === "umd") {
2855
- const reactUrl = reactConfig === "cdn" ? STATIC_HTML_CDN.umd.react : reactConfig;
2856
- const reactDomUrl = reactDomConfig === "cdn" ? STATIC_HTML_CDN.umd.reactDom : reactDomConfig;
2857
- return `
2858
- <!-- React Runtime (UMD from cdnjs - Claude compatible) -->
2859
- <script src="${reactUrl}"></script>
2860
- <script src="${reactDomUrl}"></script>
2861
- <script>
2862
- // Webpack/esbuild polyfills for transpiled code (UMD globals)
2863
- window.external_react_namespaceObject = window.React;
2864
- window.jsx_runtime_namespaceObject = {
2865
- jsx: function(type, props, key) {
2866
- if (key !== undefined) props = Object.assign({}, props, { key: key });
2867
- return React.createElement(type, props);
2868
- },
2869
- jsxs: function(type, props, key) {
2870
- if (key !== undefined) props = Object.assign({}, props, { key: key });
2871
- return React.createElement(type, props);
2872
- },
2873
- Fragment: React.Fragment
2874
- };
2875
- window.__reactReady = true;
2876
- </script>`;
2877
- } else {
2878
- const reactUrl = reactConfig === "cdn" ? STATIC_HTML_CDN.esm.react : reactConfig;
2879
- const reactDomUrl = reactDomConfig === "cdn" ? STATIC_HTML_CDN.esm.reactDom : reactDomConfig;
2880
- return `
2881
- <!-- React Runtime (ES modules from esm.sh) -->
2882
- <script type="module">
2883
- import React from '${reactUrl}';
2884
- import { createRoot } from '${reactDomUrl}';
2885
-
2886
- // Make React available globally
2887
- window.React = React;
2888
- window.ReactDOM = { createRoot };
2889
-
2890
- // Webpack/esbuild polyfills for transpiled code
2891
- window.external_react_namespaceObject = React;
2892
- window.jsx_runtime_namespaceObject = {
2893
- jsx: function(type, props, key) {
2894
- if (key !== undefined) props = Object.assign({}, props, { key: key });
2895
- return React.createElement(type, props);
2896
- },
2897
- jsxs: function(type, props, key) {
2898
- if (key !== undefined) props = Object.assign({}, props, { key: key });
2899
- return React.createElement(type, props);
2900
- },
2901
- Fragment: React.Fragment
2902
- };
2903
-
2904
- // Signal React is ready
2905
- window.__reactReady = true;
2906
- window.dispatchEvent(new CustomEvent('react:ready'));
2907
- </script>`;
2908
- }
2909
- }
2910
- /**
2911
- * Build FrontMCP runtime (hooks and UI components).
2912
- * Always inlined for reliability across platforms.
2913
- */
2914
- buildFrontMCPRuntime() {
2915
- return `
2916
- <!-- FrontMCP Runtime (always inline) -->
2917
- <script>
2918
- // Custom require() shim for browser - maps module names to globals
2919
- // This allows esbuild-transpiled code to work in browsers
2920
- window.__moduleCache = {};
2921
- window.require = function(moduleName) {
2922
- // Check cache first
2923
- if (window.__moduleCache[moduleName]) {
2924
- return window.__moduleCache[moduleName];
2925
- }
2926
-
2927
- // Map module names to browser globals
2928
- var moduleMap = {
2929
- 'react': function() { return window.React; },
2930
- 'react-dom': function() { return window.ReactDOM; },
2931
- 'react-dom/client': function() { return window.ReactDOM; },
2932
- 'react/jsx-runtime': function() { return window.jsx_runtime_namespaceObject; },
2933
- 'react/jsx-dev-runtime': function() { return window.jsx_runtime_namespaceObject; },
2934
- '@frontmcp/ui': function() { return window.react_namespaceObject; },
2935
- '@frontmcp/ui/react': function() { return window.react_namespaceObject; },
2936
- };
2937
-
2938
- var resolver = moduleMap[moduleName];
2939
- if (resolver) {
2940
- var mod = resolver();
2941
- window.__moduleCache[moduleName] = mod;
2942
- return mod;
2943
- }
2944
-
2945
- console.warn('[FrontMCP] Unknown module requested:', moduleName);
2946
- return {};
2947
- };
2948
-
2949
- // Async require for dynamic imports (returns Promise)
2950
- window.requireAsync = function(moduleName) {
2951
- return new Promise(function(resolve, reject) {
2952
- // If module is already loaded, resolve immediately
2953
- var mod = window.require(moduleName);
2954
- if (mod && Object.keys(mod).length > 0) {
2955
- resolve(mod);
2956
- return;
2957
- }
2958
-
2959
- // For now, we don't support dynamic CDN loading
2960
- // All required modules should be pre-loaded
2961
- console.warn('[FrontMCP] Async module not available:', moduleName);
2962
- resolve({});
2963
- });
2964
- };
2965
-
2966
- // FrontMCP Hook implementations
2967
- window.__frontmcp = {
2968
- // Context for MCP bridge
2969
- context: {
2970
- toolName: null,
2971
- toolInput: null,
2972
- toolOutput: null,
2973
- structuredContent: null,
2974
- callTool: null,
2975
- },
2976
-
2977
- // Set context from data injection
2978
- setContext: function(ctx) {
2979
- Object.assign(this.context, ctx);
2980
- },
2981
- };
2982
-
2983
- // Hook: useToolOutput - returns the tool output data
2984
- window.useToolOutput = function() {
2985
- return window.__frontmcp.context.toolOutput;
2986
- };
2987
-
2988
- // Hook: useToolInput - returns the tool input arguments
2989
- window.useToolInput = function() {
2990
- return window.__frontmcp.context.toolInput;
2991
- };
2992
-
2993
- // Hook: useMcpBridgeContext - returns full bridge context
2994
- window.useMcpBridgeContext = function() {
2995
- return window.__frontmcp.context;
2996
- };
2997
-
2998
- // Hook: useCallTool - returns function to call other tools
2999
- window.useCallTool = function() {
3000
- return function(name, args) {
3001
- if (window.__frontmcp.context.callTool) {
3002
- return window.__frontmcp.context.callTool(name, args);
3003
- }
3004
- console.warn('[FrontMCP] callTool not available - widget may not have tool access');
3005
- return Promise.resolve(null);
3006
- };
3007
- };
3008
-
3009
- // UI Components (simplified inline versions)
3010
- window.Card = function(props) {
3011
- var children = props.children;
3012
- var title = props.title;
3013
- var className = props.className || '';
3014
- return React.createElement('div', {
3015
- className: 'bg-white rounded-lg shadow border border-gray-200 overflow-hidden ' + className
3016
- }, [
3017
- title && React.createElement('div', {
3018
- key: 'header',
3019
- className: 'px-4 py-3 border-b border-gray-200 bg-gray-50'
3020
- }, React.createElement('h3', { className: 'text-sm font-medium text-gray-900' }, title)),
3021
- React.createElement('div', { key: 'body', className: 'p-4' }, children)
3022
- ]);
3023
- };
3024
-
3025
- window.Badge = function(props) {
3026
- var children = props.children;
3027
- var variant = props.variant || 'default';
3028
- var variantClasses = {
3029
- default: 'bg-gray-100 text-gray-800',
3030
- success: 'bg-green-100 text-green-800',
3031
- warning: 'bg-yellow-100 text-yellow-800',
3032
- error: 'bg-red-100 text-red-800',
3033
- info: 'bg-blue-100 text-blue-800',
3034
- };
3035
- return React.createElement('span', {
3036
- className: 'inline-flex items-center px-2 py-0.5 rounded text-xs font-medium ' + (variantClasses[variant] || variantClasses.default)
3037
- }, children);
3038
- };
3039
-
3040
- window.Button = function(props) {
3041
- var children = props.children;
3042
- var variant = props.variant || 'primary';
3043
- var onClick = props.onClick;
3044
- var disabled = props.disabled;
3045
- var variantClasses = {
3046
- primary: 'bg-blue-600 text-white hover:bg-blue-700',
3047
- secondary: 'bg-gray-100 text-gray-900 hover:bg-gray-200',
3048
- outline: 'border border-gray-300 text-gray-700 hover:bg-gray-50',
3049
- danger: 'bg-red-600 text-white hover:bg-red-700',
3050
- };
3051
- return React.createElement('button', {
3052
- className: 'px-4 py-2 rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ' +
3053
- (disabled ? 'opacity-50 cursor-not-allowed ' : '') +
3054
- (variantClasses[variant] || variantClasses.primary),
3055
- onClick: onClick,
3056
- disabled: disabled,
3057
- }, children);
3058
- };
3059
-
3060
- // Make hooks available on react_namespaceObject for bundled imports
3061
- window.react_namespaceObject = Object.assign({}, window.React || {}, {
3062
- useToolOutput: window.useToolOutput,
3063
- useToolInput: window.useToolInput,
3064
- useMcpBridgeContext: window.useMcpBridgeContext,
3065
- useCallTool: window.useCallTool,
3066
- Card: window.Card,
3067
- Badge: window.Badge,
3068
- Button: window.Button,
3069
- });
3070
- </script>`;
3071
- }
3072
- /**
3073
- * Build data injection script for tool input/output.
3074
- */
3075
- buildDataInjectionScript(toolName, input, output, structuredContent) {
3076
- const safeJson = (value) => {
3077
- try {
3078
- return JSON.stringify(value);
3079
- } catch {
3080
- return "null";
3081
- }
3082
- };
3083
- return `
3084
- <!-- Tool Data Injection -->
3085
- <script>
3086
- window.__mcpToolName = ${safeJson(toolName)};
3087
- window.__mcpToolInput = ${safeJson(input ?? null)};
3088
- window.__mcpToolOutput = ${safeJson(output ?? null)};
3089
- window.__mcpStructuredContent = ${safeJson(structuredContent ?? null)};
3090
-
3091
- // Initialize FrontMCP context
3092
- window.__frontmcp.setContext({
3093
- toolName: window.__mcpToolName,
3094
- toolInput: window.__mcpToolInput,
3095
- toolOutput: window.__mcpToolOutput,
3096
- structuredContent: window.__mcpStructuredContent,
3097
- });
3098
- </script>`;
3099
- }
3100
- /**
3101
- * Build component render script.
3102
- * Wraps CommonJS code with module/exports shim to capture the component.
3103
- */
3104
- buildComponentRenderScript(componentCode, rootId, cdnType) {
3105
- const wrappedCode = `
3106
- // CommonJS module shim
3107
- var module = { exports: {} };
3108
- var exports = module.exports;
3109
-
3110
- // Execute transpiled component code (CommonJS format)
3111
- ${componentCode}
3112
-
3113
- // Capture the component export
3114
- window.__frontmcp_component = module.exports;
3115
- `;
3116
- if (cdnType === "umd") {
3117
- return `
3118
- <!-- Component Render Script (UMD - synchronous) -->
3119
- <script>
3120
- (function() {
3121
- ${wrappedCode}
3122
-
3123
- // Get the component
3124
- var Component = window.__frontmcp_component.default || window.__frontmcp_component;
3125
-
3126
- // Render the component
3127
- var container = document.getElementById('${rootId}');
3128
- if (container && window.ReactDOM && window.ReactDOM.createRoot) {
3129
- var root = window.ReactDOM.createRoot(container);
3130
- root.render(React.createElement(Component, {
3131
- output: window.__mcpToolOutput,
3132
- input: window.__mcpToolInput,
3133
- }));
3134
- } else if (container && window.ReactDOM && window.ReactDOM.render) {
3135
- // Fallback for React 17
3136
- window.ReactDOM.render(
3137
- React.createElement(Component, {
3138
- output: window.__mcpToolOutput,
3139
- input: window.__mcpToolInput,
3140
- }),
3141
- container
3142
- );
3143
- }
3144
- })();
3145
- </script>`;
3146
- } else {
3147
- return `
3148
- <!-- Component Render Script (ESM - waits for React) -->
3149
- <script type="module">
3150
- function renderComponent() {
3151
- ${wrappedCode}
3152
-
3153
- // Get the component
3154
- var Component = window.__frontmcp_component.default || window.__frontmcp_component;
3155
-
3156
- // Render the component
3157
- var container = document.getElementById('${rootId}');
3158
- if (container && window.ReactDOM && window.ReactDOM.createRoot) {
3159
- var root = window.ReactDOM.createRoot(container);
3160
- root.render(React.createElement(Component, {
3161
- output: window.__mcpToolOutput,
3162
- input: window.__mcpToolInput,
3163
- }));
3164
- }
3165
- }
3166
-
3167
- // Wait for React to be ready
3168
- if (window.__reactReady) {
3169
- renderComponent();
3170
- } else {
3171
- window.addEventListener('react:ready', renderComponent);
3172
- }
3173
- </script>`;
3174
- }
3175
- }
3176
- /**
3177
- * Assemble the complete static HTML document.
3178
- */
3179
- assembleStaticHTML(parts) {
3180
- return `<!DOCTYPE html>
3181
- <html lang="en">
3182
- <head>
3183
- <title>${escapeHtml(parts.title)}</title>
3184
- ${parts.head}
3185
- ${parts.reactRuntime}
3186
- ${parts.frontmcpRuntime}
3187
- ${parts.dataScript}
3188
- </head>
3189
- <body>
3190
- <div id="${parts.rootId}" class="frontmcp-loading">
3191
- <div class="frontmcp-spinner"></div>
3192
- </div>
3193
- ${parts.componentScript}
3194
- </body>
3195
- </html>`;
3196
- }
3197
- };
3198
- function createBundler(options) {
3199
- return new InMemoryBundler(options);
3200
- }
3201
-
3202
- // libs/ui/src/bundler/file-cache/storage/index.ts
3203
- init_interface();
3204
- init_filesystem();
3205
- init_redis();
3206
-
3207
- // libs/ui/src/bundler/file-cache/hash-calculator.ts
3208
- import { createHash as createHash2 } from "crypto";
3209
- import { readFile as readFile2 } from "fs/promises";
3210
- import { existsSync as existsSync2 } from "fs";
3211
- import { join as join2, dirname as dirname2, resolve } from "path";
3212
- function sha256(content) {
3213
- return createHash2("sha256").update(content, "utf8").digest("hex");
3214
- }
3215
- function sha256Buffer(buffer) {
3216
- return createHash2("sha256").update(buffer).digest("hex");
3217
- }
3218
- async function hashFile(filePath) {
3219
- try {
3220
- const content = await readFile2(filePath);
3221
- return sha256Buffer(content);
3222
- } catch {
3223
- return void 0;
3224
- }
3225
- }
3226
- async function hashFiles(filePaths) {
3227
- const hashes = [];
3228
- for (const filePath of filePaths.sort()) {
3229
- const hash = await hashFile(filePath);
3230
- if (hash) {
3231
- hashes.push(`${filePath}:${hash}`);
3232
- }
3233
- }
3234
- return sha256(hashes.join("\n"));
3235
- }
3236
- async function calculateComponentHash(options) {
3237
- const {
3238
- entryPath,
3239
- baseDir = dirname2(entryPath),
3240
- externals = [],
3241
- dependencies = {},
3242
- bundleOptions = {},
3243
- maxDepth = 10
3244
- } = options;
3245
- const absoluteEntryPath = resolve(entryPath);
3246
- const files = /* @__PURE__ */ new Set();
3247
- const fileHashes = {};
3248
- await collectLocalDependencies(absoluteEntryPath, baseDir, files, maxDepth, 0);
3249
- for (const file of files) {
3250
- const hash = await hashFile(file);
3251
- if (hash) {
3252
- fileHashes[file] = hash;
3253
- }
3254
- }
3255
- const sortedFiles = Array.from(files).sort();
3256
- const fileHashContent = sortedFiles.map((f) => `${f}:${fileHashes[f] || "missing"}`).join("\n");
3257
- const filesHash = sha256(fileHashContent);
3258
- const optionsHash = sha256(JSON.stringify(sortedObject(bundleOptions)));
3259
- const dependenciesHash = sha256(JSON.stringify(sortedObject(dependencies)));
3260
- const combinedHash = sha256([filesHash, optionsHash, dependenciesHash].join(":"));
3261
- return {
3262
- hash: combinedHash,
3263
- entryHash: fileHashes[absoluteEntryPath] || "",
3264
- files: sortedFiles,
3265
- fileHashes,
3266
- optionsHash,
3267
- dependenciesHash
3268
- };
3269
- }
3270
- async function calculateQuickHash(entryPath, bundleOptions) {
3271
- const entryHash = await hashFile(entryPath);
3272
- const optionsHash = bundleOptions ? sha256(JSON.stringify(sortedObject(bundleOptions))) : "";
3273
- return sha256(`${entryHash || "missing"}:${optionsHash}`);
3274
- }
3275
- async function collectLocalDependencies(filePath, baseDir, collected, maxDepth, currentDepth) {
3276
- if (currentDepth >= maxDepth) return;
3277
- if (collected.has(filePath)) return;
3278
- if (!existsSync2(filePath)) return;
3279
- collected.add(filePath);
3280
- try {
3281
- const content = await readFile2(filePath, "utf8");
3282
- const imports = extractImportPaths(content);
3283
- for (const importPath of imports) {
3284
- if (!importPath.startsWith(".") && !importPath.startsWith("/")) {
3285
- continue;
3286
- }
3287
- const resolvedPath = resolveImportPath(importPath, dirname2(filePath));
3288
- if (resolvedPath && existsSync2(resolvedPath)) {
3289
- await collectLocalDependencies(resolvedPath, baseDir, collected, maxDepth, currentDepth + 1);
3290
- }
3291
- }
3292
- } catch {
3293
- }
3294
- }
3295
- function extractImportPaths(source) {
3296
- const paths = [];
3297
- const importRegex = /import\s+(?:[^'"]+\s+from\s+)?['"]([^'"]+)['"]/g;
3298
- let match;
3299
- while ((match = importRegex.exec(source)) !== null) {
3300
- paths.push(match[1]);
3301
- }
3302
- const exportRegex = /export\s+(?:\*|{[^}]+})\s+from\s+['"]([^'"]+)['"]/g;
3303
- while ((match = exportRegex.exec(source)) !== null) {
3304
- paths.push(match[1]);
3305
- }
3306
- const requireRegex = /require\s*\(\s*['"]([^'"]+)['"]\s*\)/g;
3307
- while ((match = requireRegex.exec(source)) !== null) {
3308
- paths.push(match[1]);
3309
- }
3310
- const dynamicRegex = /import\s*\(\s*['"]([^'"]+)['"]\s*\)/g;
3311
- while ((match = dynamicRegex.exec(source)) !== null) {
3312
- paths.push(match[1]);
3313
- }
3314
- return [...new Set(paths)];
3315
- }
3316
- function resolveImportPath(importPath, fromDir) {
3317
- const extensions = ["", ".ts", ".tsx", ".js", ".jsx", ".mjs", ".cjs"];
3318
- for (const ext of extensions) {
3319
- const fullPath = join2(fromDir, importPath + ext);
3320
- if (existsSync2(fullPath)) {
3321
- return fullPath;
3322
- }
3323
- }
3324
- for (const ext of extensions) {
3325
- const indexPath = join2(fromDir, importPath, `index${ext}`);
3326
- if (existsSync2(indexPath)) {
3327
- return indexPath;
3328
- }
3329
- }
3330
- return void 0;
3331
- }
3332
- function sortedObject(obj) {
3333
- const sorted = {};
3334
- const keys = Object.keys(obj).sort();
3335
- for (const key of keys) {
3336
- const value = obj[key];
3337
- if (value && typeof value === "object" && !Array.isArray(value)) {
3338
- sorted[key] = sortedObject(value);
3339
- } else {
3340
- sorted[key] = value;
3341
- }
3342
- }
3343
- return sorted;
3344
- }
3345
- function generateBuildId() {
3346
- const timestamp = Date.now().toString(36);
3347
- const random = Math.random().toString(36).substring(2, 10);
3348
- return `${timestamp}-${random}`;
3349
- }
3350
- function buildIdFromHash(hash) {
3351
- return hash.substring(0, 12);
3352
- }
3353
-
3354
- // libs/ui/src/bundler/file-cache/component-builder.ts
3355
- import { readFile as readFile3 } from "fs/promises";
3356
- import { existsSync as existsSync3 } from "fs";
3357
- import { resolve as resolve2, extname } from "path";
3358
- import { randomUUID } from "crypto";
3359
-
3360
- // libs/ui/src/dependency/cdn-registry.ts
3361
- var DEFAULT_CDN_REGISTRY = {
3362
- // ============================================
3363
- // React Ecosystem
3364
- // ============================================
3365
- react: {
3366
- packageName: "react",
3367
- defaultVersion: "18.3.1",
3368
- providers: {
3369
- cloudflare: {
3370
- url: "https://cdnjs.cloudflare.com/ajax/libs/react/18.3.1/umd/react.production.min.js",
3371
- integrity: "sha512-Qp8J4Xr8LBZ5CXNJQc/HmLqFrpXz6lNkbzMYkYHKzQx5p1q1yOqPQHntXKoYgPPE/n9m0QF1OkJdXa2ePpO4fw==",
3372
- global: "React",
3373
- crossorigin: "anonymous"
3374
- },
3375
- jsdelivr: {
3376
- url: "https://cdn.jsdelivr.net/npm/react@18.3.1/umd/react.production.min.js",
3377
- global: "React",
3378
- crossorigin: "anonymous"
3379
- },
3380
- unpkg: {
3381
- url: "https://unpkg.com/react@18.3.1/umd/react.production.min.js",
3382
- global: "React",
3383
- crossorigin: "anonymous"
3384
- },
3385
- "esm.sh": {
3386
- url: "https://esm.sh/react@18.3.1",
3387
- esm: true,
3388
- crossorigin: "anonymous"
3389
- }
3390
- },
3391
- preferredProviders: ["cloudflare", "jsdelivr", "unpkg", "esm.sh"],
3392
- metadata: {
3393
- description: "A JavaScript library for building user interfaces",
3394
- homepage: "https://react.dev",
3395
- license: "MIT"
3396
- }
3397
- },
3398
- "react-dom": {
3399
- packageName: "react-dom",
3400
- defaultVersion: "18.3.1",
3401
- providers: {
3402
- cloudflare: {
3403
- url: "https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.3.1/umd/react-dom.production.min.js",
3404
- integrity: "sha512-6s2gVRdS3aT+FDdZTRJSzKlzIPqDXWyYl/5hPQb6hSgzKPGFcQyZhbqjbWVxGrs2dYNrINFXb0k0UD3d+CKPJA==",
3405
- global: "ReactDOM",
3406
- crossorigin: "anonymous",
3407
- peerDependencies: ["react"]
3408
- },
3409
- jsdelivr: {
3410
- url: "https://cdn.jsdelivr.net/npm/react-dom@18.3.1/umd/react-dom.production.min.js",
3411
- global: "ReactDOM",
3412
- crossorigin: "anonymous",
3413
- peerDependencies: ["react"]
3414
- },
3415
- unpkg: {
3416
- url: "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js",
3417
- global: "ReactDOM",
3418
- crossorigin: "anonymous",
3419
- peerDependencies: ["react"]
3420
- },
3421
- "esm.sh": {
3422
- url: "https://esm.sh/react-dom@18.3.1",
3423
- esm: true,
3424
- crossorigin: "anonymous",
3425
- peerDependencies: ["react"]
3426
- }
3427
- },
3428
- preferredProviders: ["cloudflare", "jsdelivr", "unpkg", "esm.sh"],
3429
- metadata: {
3430
- description: "React package for working with the DOM",
3431
- homepage: "https://react.dev",
3432
- license: "MIT"
3433
- }
3434
- },
3435
- // ============================================
3436
- // Charting Libraries
3437
- // ============================================
3438
- "chart.js": {
3439
- packageName: "chart.js",
3440
- defaultVersion: "4.4.7",
3441
- providers: {
3442
- cloudflare: {
3443
- url: "https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.7/chart.umd.min.js",
3444
- integrity: "sha512-dMDjIoZjJD6gs0KPBhFYjLQrH3kIohSEn6HzWs6Y6GiO0+L9kk/bM3cR5KNEDK1KvMNpTIZG6pHK9SZfCJHRpQ==",
3445
- global: "Chart",
3446
- crossorigin: "anonymous"
3447
- },
3448
- jsdelivr: {
3449
- url: "https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js",
3450
- global: "Chart",
3451
- crossorigin: "anonymous"
3452
- },
3453
- unpkg: {
3454
- url: "https://unpkg.com/chart.js@4.4.7/dist/chart.umd.min.js",
3455
- global: "Chart",
3456
- crossorigin: "anonymous"
3457
- }
3458
- },
3459
- preferredProviders: ["cloudflare", "jsdelivr", "unpkg"],
3460
- metadata: {
3461
- description: "Simple yet flexible JavaScript charting library",
3462
- homepage: "https://www.chartjs.org",
3463
- license: "MIT"
3464
- }
3465
- },
3466
- "react-chartjs-2": {
3467
- packageName: "react-chartjs-2",
3468
- defaultVersion: "5.3.0",
3469
- providers: {
3470
- cloudflare: {
3471
- url: "https://cdnjs.cloudflare.com/ajax/libs/react-chartjs-2/5.3.0/react-chartjs-2.min.js",
3472
- global: "ReactChartjs2",
3473
- crossorigin: "anonymous",
3474
- peerDependencies: ["react", "chart.js"]
3475
- },
3476
- jsdelivr: {
3477
- url: "https://cdn.jsdelivr.net/npm/react-chartjs-2@5.3.0/dist/index.umd.js",
3478
- global: "ReactChartjs2",
3479
- crossorigin: "anonymous",
3480
- peerDependencies: ["react", "chart.js"]
3481
- },
3482
- "esm.sh": {
3483
- url: "https://esm.sh/react-chartjs-2@5.3.0",
3484
- esm: true,
3485
- crossorigin: "anonymous",
3486
- peerDependencies: ["react", "chart.js"]
3487
- }
3488
- },
3489
- preferredProviders: ["cloudflare", "jsdelivr", "esm.sh"],
3490
- metadata: {
3491
- description: "React components for Chart.js",
3492
- homepage: "https://react-chartjs-2.js.org",
3493
- license: "MIT"
3494
- }
3495
- },
3496
- // ============================================
3497
- // D3.js
3498
- // ============================================
3499
- d3: {
3500
- packageName: "d3",
3501
- defaultVersion: "7.9.0",
3502
- providers: {
3503
- cloudflare: {
3504
- url: "https://cdnjs.cloudflare.com/ajax/libs/d3/7.9.0/d3.min.js",
3505
- integrity: "sha512-vc58qvvBdrDR4etbxMdlTt4GBQk1qjvyORR2nrsPsFPyrs+/u5c3+1Ct6upOgdZoIl7eq6k3a1UPDSNAQi/32A==",
3506
- global: "d3",
3507
- crossorigin: "anonymous"
3508
- },
3509
- jsdelivr: {
3510
- url: "https://cdn.jsdelivr.net/npm/d3@7.9.0/dist/d3.min.js",
3511
- global: "d3",
3512
- crossorigin: "anonymous"
3513
- },
3514
- unpkg: {
3515
- url: "https://unpkg.com/d3@7.9.0/dist/d3.min.js",
3516
- global: "d3",
3517
- crossorigin: "anonymous"
3518
- }
3519
- },
3520
- preferredProviders: ["cloudflare", "jsdelivr", "unpkg"],
3521
- metadata: {
3522
- description: "Data-Driven Documents",
3523
- homepage: "https://d3js.org",
3524
- license: "ISC"
3525
- }
3526
- },
3527
- // ============================================
3528
- // Utility Libraries
3529
- // ============================================
3530
- lodash: {
3531
- packageName: "lodash",
3532
- defaultVersion: "4.17.21",
3533
- providers: {
3534
- cloudflare: {
3535
- url: "https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js",
3536
- integrity: "sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==",
3537
- global: "_",
3538
- crossorigin: "anonymous"
3539
- },
3540
- jsdelivr: {
3541
- url: "https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js",
3542
- global: "_",
3543
- crossorigin: "anonymous"
3544
- },
3545
- unpkg: {
3546
- url: "https://unpkg.com/lodash@4.17.21/lodash.min.js",
3547
- global: "_",
3548
- crossorigin: "anonymous"
3549
- }
3550
- },
3551
- preferredProviders: ["cloudflare", "jsdelivr", "unpkg"],
3552
- metadata: {
3553
- description: "A modern JavaScript utility library",
3554
- homepage: "https://lodash.com",
3555
- license: "MIT"
3556
- }
3557
- },
3558
- "lodash-es": {
3559
- packageName: "lodash-es",
3560
- defaultVersion: "4.17.21",
3561
- providers: {
3562
- "esm.sh": {
3563
- url: "https://esm.sh/lodash-es@4.17.21",
3564
- esm: true,
3565
- crossorigin: "anonymous"
3566
- },
3567
- jsdelivr: {
3568
- url: "https://cdn.jsdelivr.net/npm/lodash-es@4.17.21/+esm",
3569
- esm: true,
3570
- crossorigin: "anonymous"
3571
- }
3572
- },
3573
- preferredProviders: ["esm.sh", "jsdelivr"],
3574
- metadata: {
3575
- description: "Lodash exported as ES modules",
3576
- homepage: "https://lodash.com",
3577
- license: "MIT"
3578
- }
3579
- },
3580
- dayjs: {
3581
- packageName: "dayjs",
3582
- defaultVersion: "1.11.13",
3583
- providers: {
3584
- cloudflare: {
3585
- url: "https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.11.13/dayjs.min.js",
3586
- integrity: "sha512-Ot7ArUEhJDU0cwoBNNnWe487kjL5wAOsIYig8llY/l0P2TUFwgsAHVmrZMHsT8NGo+HwkjTJsNErS6QqIkBxDw==",
3587
- global: "dayjs",
3588
- crossorigin: "anonymous"
3589
- },
3590
- jsdelivr: {
3591
- url: "https://cdn.jsdelivr.net/npm/dayjs@1.11.13/dayjs.min.js",
3592
- global: "dayjs",
3593
- crossorigin: "anonymous"
3594
- },
3595
- unpkg: {
3596
- url: "https://unpkg.com/dayjs@1.11.13/dayjs.min.js",
3597
- global: "dayjs",
3598
- crossorigin: "anonymous"
3599
- }
3600
- },
3601
- preferredProviders: ["cloudflare", "jsdelivr", "unpkg"],
3602
- metadata: {
3603
- description: "Fast 2kB alternative to Moment.js with the same modern API",
3604
- homepage: "https://day.js.org",
3605
- license: "MIT"
3606
- }
3607
- },
3608
- "date-fns": {
3609
- packageName: "date-fns",
3610
- defaultVersion: "4.1.0",
3611
- providers: {
3612
- "esm.sh": {
3613
- url: "https://esm.sh/date-fns@4.1.0",
3614
- esm: true,
3615
- crossorigin: "anonymous"
3616
- },
3617
- jsdelivr: {
3618
- url: "https://cdn.jsdelivr.net/npm/date-fns@4.1.0/+esm",
3619
- esm: true,
3620
- crossorigin: "anonymous"
3621
- }
3622
- },
3623
- preferredProviders: ["esm.sh", "jsdelivr"],
3624
- metadata: {
3625
- description: "Modern JavaScript date utility library",
3626
- homepage: "https://date-fns.org",
3627
- license: "MIT"
3628
- }
3629
- },
3630
- // ============================================
3631
- // Animation Libraries
3632
- // ============================================
3633
- "framer-motion": {
3634
- packageName: "framer-motion",
3635
- defaultVersion: "11.15.0",
3636
- providers: {
3637
- "esm.sh": {
3638
- url: "https://esm.sh/framer-motion@11.15.0",
3639
- esm: true,
3640
- crossorigin: "anonymous",
3641
- peerDependencies: ["react", "react-dom"]
3642
- },
3643
- jsdelivr: {
3644
- url: "https://cdn.jsdelivr.net/npm/framer-motion@11.15.0/dist/framer-motion.js",
3645
- global: "Motion",
3646
- crossorigin: "anonymous",
3647
- peerDependencies: ["react", "react-dom"]
3648
- }
3649
- },
3650
- preferredProviders: ["esm.sh", "jsdelivr"],
3651
- metadata: {
3652
- description: "Production-ready motion library for React",
3653
- homepage: "https://www.framer.com/motion/",
3654
- license: "MIT"
3655
- }
3656
- },
3657
- // ============================================
3658
- // UI Component Libraries
3659
- // ============================================
3660
- "lucide-react": {
3661
- packageName: "lucide-react",
3662
- defaultVersion: "0.468.0",
3663
- providers: {
3664
- "esm.sh": {
3665
- url: "https://esm.sh/lucide-react@0.468.0",
3666
- esm: true,
3667
- crossorigin: "anonymous",
3668
- peerDependencies: ["react"]
3669
- },
3670
- jsdelivr: {
3671
- url: "https://cdn.jsdelivr.net/npm/lucide-react@0.468.0/dist/esm/lucide-react.js",
3672
- esm: true,
3673
- crossorigin: "anonymous",
3674
- peerDependencies: ["react"]
3675
- }
3676
- },
3677
- preferredProviders: ["esm.sh", "jsdelivr"],
3678
- metadata: {
3679
- description: "Beautiful & consistent icon toolkit for React",
3680
- homepage: "https://lucide.dev",
3681
- license: "ISC"
3682
- }
3683
- },
3684
- // ============================================
3685
- // Markdown/Syntax Highlighting
3686
- // ============================================
3687
- marked: {
3688
- packageName: "marked",
3689
- defaultVersion: "15.0.4",
3690
- providers: {
3691
- cloudflare: {
3692
- url: "https://cdnjs.cloudflare.com/ajax/libs/marked/15.0.4/marked.min.js",
3693
- integrity: "sha512-Rn/d0sGeizGbk3VJEiYNDt/mMcfuzYoFkia3iBffv+HX8VUrHMo/0cKjZuxWGoZLPh/VxUcC9ais+RBFZW9EBg==",
3694
- global: "marked",
3695
- crossorigin: "anonymous"
3696
- },
3697
- jsdelivr: {
3698
- url: "https://cdn.jsdelivr.net/npm/marked@15.0.4/marked.min.js",
3699
- global: "marked",
3700
- crossorigin: "anonymous"
3701
- },
3702
- unpkg: {
3703
- url: "https://unpkg.com/marked@15.0.4/marked.min.js",
3704
- global: "marked",
3705
- crossorigin: "anonymous"
3706
- }
3707
- },
3708
- preferredProviders: ["cloudflare", "jsdelivr", "unpkg"],
3709
- metadata: {
3710
- description: "A markdown parser and compiler",
3711
- homepage: "https://marked.js.org",
3712
- license: "MIT"
3713
- }
3714
- },
3715
- "highlight.js": {
3716
- packageName: "highlight.js",
3717
- defaultVersion: "11.10.0",
3718
- providers: {
3719
- cloudflare: {
3720
- url: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/highlight.min.js",
3721
- integrity: "sha512-6yoqbrcLAHDWAdQmiRlHG4+m0g/CT/V9AGyxabG8j7Jk8j3v3k6mIP1iN/PvSofcWet2tf8SRn/j3L/+pb7LRQ==",
3722
- global: "hljs",
3723
- crossorigin: "anonymous"
3724
- },
3725
- jsdelivr: {
3726
- url: "https://cdn.jsdelivr.net/npm/highlight.js@11.10.0/lib/core.min.js",
3727
- global: "hljs",
3728
- crossorigin: "anonymous"
3729
- },
3730
- unpkg: {
3731
- url: "https://unpkg.com/highlight.js@11.10.0/lib/core.min.js",
3732
- global: "hljs",
3733
- crossorigin: "anonymous"
3734
- }
3735
- },
3736
- preferredProviders: ["cloudflare", "jsdelivr", "unpkg"],
3737
- metadata: {
3738
- description: "Syntax highlighting for the web",
3739
- homepage: "https://highlightjs.org",
3740
- license: "BSD-3-Clause"
3741
- }
3742
- },
3743
- // ============================================
3744
- // Interactive Libraries
3745
- // ============================================
3746
- "htmx.org": {
3747
- packageName: "htmx.org",
3748
- defaultVersion: "2.0.4",
3749
- providers: {
3750
- cloudflare: {
3751
- url: "https://cdnjs.cloudflare.com/ajax/libs/htmx/2.0.4/htmx.min.js",
3752
- integrity: "sha512-2kIcAizYXhIn5IyXrMC72f2nh0JAtESHRpOieVw5dYPYeHwLCC2eKCqvdZDYRSEgasKrPpEPpRFjL8gqwBZWAA==",
3753
- global: "htmx",
3754
- crossorigin: "anonymous"
3755
- },
3756
- jsdelivr: {
3757
- url: "https://cdn.jsdelivr.net/npm/htmx.org@2.0.4/dist/htmx.min.js",
3758
- global: "htmx",
3759
- crossorigin: "anonymous"
3760
- },
3761
- unpkg: {
3762
- url: "https://unpkg.com/htmx.org@2.0.4/dist/htmx.min.js",
3763
- global: "htmx",
3764
- crossorigin: "anonymous"
3765
- }
3766
- },
3767
- preferredProviders: ["cloudflare", "jsdelivr", "unpkg"],
3768
- metadata: {
3769
- description: "High power tools for HTML",
3770
- homepage: "https://htmx.org",
3771
- license: "BSD-2-Clause"
3772
- }
3773
- },
3774
- alpinejs: {
3775
- packageName: "alpinejs",
3776
- defaultVersion: "3.14.3",
3777
- providers: {
3778
- cloudflare: {
3779
- url: "https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.14.3/cdn.min.js",
3780
- integrity: "sha512-lrQ8FHgsWKFSuQFq8NKPJicjlvJFEIrCqEj8zeX7ZOUlHWltN/Iow4jND+x84jqTdDf9n+hvQpJjGDvOl/eDRA==",
3781
- global: "Alpine",
3782
- crossorigin: "anonymous"
3783
- },
3784
- jsdelivr: {
3785
- url: "https://cdn.jsdelivr.net/npm/alpinejs@3.14.3/dist/cdn.min.js",
3786
- global: "Alpine",
3787
- crossorigin: "anonymous"
3788
- },
3789
- unpkg: {
3790
- url: "https://unpkg.com/alpinejs@3.14.3/dist/cdn.min.js",
3791
- global: "Alpine",
3792
- crossorigin: "anonymous"
3793
- }
3794
- },
3795
- preferredProviders: ["cloudflare", "jsdelivr", "unpkg"],
3796
- metadata: {
3797
- description: "A rugged, minimal framework for composing behavior directly in your markup",
3798
- homepage: "https://alpinejs.dev",
3799
- license: "MIT"
3800
- }
3801
- },
3802
- // ============================================
3803
- // Templating Libraries
3804
- // ============================================
3805
- handlebars: {
3806
- packageName: "handlebars",
3807
- defaultVersion: "4.7.8",
3808
- providers: {
3809
- cloudflare: {
3810
- url: "https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.8/handlebars.min.js",
3811
- integrity: "sha512-E1dSFxg+wsfJ4HKjutk/WaCzK7S2wv1POn1RRPGh8ZK+ag9l244Vqxji3r6wgz9YBf6+vhQEYJZpSjqWFPg9gg==",
3812
- global: "Handlebars",
3813
- crossorigin: "anonymous"
3814
- },
3815
- jsdelivr: {
3816
- url: "https://cdn.jsdelivr.net/npm/handlebars@4.7.8/dist/handlebars.min.js",
3817
- global: "Handlebars",
3818
- crossorigin: "anonymous"
3819
- },
3820
- unpkg: {
3821
- url: "https://unpkg.com/handlebars@4.7.8/dist/handlebars.min.js",
3822
- global: "Handlebars",
3823
- crossorigin: "anonymous"
3824
- }
3825
- },
3826
- preferredProviders: ["cloudflare", "jsdelivr", "unpkg"],
3827
- metadata: {
3828
- description: "Minimal templating on steroids",
3829
- homepage: "https://handlebarsjs.com",
3830
- license: "MIT"
3831
- }
3832
- }
3833
- };
3834
- var CDN_PROVIDER_PRIORITY = {
3835
- claude: ["cloudflare"],
3836
- // ONLY cloudflare for Claude
3837
- openai: ["cloudflare", "jsdelivr", "unpkg", "esm.sh"],
3838
- cursor: ["cloudflare", "jsdelivr", "unpkg", "esm.sh"],
3839
- gemini: ["cloudflare", "jsdelivr", "unpkg", "esm.sh"],
3840
- continue: ["cloudflare", "jsdelivr", "unpkg", "esm.sh"],
3841
- cody: ["cloudflare", "jsdelivr", "unpkg", "esm.sh"],
3842
- unknown: ["cloudflare", "jsdelivr", "unpkg", "esm.sh"]
3843
- // Default to cloudflare first
3844
- };
3845
- function lookupPackage(packageName, registry = DEFAULT_CDN_REGISTRY) {
3846
- return registry[packageName];
3847
- }
3848
- function mergeRegistries(customRegistry) {
3849
- return {
3850
- ...DEFAULT_CDN_REGISTRY,
3851
- ...customRegistry
3852
- };
3853
- }
3854
- function getPackagePeerDependencies(packageName, registry = DEFAULT_CDN_REGISTRY) {
3855
- const entry = lookupPackage(packageName, registry);
3856
- if (!entry) return [];
3857
- for (const provider of Object.keys(entry.providers)) {
3858
- const config = entry.providers[provider];
3859
- if (config?.peerDependencies) {
3860
- return config.peerDependencies;
3861
- }
3862
- }
3863
- return [];
3864
- }
3865
- function resolveAllDependencies(packageNames, platform = "unknown", registry = DEFAULT_CDN_REGISTRY) {
3866
- const resolved = /* @__PURE__ */ new Set();
3867
- const queue = [...packageNames];
3868
- while (queue.length > 0) {
3869
- const packageName = queue.shift();
3870
- if (!packageName) continue;
3871
- if (resolved.has(packageName)) continue;
3872
- resolved.add(packageName);
3873
- const peers = getPackagePeerDependencies(packageName, registry);
3874
- for (const peer of peers) {
3875
- if (!resolved.has(peer)) {
3876
- queue.push(peer);
3877
- }
3878
- }
3879
- }
3880
- const result = [];
3881
- const remaining = new Set(resolved);
3882
- while (remaining.size > 0) {
3883
- let added = false;
3884
- for (const pkg of remaining) {
3885
- const peers = getPackagePeerDependencies(pkg, registry);
3886
- const allPeersResolved = peers.every((peer) => !remaining.has(peer) || result.includes(peer));
3887
- if (allPeersResolved) {
3888
- if (!result.includes(pkg)) {
3889
- result.push(pkg);
3890
- }
3891
- remaining.delete(pkg);
3892
- added = true;
3893
- }
3894
- }
3895
- if (!added && remaining.size > 0) {
3896
- const next = remaining.values().next().value;
3897
- if (next !== void 0) {
3898
- if (!result.includes(next)) {
3899
- result.push(next);
3900
- }
3901
- remaining.delete(next);
3902
- }
3903
- }
3904
- }
3905
- return result;
3906
- }
3907
-
3908
- // libs/ui/src/dependency/import-parser.ts
3909
- var IMPORT_PATTERNS = {
3910
- /**
3911
- * Named imports: import { foo, bar } from 'module'
3912
- * Also handles renamed imports: import { foo as f } from 'module'
3913
- */
3914
- named: /import\s*\{([^}]+)\}\s*from\s*['"]([^'"]+)['"]/g,
3915
- /**
3916
- * Default imports: import foo from 'module'
3917
- */
3918
- default: /import\s+(\w+)\s+from\s*['"]([^'"]+)['"]/g,
3919
- /**
3920
- * Namespace imports: import * as foo from 'module'
3921
- */
3922
- namespace: /import\s*\*\s*as\s+(\w+)\s+from\s*['"]([^'"]+)['"]/g,
3923
- /**
3924
- * Side-effect imports: import 'module'
3925
- */
3926
- sideEffect: /import\s*['"]([^'"]+)['"]/g,
3927
- /**
3928
- * Dynamic imports: import('module') or await import('module')
3929
- */
3930
- dynamic: /(?:await\s+)?import\s*\(\s*['"]([^'"]+)['"]\s*\)/g,
3931
- /**
3932
- * Combined default and named: import foo, { bar } from 'module'
3933
- */
3934
- defaultAndNamed: /import\s+(\w+)\s*,\s*\{([^}]+)\}\s*from\s*['"]([^'"]+)['"]/g,
3935
- /**
3936
- * Combined default and namespace: import foo, * as bar from 'module'
3937
- */
3938
- defaultAndNamespace: /import\s+(\w+)\s*,\s*\*\s*as\s+(\w+)\s+from\s*['"]([^'"]+)['"]/g,
3939
- /**
3940
- * Re-exports: export { foo } from 'module'
3941
- */
3942
- reExport: /export\s*\{[^}]+\}\s*from\s*['"]([^'"]+)['"]/g,
3943
- /**
3944
- * Re-export all: export * from 'module'
3945
- */
3946
- reExportAll: /export\s*\*\s*from\s*['"]([^'"]+)['"]/g
3947
- };
3948
- function parseNamedImports(namedString) {
3949
- return namedString.split(",").map((s) => s.trim()).filter((s) => s.length > 0).map((s) => {
3950
- const asMatch = s.match(/^(\w+)\s+as\s+\w+$/);
3951
- return asMatch ? asMatch[1] : s;
3952
- });
3953
- }
3954
- function isRelativeImport(specifier) {
3955
- return specifier.startsWith("./") || specifier.startsWith("../") || specifier.startsWith("/");
3956
- }
3957
- function isExternalImport(specifier) {
3958
- return !isRelativeImport(specifier) && !specifier.startsWith("#");
3959
- }
3960
- function getPackageName(specifier) {
3961
- if (specifier.startsWith("@")) {
3962
- const parts = specifier.split("/");
3963
- if (parts.length >= 2) {
3964
- return `${parts[0]}/${parts[1]}`;
3965
- }
3966
- return specifier;
3967
- }
3968
- const firstSlash = specifier.indexOf("/");
3969
- return firstSlash === -1 ? specifier : specifier.slice(0, firstSlash);
3970
- }
3971
- function getLineNumber(source, index) {
3972
- let line = 1;
3973
- for (let i = 0; i < index && i < source.length; i++) {
3974
- if (source[i] === "\n") {
3975
- line++;
3976
- }
3977
- }
3978
- return line;
3979
- }
3980
- function getColumnNumber(source, index) {
3981
- let column = 0;
3982
- for (let i = index - 1; i >= 0 && source[i] !== "\n"; i--) {
3983
- column++;
3984
- }
3985
- return column;
3986
- }
3987
- function parseImports(source) {
3988
- const imports = [];
3989
- const seenStatements = /* @__PURE__ */ new Set();
3990
- const addImport = (imp) => {
3991
- const key = `${imp.type}:${imp.specifier}:${imp.statement}`;
3992
- if (!seenStatements.has(key)) {
3993
- seenStatements.add(key);
3994
- imports.push(imp);
3995
- }
3996
- };
3997
- let match;
3998
- const defaultAndNamedRegex = new RegExp(IMPORT_PATTERNS.defaultAndNamed.source, "g");
3999
- while ((match = defaultAndNamedRegex.exec(source)) !== null) {
4000
- const [statement, defaultName, namedString, specifier] = match;
4001
- const namedImports = parseNamedImports(namedString);
4002
- addImport({
4003
- statement,
4004
- specifier,
4005
- type: "default",
4006
- defaultImport: defaultName,
4007
- namedImports,
4008
- line: getLineNumber(source, match.index),
4009
- column: getColumnNumber(source, match.index)
4010
- });
4011
- }
4012
- const defaultAndNamespaceRegex = new RegExp(IMPORT_PATTERNS.defaultAndNamespace.source, "g");
4013
- while ((match = defaultAndNamespaceRegex.exec(source)) !== null) {
4014
- const [statement, defaultName, namespaceName, specifier] = match;
4015
- addImport({
4016
- statement,
4017
- specifier,
4018
- type: "default",
4019
- defaultImport: defaultName,
4020
- namespaceImport: namespaceName,
4021
- line: getLineNumber(source, match.index),
4022
- column: getColumnNumber(source, match.index)
4023
- });
4024
- }
4025
- const namedRegex = new RegExp(IMPORT_PATTERNS.named.source, "g");
4026
- while ((match = namedRegex.exec(source)) !== null) {
4027
- const [statement, namedString, specifier] = match;
4028
- const namedImports = parseNamedImports(namedString);
4029
- addImport({
4030
- statement,
4031
- specifier,
4032
- type: "named",
4033
- namedImports,
4034
- line: getLineNumber(source, match.index),
4035
- column: getColumnNumber(source, match.index)
4036
- });
4037
- }
4038
- const defaultRegex = new RegExp(IMPORT_PATTERNS.default.source, "g");
4039
- while ((match = defaultRegex.exec(source)) !== null) {
4040
- const [statement, defaultName, specifier] = match;
4041
- const afterMatch = source.slice(match.index + match[0].length - specifier.length - 2);
4042
- if (afterMatch.startsWith(",")) continue;
4043
- addImport({
4044
- statement,
4045
- specifier,
4046
- type: "default",
4047
- defaultImport: defaultName,
4048
- line: getLineNumber(source, match.index),
4049
- column: getColumnNumber(source, match.index)
4050
- });
4051
- }
4052
- const namespaceRegex = new RegExp(IMPORT_PATTERNS.namespace.source, "g");
4053
- while ((match = namespaceRegex.exec(source)) !== null) {
4054
- const [statement, namespaceName, specifier] = match;
4055
- addImport({
4056
- statement,
4057
- specifier,
4058
- type: "namespace",
4059
- namespaceImport: namespaceName,
4060
- line: getLineNumber(source, match.index),
4061
- column: getColumnNumber(source, match.index)
4062
- });
4063
- }
4064
- const sideEffectRegex = new RegExp(IMPORT_PATTERNS.sideEffect.source, "g");
4065
- while ((match = sideEffectRegex.exec(source)) !== null) {
4066
- const [statement, specifier] = match;
4067
- const beforeMatch = source.slice(Math.max(0, match.index - 50), match.index);
4068
- if (beforeMatch.includes("from")) continue;
4069
- addImport({
4070
- statement,
4071
- specifier,
4072
- type: "side-effect",
4073
- line: getLineNumber(source, match.index),
4074
- column: getColumnNumber(source, match.index)
4075
- });
4076
- }
4077
- const dynamicRegex = new RegExp(IMPORT_PATTERNS.dynamic.source, "g");
4078
- while ((match = dynamicRegex.exec(source)) !== null) {
4079
- const [statement, specifier] = match;
4080
- addImport({
4081
- statement,
4082
- specifier,
4083
- type: "dynamic",
4084
- line: getLineNumber(source, match.index),
4085
- column: getColumnNumber(source, match.index)
4086
- });
4087
- }
4088
- const reExportRegex = new RegExp(IMPORT_PATTERNS.reExport.source, "g");
4089
- while ((match = reExportRegex.exec(source)) !== null) {
4090
- const [statement, specifier] = match;
4091
- addImport({
4092
- statement,
4093
- specifier,
4094
- type: "named",
4095
- line: getLineNumber(source, match.index),
4096
- column: getColumnNumber(source, match.index)
4097
- });
4098
- }
4099
- const reExportAllRegex = new RegExp(IMPORT_PATTERNS.reExportAll.source, "g");
4100
- while ((match = reExportAllRegex.exec(source)) !== null) {
4101
- const [statement, specifier] = match;
4102
- addImport({
4103
- statement,
4104
- specifier,
4105
- type: "namespace",
4106
- line: getLineNumber(source, match.index),
4107
- column: getColumnNumber(source, match.index)
4108
- });
4109
- }
4110
- const externalImports = imports.filter((imp) => isExternalImport(imp.specifier));
4111
- const relativeImports = imports.filter((imp) => isRelativeImport(imp.specifier));
4112
- const externalPackages = [...new Set(externalImports.map((imp) => getPackageName(imp.specifier)))];
4113
- return {
4114
- imports,
4115
- externalImports,
4116
- relativeImports,
4117
- externalPackages
4118
- };
4119
- }
4120
-
4121
- // libs/ui/src/dependency/import-map.ts
4122
- function createImportMap(dependencies) {
4123
- const imports = {};
4124
- const integrity = {};
4125
- for (const dep of dependencies) {
4126
- imports[dep.packageName] = dep.cdnUrl;
4127
- if (dep.integrity) {
4128
- integrity[dep.cdnUrl] = dep.integrity;
4129
- }
4130
- }
4131
- return {
4132
- imports,
4133
- integrity: Object.keys(integrity).length > 0 ? integrity : void 0
4134
- };
4135
- }
4136
- function generateImportMapScriptTag(map) {
4137
- const json = JSON.stringify(map, null, 2);
4138
- return `<script type="importmap">
4139
- ${json}
4140
- </script>`;
4141
- }
4142
- function generateImportMapScriptTagMinified(map) {
4143
- const json = JSON.stringify(map);
4144
- return `<script type="importmap">${json}</script>`;
4145
- }
4146
- function generateUMDShim(dependencies, options = {}) {
4147
- const { safe = true, minify = false } = options;
4148
- const depsWithGlobals = dependencies.filter((d) => d.global && !d.esm);
4149
- if (depsWithGlobals.length === 0) {
4150
- return "";
4151
- }
4152
- const entries = depsWithGlobals.map((dep) => {
4153
- const global = dep.global;
4154
- return `'${dep.packageName}': { default: window.${global}, ...window.${global} }`;
4155
- });
4156
- const shimObject = `{
4157
- ${entries.join(",\n ")}
4158
- }`;
4159
- const code = safe ? `(function() {
4160
- try {
4161
- window.__esm_shim = ${shimObject};
4162
- } catch (e) {
4163
- console.warn('UMD shim failed:', e);
4164
- }
4165
- })();` : `window.__esm_shim = ${shimObject};`;
4166
- return minify ? code.replace(/\s+/g, " ").replace(/\s*([{},:])\s*/g, "$1") : code;
4167
- }
4168
- function generateCDNScriptTags(dependencies) {
4169
- return dependencies.filter((dep) => !dep.esm).map((dep) => {
4170
- const attrs = [`src="${escapeHtmlAttr(dep.cdnUrl)}"`];
4171
- if (dep.integrity) {
4172
- attrs.push(`integrity="${escapeHtmlAttr(dep.integrity)}"`);
4173
- }
4174
- attrs.push('crossorigin="anonymous"');
4175
- return `<script ${attrs.join(" ")}></script>`;
4176
- });
4177
- }
4178
- function generateESMScriptTags(dependencies) {
4179
- return dependencies.filter((dep) => dep.esm).map((dep) => {
4180
- const attrs = ['type="module"', `src="${escapeHtmlAttr(dep.cdnUrl)}"`];
4181
- if (dep.integrity) {
4182
- attrs.push(`integrity="${escapeHtmlAttr(dep.integrity)}"`);
4183
- }
4184
- attrs.push('crossorigin="anonymous"');
4185
- return `<script ${attrs.join(" ")}></script>`;
4186
- });
4187
- }
4188
- function generateDependencyHTML(dependencies, options = {}) {
4189
- const { minify = false, includeShim = true } = options;
4190
- const parts = [];
4191
- const importMap = createImportMap(dependencies);
4192
- const importMapTag = minify ? generateImportMapScriptTagMinified(importMap) : generateImportMapScriptTag(importMap);
4193
- parts.push(importMapTag);
4194
- const umdTags = generateCDNScriptTags(dependencies);
4195
- parts.push(...umdTags);
4196
- if (includeShim) {
4197
- const shim = generateUMDShim(dependencies, { minify });
4198
- if (shim) {
4199
- parts.push(`<script>${shim}</script>`);
4200
- }
4201
- }
4202
- const esmTags = generateESMScriptTags(dependencies);
4203
- parts.push(...esmTags);
4204
- return parts.join(minify ? "" : "\n");
4205
- }
4206
-
4207
- // libs/ui/src/dependency/resolver.ts
4208
- var DependencyResolutionError = class extends Error {
4209
- constructor(packageName, reason) {
4210
- super(`Failed to resolve dependency "${packageName}": ${reason}`);
4211
- this.packageName = packageName;
4212
- this.reason = reason;
4213
- this.name = "DependencyResolutionError";
4214
- }
4215
- };
4216
- var NoProviderError = class extends DependencyResolutionError {
4217
- constructor(packageName, platform) {
4218
- super(packageName, `No CDN provider available for platform "${platform}"`);
4219
- this.platform = platform;
4220
- this.name = "NoProviderError";
4221
- }
4222
- };
4223
- var DependencyResolver = class {
4224
- options;
4225
- registry;
4226
- constructor(options = {}) {
4227
- this.options = {
4228
- platform: options.platform ?? "unknown",
4229
- preferredProviders: options.preferredProviders ?? CDN_PROVIDER_PRIORITY[options.platform ?? "unknown"],
4230
- customRegistry: options.customRegistry ?? {},
4231
- strictMode: options.strictMode ?? true,
4232
- requireIntegrity: options.requireIntegrity ?? false
4233
- };
4234
- this.registry = mergeRegistries(this.options.customRegistry);
4235
- }
4236
- /**
4237
- * Resolve a single package to its CDN dependency.
4238
- *
4239
- * @param packageName - NPM package name
4240
- * @param override - Optional explicit CDN dependency override
4241
- * @returns Resolved dependency, or null in non-strict mode if package is not found (should be bundled)
4242
- * @throws DependencyResolutionError if package cannot be resolved in strict mode
4243
- */
4244
- resolve(packageName, override) {
4245
- if (override) {
4246
- return this.createResolvedDependency(packageName, override, "custom");
4247
- }
4248
- const entry = lookupPackage(packageName, this.registry);
4249
- if (!entry) {
4250
- if (this.options.strictMode) {
4251
- throw new DependencyResolutionError(
4252
- packageName,
4253
- 'Package not found in CDN registry. Add it to "dependencies" for explicit CDN configuration.'
4254
- );
4255
- }
4256
- return null;
4257
- }
4258
- const providerPriority = this.options.preferredProviders;
4259
- for (const provider of providerPriority) {
4260
- const config = entry.providers[provider];
4261
- if (config?.url) {
4262
- if (this.options.requireIntegrity && !config.integrity) {
4263
- continue;
4264
- }
4265
- return this.createResolvedDependency(packageName, config, provider, entry.defaultVersion);
4266
- }
4267
- }
4268
- throw new NoProviderError(packageName, this.options.platform);
4269
- }
4270
- /**
4271
- * Resolve multiple packages.
4272
- *
4273
- * @param packageNames - Array of package names
4274
- * @param overrides - Optional explicit overrides for specific packages
4275
- * @returns Array of resolved dependencies (in dependency order)
4276
- */
4277
- resolveMany(packageNames, overrides) {
4278
- const allPackages = resolveAllDependencies(packageNames, this.options.platform, this.registry);
4279
- const resolved = [];
4280
- for (const pkgName of allPackages) {
4281
- try {
4282
- const override = overrides?.[pkgName];
4283
- const dep = this.resolve(pkgName, override);
4284
- if (dep) {
4285
- resolved.push(dep);
4286
- }
4287
- } catch (error) {
4288
- if (this.options.strictMode) {
4289
- throw error;
4290
- }
4291
- }
4292
- }
4293
- return resolved;
4294
- }
4295
- /**
4296
- * Resolve dependencies from source code.
4297
- *
4298
- * Parses the source to extract imports, then resolves external packages
4299
- * that are in the externals list.
4300
- *
4301
- * @param source - Source code to parse
4302
- * @param externals - Package names to resolve from CDN (others are bundled)
4303
- * @param overrides - Optional explicit CDN overrides
4304
- * @returns Resolved dependencies
4305
- */
4306
- resolveFromSource(source, externals, overrides) {
4307
- const parseResult = parseImports(source);
4308
- const packagesToResolve = parseResult.externalPackages.filter((pkg) => externals.includes(pkg));
4309
- return this.resolveMany(packagesToResolve, overrides);
4310
- }
4311
- /**
4312
- * Generate an import map for resolved dependencies.
4313
- *
4314
- * @param dependencies - Resolved dependencies
4315
- * @returns Browser import map
4316
- */
4317
- generateImportMap(dependencies) {
4318
- return createImportMap(dependencies);
4319
- }
4320
- /**
4321
- * Check if a package can be resolved for the current platform.
4322
- *
4323
- * @param packageName - Package name to check
4324
- * @returns true if the package can be resolved
4325
- */
4326
- canResolve(packageName) {
4327
- try {
4328
- const result = this.resolve(packageName);
4329
- return result !== null;
4330
- } catch {
4331
- return false;
4332
- }
4333
- }
4334
- /**
4335
- * Get the resolved CDN URL for a package.
4336
- *
4337
- * @param packageName - Package name
4338
- * @param override - Optional explicit override
4339
- * @returns CDN URL or undefined if cannot resolve
4340
- */
4341
- getUrl(packageName, override) {
4342
- try {
4343
- const resolved = this.resolve(packageName, override);
4344
- return resolved?.cdnUrl;
4345
- } catch {
4346
- return void 0;
4347
- }
4348
- }
4349
- /**
4350
- * Get peer dependencies for a package.
4351
- */
4352
- getPeerDependencies(packageName) {
4353
- return getPackagePeerDependencies(packageName, this.registry);
4354
- }
4355
- /**
4356
- * Create the current registry (default + custom).
4357
- */
4358
- getRegistry() {
4359
- return this.registry;
4360
- }
4361
- /**
4362
- * Get the current platform.
4363
- */
4364
- getPlatform() {
4365
- return this.options.platform;
4366
- }
4367
- /**
4368
- * Create a resolved dependency object.
4369
- */
4370
- createResolvedDependency(packageName, config, provider, version) {
4371
- return {
4372
- packageName,
4373
- version: version ?? this.extractVersionFromUrl(config.url) ?? "latest",
4374
- cdnUrl: config.url,
4375
- integrity: config.integrity,
4376
- global: config.global,
4377
- esm: config.esm ?? false,
4378
- provider
4379
- };
4380
- }
4381
- /**
4382
- * Try to extract version from CDN URL.
4383
- */
4384
- extractVersionFromUrl(url) {
4385
- const versionMatch = url.match(/@(\d+\.\d+\.\d+(?:-[\w.]+)?)/);
4386
- if (versionMatch) {
4387
- return versionMatch[1];
4388
- }
4389
- const versionMatch2 = url.match(/\/v?(\d+\.\d+\.\d+)\//);
4390
- if (versionMatch2) {
4391
- return versionMatch2[1];
4392
- }
4393
- return void 0;
4394
- }
4395
- };
4396
-
4397
- // libs/ui/src/bundler/file-cache/component-builder.ts
4398
- var ComponentBuilder = class {
4399
- storage;
4400
- esbuild = null;
4401
- constructor(storage) {
4402
- this.storage = storage;
4403
- }
4404
- /**
4405
- * Build a component from a file path.
4406
- */
4407
- async build(options) {
4408
- const startTime = performance.now();
4409
- const {
4410
- entryPath,
4411
- toolName,
4412
- externals = [],
4413
- dependencies = {},
4414
- bundleOptions = {},
4415
- platform = "unknown",
4416
- skipCache = false,
4417
- ssr = false,
4418
- ssrContext = {},
4419
- executeCode: executeCode3
4420
- } = options;
4421
- const absoluteEntryPath = resolve2(entryPath);
4422
- if (!existsSync3(absoluteEntryPath)) {
4423
- throw new Error(`Entry file not found: ${absoluteEntryPath}`);
4424
- }
4425
- const hashResult = await calculateComponentHash({
4426
- entryPath: absoluteEntryPath,
4427
- externals,
4428
- dependencies,
4429
- bundleOptions
4430
- });
4431
- if (!skipCache) {
4432
- const cached = await this.storage.get(hashResult.hash);
4433
- if (cached) {
4434
- return {
4435
- manifest: cached,
4436
- cached: true,
4437
- buildTimeMs: performance.now() - startTime
4438
- };
4439
- }
4440
- }
4441
- const source = await readFile3(absoluteEntryPath, "utf8");
4442
- const resolver = new DependencyResolver({ platform });
4443
- const resolvedDeps = [];
4444
- for (const pkg of externals) {
4445
- try {
4446
- const override = dependencies[pkg];
4447
- const resolved = resolver.resolve(pkg, override);
4448
- if (resolved) {
4449
- resolvedDeps.push(resolved);
4450
- }
4451
- } catch (error) {
4452
- console.warn(`Failed to resolve external "${pkg}": ${error}`);
4453
- }
4454
- }
4455
- const allExternals = new Set(externals);
4456
- for (const dep of resolvedDeps) {
4457
- const entry = resolver.getRegistry()[dep.packageName];
4458
- if (entry?.providers) {
4459
- const providerConfig = Object.values(entry.providers)[0];
4460
- if (providerConfig?.peerDependencies) {
4461
- for (const peer of providerConfig.peerDependencies) {
4462
- if (!allExternals.has(peer)) {
4463
- allExternals.add(peer);
4464
- try {
4465
- const peerOverride = dependencies[peer];
4466
- const resolved = resolver.resolve(peer, peerOverride);
4467
- if (resolved) {
4468
- resolvedDeps.push(resolved);
4469
- }
4470
- } catch {
4471
- }
4472
- }
4473
- }
4474
- }
4475
- }
4476
- }
4477
- const importMap = createImportMap(resolvedDeps);
4478
- const bundleResult = await this.bundleComponent({
4479
- source,
4480
- entryPath: absoluteEntryPath,
4481
- externals: Array.from(allExternals),
4482
- bundleOptions
4483
- });
4484
- let ssrHtml;
4485
- if (ssr) {
4486
- ssrHtml = await this.renderSSR(bundleResult.code, ssrContext, resolvedDeps, executeCode3);
4487
- }
4488
- const manifest = {
4489
- version: "1.0",
4490
- buildId: randomUUID(),
4491
- toolName,
4492
- entryPath: absoluteEntryPath,
4493
- contentHash: hashResult.hash,
4494
- dependencies: resolvedDeps,
4495
- outputs: {
4496
- code: bundleResult.code,
4497
- sourceMap: bundleResult.map,
4498
- ssrHtml
4499
- },
4500
- importMap,
4501
- metadata: {
4502
- createdAt: (/* @__PURE__ */ new Date()).toISOString(),
4503
- buildTimeMs: performance.now() - startTime,
4504
- totalSize: Buffer.byteLength(bundleResult.code, "utf8"),
4505
- bundlerVersion: bundleResult.bundlerVersion
4506
- }
4507
- };
4508
- await this.storage.set(hashResult.hash, manifest);
4509
- return {
4510
- manifest,
4511
- cached: false,
4512
- buildTimeMs: performance.now() - startTime
4513
- };
4514
- }
4515
- /**
4516
- * Build multiple components.
4517
- */
4518
- async buildMany(options) {
4519
- return Promise.all(options.map((opt) => this.build(opt)));
4520
- }
4521
- /**
4522
- * Check if a component needs rebuilding.
4523
- */
4524
- async needsRebuild(options) {
4525
- const absoluteEntryPath = resolve2(options.entryPath);
4526
- const hashResult = await calculateComponentHash({
4527
- entryPath: absoluteEntryPath,
4528
- externals: options.externals,
4529
- dependencies: options.dependencies,
4530
- bundleOptions: options.bundleOptions
4531
- });
4532
- const cached = await this.storage.has(hashResult.hash);
4533
- return !cached;
4534
- }
4535
- /**
4536
- * Get a cached build if it exists.
4537
- */
4538
- async getCached(options) {
4539
- const absoluteEntryPath = resolve2(options.entryPath);
4540
- const hashResult = await calculateComponentHash({
4541
- entryPath: absoluteEntryPath,
4542
- externals: options.externals,
4543
- dependencies: options.dependencies,
4544
- bundleOptions: options.bundleOptions
4545
- });
4546
- return this.storage.get(hashResult.hash);
4547
- }
4548
- /**
4549
- * Invalidate a cached build.
4550
- */
4551
- async invalidate(contentHash) {
4552
- return this.storage.delete(contentHash);
4553
- }
4554
- /**
4555
- * Generate complete HTML for a built component.
4556
- */
4557
- generateHTML(manifest, minify = false) {
4558
- const parts = [];
4559
- const dependencyHtml = generateDependencyHTML(manifest.dependencies, { minify });
4560
- parts.push(dependencyHtml);
4561
- parts.push(`<script type="module">${manifest.outputs.code}</script>`);
4562
- return parts.join(minify ? "" : "\n");
4563
- }
4564
- /**
4565
- * Bundle a component using esbuild.
4566
- */
4567
- async bundleComponent(options) {
4568
- const { source, entryPath, externals, bundleOptions } = options;
4569
- if (!this.esbuild) {
4570
- try {
4571
- this.esbuild = await import("esbuild");
4572
- } catch {
4573
- throw new Error("esbuild is required for component building. Install with: npm install esbuild");
4574
- }
4575
- }
4576
- const ext = extname(entryPath).toLowerCase();
4577
- const loader = ext === ".tsx" ? "tsx" : ext === ".ts" ? "ts" : ext === ".jsx" ? "jsx" : "js";
4578
- try {
4579
- const result = await this.esbuild.transform(source, {
4580
- loader,
4581
- format: "esm",
4582
- minify: bundleOptions.minify ?? process.env["NODE_ENV"] === "production",
4583
- sourcemap: bundleOptions.sourceMaps ? "inline" : false,
4584
- target: bundleOptions.target ?? "es2020",
4585
- treeShaking: bundleOptions.treeShake ?? true,
4586
- jsx: "automatic",
4587
- jsxImportSource: bundleOptions.jsxImportSource ?? "react",
4588
- // Mark externals for later import map resolution
4589
- banner: externals.length > 0 ? `/* externals: ${externals.join(", ")} */` : void 0
4590
- });
4591
- return {
4592
- code: result.code,
4593
- map: result.map || void 0,
4594
- bundlerVersion: this.esbuild.version
4595
- };
4596
- } catch (error) {
4597
- throw new Error(`Bundle failed for ${entryPath}: ${error}`);
4598
- }
4599
- }
4600
- /**
4601
- * Perform server-side rendering.
4602
- */
4603
- async renderSSR(code, context, dependencies, executeCode3) {
4604
- const hasReact = dependencies.some((d) => d.packageName === "react");
4605
- if (!hasReact) {
4606
- console.warn("SSR requires React as an external dependency");
4607
- return void 0;
4608
- }
4609
- try {
4610
- const React = await import("react");
4611
- const ReactDOMServer = await import("react-dom/server");
4612
- const exports = {};
4613
- const module = { exports };
4614
- if (executeCode3) {
4615
- executeCode3(code, exports, module, React);
4616
- } else {
4617
- const fn = new Function("exports", "module", "React", code);
4618
- fn(exports, module, React);
4619
- }
4620
- const Component = module.exports.default || module.exports;
4621
- if (typeof Component !== "function") {
4622
- console.warn("SSR: No default component export found");
4623
- return void 0;
4624
- }
4625
- const element = React.createElement(Component, context);
4626
- return ReactDOMServer.renderToString(element);
4627
- } catch (error) {
4628
- console.warn(`SSR failed: ${error}`);
4629
- return void 0;
4630
- }
4631
- }
4632
- };
4633
- async function createFilesystemBuilder(cacheDir = ".frontmcp-cache/builds") {
4634
- const { FilesystemStorage: FilesystemStorage2 } = await Promise.resolve().then(() => (init_filesystem(), filesystem_exports));
4635
- const storage = new FilesystemStorage2({ cacheDir });
4636
- await storage.initialize();
4637
- return new ComponentBuilder(storage);
4638
- }
4639
- async function createRedisBuilder(redisClient, keyPrefix = "frontmcp:ui:build:") {
4640
- const { RedisStorage: RedisStorage2 } = await Promise.resolve().then(() => (init_redis(), redis_exports));
4641
- const storage = new RedisStorage2({
4642
- client: redisClient,
4643
- keyPrefix
4644
- });
4645
- await storage.initialize();
4646
- return new ComponentBuilder(storage);
4647
- }
4648
- export {
4649
- BundlerCache,
4650
- ComponentBuilder,
4651
- DEFAULT_BUNDLER_OPTIONS,
4652
- DEFAULT_BUNDLE_OPTIONS,
4653
- DEFAULT_SECURITY_POLICY,
4654
- DEFAULT_STATIC_HTML_OPTIONS,
4655
- DEFAULT_STORAGE_OPTIONS,
4656
- ExecutionError,
4657
- FilesystemStorage,
4658
- InMemoryBundler,
4659
- RedisStorage,
4660
- STATIC_HTML_CDN,
4661
- SecurityError,
4662
- buildIdFromHash,
4663
- calculateComponentHash,
4664
- calculateManifestSize,
4665
- calculateQuickHash,
4666
- createBundler,
4667
- createCacheKey,
4668
- createFilesystemBuilder,
4669
- createFilesystemStorage,
4670
- createRedisBuilder,
4671
- createRedisStorage,
4672
- executeCode,
4673
- executeDefault,
4674
- generateBuildId,
4675
- getCdnTypeForPlatform,
4676
- hashContent,
4677
- hashFile,
4678
- hashFiles,
4679
- isExecutionError,
4680
- mergePolicy,
4681
- sha256,
4682
- sha256Buffer,
4683
- throwOnViolations,
4684
- validateImports,
4685
- validateSize,
4686
- validateSource
4687
- };