github-to-mcp-monorepo 1.0.0

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 (388) hide show
  1. package/.env.example +8 -0
  2. package/.github/CODEOWNERS +6 -0
  3. package/.husky/pre-commit +1 -0
  4. package/.nvmrc +1 -0
  5. package/.prettierignore +5 -0
  6. package/.prettierrc +7 -0
  7. package/.vscode/settings.json +4 -0
  8. package/ARCHITECTURE.md +1429 -0
  9. package/CHANGELOG.md +167 -0
  10. package/CONTRIBUTING.md +327 -0
  11. package/LICENSE +201 -0
  12. package/README.md +1028 -0
  13. package/SECURITY.md +248 -0
  14. package/VISUAL_GUIDE.md +437 -0
  15. package/apps/vscode/IMPLEMENTATION.md +480 -0
  16. package/apps/vscode/README.md +248 -0
  17. package/apps/vscode/package.json +381 -0
  18. package/apps/vscode/resources/icon.png +0 -0
  19. package/apps/vscode/resources/icon.svg +5 -0
  20. package/apps/vscode/src/commands/browseRegistry.ts +211 -0
  21. package/apps/vscode/src/commands/configureClaudeDesktop.ts +332 -0
  22. package/apps/vscode/src/commands/convert.ts +82 -0
  23. package/apps/vscode/src/commands/convertCurrentRepo.ts +109 -0
  24. package/apps/vscode/src/commands/convertFromUrl.ts +138 -0
  25. package/apps/vscode/src/commands/index.ts +121 -0
  26. package/apps/vscode/src/commands/validate.ts +197 -0
  27. package/apps/vscode/src/extension.ts +464 -0
  28. package/apps/vscode/src/global.d.ts +36 -0
  29. package/apps/vscode/src/test/extension.test.ts +73 -0
  30. package/apps/vscode/src/utils/file-generator.ts +529 -0
  31. package/apps/vscode/src/utils/github-api.ts +335 -0
  32. package/apps/vscode/src/utils/index.ts +29 -0
  33. package/apps/vscode/src/utils/mcp-config.ts +334 -0
  34. package/apps/vscode/src/utils/storage.ts +87 -0
  35. package/apps/vscode/src/views/McpServersTreeView.ts +160 -0
  36. package/apps/vscode/src/views/OutputChannelView.ts +195 -0
  37. package/apps/vscode/src/views/StatusBarItem.ts +251 -0
  38. package/apps/vscode/src/views/ToolsExplorerView.ts +314 -0
  39. package/apps/vscode/src/views/historyProvider.ts +75 -0
  40. package/apps/vscode/src/views/index.ts +12 -0
  41. package/apps/vscode/src/views/resultsPanel.ts +330 -0
  42. package/apps/vscode/src/webviews/ConversionPanel.ts +350 -0
  43. package/apps/vscode/src/webviews/ToolDetailsPanel.ts +448 -0
  44. package/apps/vscode/src/webviews/index.ts +9 -0
  45. package/apps/vscode/src/webviews/webview-ui/styles.ts +492 -0
  46. package/apps/vscode/tsconfig.json +20 -0
  47. package/apps/web/PLAYGROUND_GUIDE.md +499 -0
  48. package/apps/web/README.md +505 -0
  49. package/apps/web/app/api/convert/route.ts +100 -0
  50. package/apps/web/app/api/convert/stream/route.ts +198 -0
  51. package/apps/web/app/api/deploy/route.ts +157 -0
  52. package/apps/web/app/api/edge/route.ts +308 -0
  53. package/apps/web/app/api/export-docker/route.ts +284 -0
  54. package/apps/web/app/api/generate-openapi/route.ts +119 -0
  55. package/apps/web/app/api/mcp/[serverId]/route.ts +263 -0
  56. package/apps/web/app/api/playground/connect/route.ts +143 -0
  57. package/apps/web/app/api/playground/disconnect/route.ts +78 -0
  58. package/apps/web/app/api/playground/execute/route.ts +135 -0
  59. package/apps/web/app/api/playground/sessions/route.ts +103 -0
  60. package/apps/web/app/api/playground/tools/route.ts +117 -0
  61. package/apps/web/app/api/playground/v2/connect/route.ts +96 -0
  62. package/apps/web/app/api/playground/v2/disconnect/route.ts +88 -0
  63. package/apps/web/app/api/playground/v2/health/route.ts +80 -0
  64. package/apps/web/app/api/playground/v2/prompts/route.ts +160 -0
  65. package/apps/web/app/api/playground/v2/resources/route.ts +159 -0
  66. package/apps/web/app/api/playground/v2/sessions/route.ts +184 -0
  67. package/apps/web/app/api/playground/v2/tools/route.ts +167 -0
  68. package/apps/web/app/api/stream/route.ts +232 -0
  69. package/apps/web/app/batch/BatchConvertClient.tsx +190 -0
  70. package/apps/web/app/batch/page.tsx +37 -0
  71. package/apps/web/app/convert/page.tsx +269 -0
  72. package/apps/web/app/dashboard/page.tsx +380 -0
  73. package/apps/web/app/globals.css +622 -0
  74. package/apps/web/app/layout.tsx +120 -0
  75. package/apps/web/app/manifest.ts +31 -0
  76. package/apps/web/app/opengraph-image.tsx +112 -0
  77. package/apps/web/app/page.old.tsx +924 -0
  78. package/apps/web/app/page.tsx +77 -0
  79. package/apps/web/app/playground/page.tsx +306 -0
  80. package/apps/web/app/playground/v2/error.tsx +163 -0
  81. package/apps/web/app/playground/v2/layout.tsx +58 -0
  82. package/apps/web/app/playground/v2/loading.tsx +152 -0
  83. package/apps/web/app/playground/v2/page.tsx +644 -0
  84. package/apps/web/app/playground/v2/providers.tsx +214 -0
  85. package/apps/web/app/playground/v2/use-shortcuts.ts +209 -0
  86. package/apps/web/app/playground/v2/use-url-state.ts +296 -0
  87. package/apps/web/app/providers.tsx +22 -0
  88. package/apps/web/app/sitemap.ts +32 -0
  89. package/apps/web/app/twitter-image.tsx +112 -0
  90. package/apps/web/components/BranchSelector.tsx +401 -0
  91. package/apps/web/components/ClaudeConfigExport.tsx +226 -0
  92. package/apps/web/components/Features.tsx +84 -0
  93. package/apps/web/components/Footer.tsx +119 -0
  94. package/apps/web/components/GenerationProgress.tsx +248 -0
  95. package/apps/web/components/GithubUrlInput.tsx +483 -0
  96. package/apps/web/components/Header.tsx +175 -0
  97. package/apps/web/components/Hero.tsx +117 -0
  98. package/apps/web/components/HowItWorks.tsx +119 -0
  99. package/apps/web/components/InstallBanner.tsx +158 -0
  100. package/apps/web/components/Logo.tsx +116 -0
  101. package/apps/web/components/ParticleBackground.tsx +105 -0
  102. package/apps/web/components/Playground.tsx +472 -0
  103. package/apps/web/components/PlaygroundToolTester.tsx +410 -0
  104. package/apps/web/components/ProductCards.tsx +179 -0
  105. package/apps/web/components/SplitView.tsx +194 -0
  106. package/apps/web/components/ToolFilter.tsx +260 -0
  107. package/apps/web/components/ToolList.tsx +325 -0
  108. package/apps/web/components/batch/BatchConvert.tsx +785 -0
  109. package/apps/web/components/batch/index.ts +7 -0
  110. package/apps/web/components/convert/ConfigTabs.tsx +230 -0
  111. package/apps/web/components/convert/ConversionResult.tsx +482 -0
  112. package/apps/web/components/convert/InlinePlayground.tsx +259 -0
  113. package/apps/web/components/convert/LoadingSteps.tsx +311 -0
  114. package/apps/web/components/convert/OneClickInstall.tsx +224 -0
  115. package/apps/web/components/convert/ToolCard.tsx +189 -0
  116. package/apps/web/components/convert/TryInPlayground.tsx +242 -0
  117. package/apps/web/components/convert/index.ts +12 -0
  118. package/apps/web/components/deploy/DeployButton.tsx +369 -0
  119. package/apps/web/components/deploy/index.ts +7 -0
  120. package/apps/web/components/docker/DockerExport.tsx +690 -0
  121. package/apps/web/components/docker/index.ts +7 -0
  122. package/apps/web/components/install/OneClickInstall.tsx +676 -0
  123. package/apps/web/components/install/index.ts +7 -0
  124. package/apps/web/components/playground/CapabilityTabs.tsx +150 -0
  125. package/apps/web/components/playground/ConnectionStatusV2.tsx +322 -0
  126. package/apps/web/components/playground/EmptyStates.tsx +305 -0
  127. package/apps/web/components/playground/ExecutionLog.tsx +260 -0
  128. package/apps/web/components/playground/ExecutionLogV2.tsx +378 -0
  129. package/apps/web/components/playground/JsonViewer.tsx +388 -0
  130. package/apps/web/components/playground/PlaygroundLayout.tsx +244 -0
  131. package/apps/web/components/playground/PromptsPanel.tsx +385 -0
  132. package/apps/web/components/playground/ResourcesPanel.tsx +378 -0
  133. package/apps/web/components/playground/SchemaForm.tsx +477 -0
  134. package/apps/web/components/playground/ServerStatus.tsx +151 -0
  135. package/apps/web/components/playground/ShareButton.tsx +239 -0
  136. package/apps/web/components/playground/ToolsPanel.tsx +309 -0
  137. package/apps/web/components/playground/TransportConfigurator.tsx +563 -0
  138. package/apps/web/components/playground/index.ts +74 -0
  139. package/apps/web/components/playground/types.ts +202 -0
  140. package/apps/web/components/streaming/StreamingProgress.tsx +441 -0
  141. package/apps/web/components/streaming/index.ts +7 -0
  142. package/apps/web/components/ui/badge.tsx +42 -0
  143. package/apps/web/components/ui/button.tsx +88 -0
  144. package/apps/web/components/ui/card.tsx +75 -0
  145. package/apps/web/components/ui/code-block.tsx +122 -0
  146. package/apps/web/components/ui/index.ts +12 -0
  147. package/apps/web/components/ui/input.tsx +55 -0
  148. package/apps/web/components/ui/tabs.tsx +61 -0
  149. package/apps/web/hooks/index.ts +85 -0
  150. package/apps/web/hooks/types.ts +1173 -0
  151. package/apps/web/hooks/use-conversion.ts +133 -0
  152. package/apps/web/hooks/use-execution-history.ts +376 -0
  153. package/apps/web/hooks/use-generation-progress.ts +147 -0
  154. package/apps/web/hooks/use-local-storage.ts +88 -0
  155. package/apps/web/hooks/use-mcp-client.ts +623 -0
  156. package/apps/web/hooks/use-mcp-connection.ts +500 -0
  157. package/apps/web/hooks/use-mcp-execution.ts +282 -0
  158. package/apps/web/hooks/use-mcp-prompts.ts +441 -0
  159. package/apps/web/hooks/use-mcp-resources.ts +430 -0
  160. package/apps/web/hooks/use-mcp-tools.ts +540 -0
  161. package/apps/web/hooks/use-playground-store.ts +299 -0
  162. package/apps/web/hooks/use-playground.ts +184 -0
  163. package/apps/web/hooks/use-streaming-conversion.ts +227 -0
  164. package/apps/web/hooks/useBatchConversion.ts +271 -0
  165. package/apps/web/hooks/useDockerConfig.ts +161 -0
  166. package/apps/web/hooks/usePlatformDetection.ts +80 -0
  167. package/apps/web/hooks/useStreaming.ts +199 -0
  168. package/apps/web/lib/api/errors.ts +386 -0
  169. package/apps/web/lib/api/index.ts +137 -0
  170. package/apps/web/lib/api/logger.ts +187 -0
  171. package/apps/web/lib/api/middleware.ts +364 -0
  172. package/apps/web/lib/api/openapi.ts +977 -0
  173. package/apps/web/lib/api/session-manager.ts +594 -0
  174. package/apps/web/lib/api/types.ts +433 -0
  175. package/apps/web/lib/api/validation.ts +523 -0
  176. package/apps/web/lib/constants.ts +114 -0
  177. package/apps/web/lib/mcp/client.ts +1137 -0
  178. package/apps/web/lib/mcp/events.ts +651 -0
  179. package/apps/web/lib/mcp/index.ts +347 -0
  180. package/apps/web/lib/mcp/logger.ts +428 -0
  181. package/apps/web/lib/mcp/metrics.ts +703 -0
  182. package/apps/web/lib/mcp/retry.ts +616 -0
  183. package/apps/web/lib/mcp/session-manager.ts +779 -0
  184. package/apps/web/lib/mcp/transports.ts +988 -0
  185. package/apps/web/lib/mcp/types.ts +594 -0
  186. package/apps/web/lib/mcp-client-enhanced.ts +871 -0
  187. package/apps/web/lib/mcp-client.ts +778 -0
  188. package/apps/web/lib/mcp-errors.ts +489 -0
  189. package/apps/web/lib/mcp-sandbox.ts +593 -0
  190. package/apps/web/lib/mcp-testing.ts +428 -0
  191. package/apps/web/lib/mcp-types.ts +448 -0
  192. package/apps/web/lib/playground-store.tsx +1147 -0
  193. package/apps/web/lib/utils.ts +439 -0
  194. package/apps/web/next-env.d.ts +5 -0
  195. package/apps/web/next.config.js +23 -0
  196. package/apps/web/package.json +55 -0
  197. package/apps/web/postcss.config.js +6 -0
  198. package/apps/web/public/.well-known/ai-plugin.json +17 -0
  199. package/apps/web/public/logo.svg +6 -0
  200. package/apps/web/public/robots.txt +22 -0
  201. package/apps/web/public/schema.json +27 -0
  202. package/apps/web/tailwind.config.js +26 -0
  203. package/apps/web/tailwind.config.ts +123 -0
  204. package/apps/web/tsconfig.json +20 -0
  205. package/apps/web/types/deploy.ts +139 -0
  206. package/apps/web/types/index.ts +247 -0
  207. package/apps/web/vercel.json +39 -0
  208. package/eslint.config.mjs +23 -0
  209. package/llms.txt +102 -0
  210. package/mkdocs/docs/api/core.md +318 -0
  211. package/mkdocs/docs/api/index.md +128 -0
  212. package/mkdocs/docs/api/mcp-server.md +301 -0
  213. package/mkdocs/docs/api/openapi-parser.md +254 -0
  214. package/mkdocs/docs/assets/logo.svg +7 -0
  215. package/mkdocs/docs/changelog.md +118 -0
  216. package/mkdocs/docs/cli/generate.md +148 -0
  217. package/mkdocs/docs/cli/index.md +52 -0
  218. package/mkdocs/docs/cli/inspect.md +164 -0
  219. package/mkdocs/docs/cli/serve.md +136 -0
  220. package/mkdocs/docs/concepts/classification.md +254 -0
  221. package/mkdocs/docs/concepts/how-it-works.md +299 -0
  222. package/mkdocs/docs/concepts/index.md +77 -0
  223. package/mkdocs/docs/concepts/mcp-protocol.md +362 -0
  224. package/mkdocs/docs/concepts/tool-types.md +382 -0
  225. package/mkdocs/docs/contributing/architecture.md +262 -0
  226. package/mkdocs/docs/contributing/development.md +245 -0
  227. package/mkdocs/docs/contributing/index.md +73 -0
  228. package/mkdocs/docs/contributing/testing.md +320 -0
  229. package/mkdocs/docs/getting-started/configuration.md +235 -0
  230. package/mkdocs/docs/getting-started/index.md +54 -0
  231. package/mkdocs/docs/getting-started/installation.md +145 -0
  232. package/mkdocs/docs/getting-started/quickstart.md +160 -0
  233. package/mkdocs/docs/guides/batch.md +375 -0
  234. package/mkdocs/docs/guides/claude-desktop.md +227 -0
  235. package/mkdocs/docs/guides/cursor.md +188 -0
  236. package/mkdocs/docs/guides/custom-tools.md +367 -0
  237. package/mkdocs/docs/guides/index.md +78 -0
  238. package/mkdocs/docs/guides/private-repos.md +221 -0
  239. package/mkdocs/docs/guides/vscode.md +247 -0
  240. package/mkdocs/docs/index.md +175 -0
  241. package/mkdocs/docs/reference/config.md +223 -0
  242. package/mkdocs/docs/reference/env.md +192 -0
  243. package/mkdocs/docs/reference/index.md +102 -0
  244. package/mkdocs/docs/reference/tools.md +309 -0
  245. package/mkdocs/docs/stylesheets/extra.css +231 -0
  246. package/mkdocs/mkdocs.yml +204 -0
  247. package/mkdocs/overrides/.gitkeep +1 -0
  248. package/mkdocs/overrides/main.html +7 -0
  249. package/mkdocs/python-deps.txt +7 -0
  250. package/mkdocs/vercel.json +11 -0
  251. package/package.json +63 -0
  252. package/packages/core/package.json +61 -0
  253. package/packages/core/src/__tests__/bitbucket-client.test.ts +366 -0
  254. package/packages/core/src/__tests__/cli.test.ts +235 -0
  255. package/packages/core/src/__tests__/code-extractor.test.ts +378 -0
  256. package/packages/core/src/__tests__/docker-generator.test.ts +255 -0
  257. package/packages/core/src/__tests__/github-client.test.ts +390 -0
  258. package/packages/core/src/__tests__/gitlab-client.test.ts +319 -0
  259. package/packages/core/src/__tests__/go-extractor.test.ts +351 -0
  260. package/packages/core/src/__tests__/graphql-extractor.test.ts +330 -0
  261. package/packages/core/src/__tests__/java-extractor.test.ts +497 -0
  262. package/packages/core/src/__tests__/plugins.test.ts +467 -0
  263. package/packages/core/src/__tests__/readme-extractor.test.ts +258 -0
  264. package/packages/core/src/__tests__/redis-cache.test.ts +307 -0
  265. package/packages/core/src/__tests__/rust-extractor.test.ts +252 -0
  266. package/packages/core/src/__tests__/streaming.test.ts +251 -0
  267. package/packages/core/src/additional-extractors.ts +333 -0
  268. package/packages/core/src/cache/cache-interface.ts +179 -0
  269. package/packages/core/src/cache/index.ts +210 -0
  270. package/packages/core/src/cache/redis-cache.ts +291 -0
  271. package/packages/core/src/cache/upstash-cache.ts +379 -0
  272. package/packages/core/src/cache.ts +251 -0
  273. package/packages/core/src/cli.ts +822 -0
  274. package/packages/core/src/code-extractor.ts +696 -0
  275. package/packages/core/src/docker-generator.ts +470 -0
  276. package/packages/core/src/edge-compatible.ts +491 -0
  277. package/packages/core/src/extractors/go-extractor.ts +791 -0
  278. package/packages/core/src/extractors/index.ts +9 -0
  279. package/packages/core/src/extractors/java-extractor.ts +937 -0
  280. package/packages/core/src/extractors/rust-extractor.ts +744 -0
  281. package/packages/core/src/github-client.ts +319 -0
  282. package/packages/core/src/go-generator.ts +356 -0
  283. package/packages/core/src/graphql-extractor.ts +358 -0
  284. package/packages/core/src/index.ts +797 -0
  285. package/packages/core/src/langchain-exporter.ts +617 -0
  286. package/packages/core/src/language-parsers.ts +1114 -0
  287. package/packages/core/src/mcp-introspector.ts +279 -0
  288. package/packages/core/src/monorepo-detector.ts +378 -0
  289. package/packages/core/src/plugins/index.ts +370 -0
  290. package/packages/core/src/plugins/registry.ts +404 -0
  291. package/packages/core/src/plugins/types.ts +215 -0
  292. package/packages/core/src/providers/base-provider.ts +246 -0
  293. package/packages/core/src/providers/bitbucket-client.ts +464 -0
  294. package/packages/core/src/providers/gitlab-client.ts +388 -0
  295. package/packages/core/src/providers/index.ts +176 -0
  296. package/packages/core/src/python-generator.ts +260 -0
  297. package/packages/core/src/queue/index.ts +100 -0
  298. package/packages/core/src/queue/memory-queue.ts +445 -0
  299. package/packages/core/src/queue/redis-queue.ts +578 -0
  300. package/packages/core/src/queue/types.ts +251 -0
  301. package/packages/core/src/readme-extractor.ts +409 -0
  302. package/packages/core/src/schema-generator.ts +638 -0
  303. package/packages/core/src/streaming.ts +999 -0
  304. package/packages/core/src/types.ts +289 -0
  305. package/packages/core/tsconfig.json +9 -0
  306. package/packages/core/tsup.config.ts +25 -0
  307. package/packages/mcp-server/README.md +297 -0
  308. package/packages/mcp-server/package.json +55 -0
  309. package/packages/mcp-server/src/__tests__/mcp-server.test.ts +177 -0
  310. package/packages/mcp-server/src/__tests__/tools.test.ts +217 -0
  311. package/packages/mcp-server/src/index.ts +1206 -0
  312. package/packages/mcp-server/src/prompts/index.ts +601 -0
  313. package/packages/mcp-server/src/tools/export-docker.ts +362 -0
  314. package/packages/mcp-server/src/tools/generate-openapi.ts +162 -0
  315. package/packages/mcp-server/src/tools/monitor-mcp-server.ts +448 -0
  316. package/packages/mcp-server/src/tools/stream-convert.ts +398 -0
  317. package/packages/mcp-server/src/tools/test-mcp-tool.ts +531 -0
  318. package/packages/mcp-server/tsconfig.json +12 -0
  319. package/packages/mcp-server/tsup.config.ts +14 -0
  320. package/packages/openapi-parser/package-lock.json +3028 -0
  321. package/packages/openapi-parser/package.json +41 -0
  322. package/packages/openapi-parser/src/analyzer.ts +700 -0
  323. package/packages/openapi-parser/src/asyncapi-parser.ts +475 -0
  324. package/packages/openapi-parser/src/cli.ts +302 -0
  325. package/packages/openapi-parser/src/generator.ts +570 -0
  326. package/packages/openapi-parser/src/generators/express-analyzer.ts +649 -0
  327. package/packages/openapi-parser/src/generators/fastapi-analyzer.ts +960 -0
  328. package/packages/openapi-parser/src/generators/index.ts +200 -0
  329. package/packages/openapi-parser/src/generators/nextjs-analyzer.ts +768 -0
  330. package/packages/openapi-parser/src/generators/openapi-builder.ts +527 -0
  331. package/packages/openapi-parser/src/generators/types.ts +298 -0
  332. package/packages/openapi-parser/src/graphql-parser.ts +462 -0
  333. package/packages/openapi-parser/src/grpc-parser.ts +649 -0
  334. package/packages/openapi-parser/src/har-parser.ts +723 -0
  335. package/packages/openapi-parser/src/index.ts +635 -0
  336. package/packages/openapi-parser/src/insomnia-parser.ts +614 -0
  337. package/packages/openapi-parser/src/parser.ts +231 -0
  338. package/packages/openapi-parser/src/postman-parser.ts +611 -0
  339. package/packages/openapi-parser/src/ref-resolver.ts +313 -0
  340. package/packages/openapi-parser/src/transformer.ts +459 -0
  341. package/packages/openapi-parser/tests/generators/express.test.ts +209 -0
  342. package/packages/openapi-parser/tests/generators/fastapi.test.ts +236 -0
  343. package/packages/openapi-parser/tests/generators/nextjs.test.ts +273 -0
  344. package/packages/openapi-parser/tests/parsers.test.ts +847 -0
  345. package/packages/openapi-parser/tsconfig.json +9 -0
  346. package/packages/openapi-parser/tsup.config.ts +11 -0
  347. package/packages/registry/package.json +59 -0
  348. package/packages/registry/src/cli.ts +456 -0
  349. package/packages/registry/src/index.ts +44 -0
  350. package/packages/registry/src/popular/github.json +47 -0
  351. package/packages/registry/src/popular/index.ts +55 -0
  352. package/packages/registry/src/popular/linear.json +42 -0
  353. package/packages/registry/src/popular/notion.json +42 -0
  354. package/packages/registry/src/popular/openai.json +40 -0
  355. package/packages/registry/src/popular/resend.json +38 -0
  356. package/packages/registry/src/popular/slack.json +42 -0
  357. package/packages/registry/src/popular/stripe.json +163 -0
  358. package/packages/registry/src/popular/supabase.json +42 -0
  359. package/packages/registry/src/popular/twilio.json +40 -0
  360. package/packages/registry/src/popular/vercel.json +40 -0
  361. package/packages/registry/src/registry.ts +492 -0
  362. package/packages/registry/src/storage.ts +334 -0
  363. package/packages/registry/src/types.ts +275 -0
  364. package/packages/registry/src/updater.ts +208 -0
  365. package/packages/registry/tsconfig.json +10 -0
  366. package/packages/registry/tsup.config.ts +11 -0
  367. package/pnpm-workspace.yaml +3 -0
  368. package/scripts/build-docs.sh +16 -0
  369. package/server.json +9 -0
  370. package/templates/Dockerfile.python.template +60 -0
  371. package/templates/Dockerfile.typescript.template +60 -0
  372. package/templates/docker-compose.template.yml +68 -0
  373. package/tests/fixtures/express-app/index.js +34 -0
  374. package/tests/fixtures/express-app/routes/posts.js +43 -0
  375. package/tests/fixtures/express-app/routes/users.js +58 -0
  376. package/tests/fixtures/fastapi-app/main.py +125 -0
  377. package/tests/fixtures/fastapi-app/routes/admin.py +42 -0
  378. package/tests/fixtures/graphql/simple-schema.graphql +65 -0
  379. package/tests/fixtures/mocks/github-api-responses.json +63 -0
  380. package/tests/fixtures/nextjs-app/app/api/posts/route.ts +55 -0
  381. package/tests/fixtures/nextjs-app/app/api/users/[id]/route.ts +63 -0
  382. package/tests/fixtures/nextjs-app/app/api/users/route.ts +44 -0
  383. package/tests/fixtures/nextjs-app/pages/api/health.ts +28 -0
  384. package/tests/fixtures/openapi/petstore.yaml +179 -0
  385. package/tests/integration/langchain-export.test.ts +405 -0
  386. package/tests/integration/openapi-conversion.test.ts +221 -0
  387. package/tsconfig.json +18 -0
  388. package/vitest.config.ts +32 -0
@@ -0,0 +1,330 @@
1
+ /**
2
+ * @fileoverview Webview panel for displaying conversion results
3
+ * @copyright Copyright (c) 2024-2026 nirholas
4
+ * @license MIT
5
+ */
6
+
7
+ import * as vscode from 'vscode';
8
+ import { ConversionResult } from '../utils/storage';
9
+
10
+ let currentPanel: vscode.WebviewPanel | undefined;
11
+
12
+ /**
13
+ * Show results in a webview panel
14
+ */
15
+ export function showResultsPanel(result: ConversionResult, _extensionUri: vscode.Uri): void {
16
+ const columnToShowIn = vscode.window.activeTextEditor
17
+ ? vscode.window.activeTextEditor.viewColumn
18
+ : undefined;
19
+
20
+ if (currentPanel) {
21
+ currentPanel.reveal(columnToShowIn);
22
+ currentPanel.webview.html = getWebviewContent(result);
23
+ return;
24
+ }
25
+
26
+ currentPanel = vscode.window.createWebviewPanel(
27
+ 'githubToMcpResults',
28
+ `MCP: ${result.repoName}`,
29
+ columnToShowIn || vscode.ViewColumn.One,
30
+ {
31
+ enableScripts: true,
32
+ retainContextWhenHidden: true
33
+ }
34
+ );
35
+
36
+ currentPanel.webview.html = getWebviewContent(result);
37
+
38
+ // Handle messages from webview
39
+ currentPanel.webview.onDidReceiveMessage(
40
+ async (message: { command: string; text?: string }) => {
41
+ switch (message.command) {
42
+ case 'copy':
43
+ if (message.text) {
44
+ await vscode.env.clipboard.writeText(message.text);
45
+ vscode.window.showInformationMessage('Copied to clipboard!');
46
+ }
47
+ break;
48
+ case 'openRepo':
49
+ vscode.env.openExternal(vscode.Uri.parse(result.repoUrl));
50
+ break;
51
+ }
52
+ }
53
+ );
54
+
55
+ currentPanel.onDidDispose(() => {
56
+ currentPanel = undefined;
57
+ });
58
+ }
59
+
60
+ /**
61
+ * Generate HTML content for the webview
62
+ */
63
+ function getWebviewContent(result: ConversionResult): string {
64
+ const toolsList = result.tools
65
+ ?.map(t => `
66
+ <div class="tool">
67
+ <div class="tool-name">${escapeHtml(t.name)}</div>
68
+ <div class="tool-desc">${escapeHtml(t.description)}</div>
69
+ </div>
70
+ `)
71
+ .join('') || '<p>No tools found</p>';
72
+
73
+ const confidencePercent = result.classification
74
+ ? Math.round(result.classification.confidence * 100)
75
+ : 0;
76
+
77
+ const code = result.code || '// No code generated';
78
+
79
+ // Extract server name once to avoid duplication
80
+ const serverName = result.repoName.split('/')[1] || result.repoName;
81
+
82
+ return `<!DOCTYPE html>
83
+ <html lang="en">
84
+ <head>
85
+ <meta charset="UTF-8">
86
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
87
+ <title>MCP Results: ${escapeHtml(result.repoName)}</title>
88
+ <style>
89
+ * {
90
+ box-sizing: border-box;
91
+ }
92
+ body {
93
+ font-family: var(--vscode-font-family);
94
+ color: var(--vscode-foreground);
95
+ background-color: var(--vscode-editor-background);
96
+ padding: 20px;
97
+ margin: 0;
98
+ }
99
+ h1 {
100
+ color: var(--vscode-textLink-foreground);
101
+ margin-bottom: 5px;
102
+ }
103
+ .subtitle {
104
+ color: var(--vscode-descriptionForeground);
105
+ margin-bottom: 20px;
106
+ }
107
+ .tabs {
108
+ display: flex;
109
+ border-bottom: 1px solid var(--vscode-panel-border);
110
+ margin-bottom: 20px;
111
+ }
112
+ .tab {
113
+ padding: 10px 20px;
114
+ cursor: pointer;
115
+ border: none;
116
+ background: none;
117
+ color: var(--vscode-foreground);
118
+ border-bottom: 2px solid transparent;
119
+ }
120
+ .tab:hover {
121
+ color: var(--vscode-textLink-foreground);
122
+ }
123
+ .tab.active {
124
+ color: var(--vscode-textLink-foreground);
125
+ border-bottom-color: var(--vscode-textLink-foreground);
126
+ }
127
+ .tab-content {
128
+ display: none;
129
+ }
130
+ .tab-content.active {
131
+ display: block;
132
+ }
133
+ .stat-card {
134
+ background: var(--vscode-editor-inactiveSelectionBackground);
135
+ border-radius: 8px;
136
+ padding: 15px;
137
+ margin-bottom: 15px;
138
+ }
139
+ .stat-label {
140
+ color: var(--vscode-descriptionForeground);
141
+ font-size: 12px;
142
+ text-transform: uppercase;
143
+ }
144
+ .stat-value {
145
+ font-size: 24px;
146
+ font-weight: bold;
147
+ color: var(--vscode-textLink-foreground);
148
+ }
149
+ .stats-grid {
150
+ display: grid;
151
+ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
152
+ gap: 15px;
153
+ margin-bottom: 20px;
154
+ }
155
+ .tool {
156
+ background: var(--vscode-editor-inactiveSelectionBackground);
157
+ border-radius: 6px;
158
+ padding: 12px;
159
+ margin-bottom: 10px;
160
+ }
161
+ .tool-name {
162
+ font-weight: bold;
163
+ color: var(--vscode-symbolIcon-functionForeground);
164
+ font-family: var(--vscode-editor-font-family);
165
+ }
166
+ .tool-desc {
167
+ color: var(--vscode-descriptionForeground);
168
+ font-size: 13px;
169
+ margin-top: 4px;
170
+ }
171
+ pre {
172
+ background: var(--vscode-textCodeBlock-background);
173
+ padding: 15px;
174
+ border-radius: 6px;
175
+ overflow-x: auto;
176
+ font-family: var(--vscode-editor-font-family);
177
+ font-size: 13px;
178
+ line-height: 1.5;
179
+ }
180
+ button {
181
+ background: var(--vscode-button-background);
182
+ color: var(--vscode-button-foreground);
183
+ border: none;
184
+ padding: 8px 16px;
185
+ border-radius: 4px;
186
+ cursor: pointer;
187
+ font-size: 13px;
188
+ }
189
+ button:hover {
190
+ background: var(--vscode-button-hoverBackground);
191
+ }
192
+ .actions {
193
+ display: flex;
194
+ gap: 10px;
195
+ margin-bottom: 20px;
196
+ }
197
+ .indicators {
198
+ display: flex;
199
+ flex-wrap: wrap;
200
+ gap: 8px;
201
+ margin-top: 10px;
202
+ }
203
+ .indicator {
204
+ background: var(--vscode-badge-background);
205
+ color: var(--vscode-badge-foreground);
206
+ padding: 4px 8px;
207
+ border-radius: 4px;
208
+ font-size: 11px;
209
+ }
210
+ </style>
211
+ </head>
212
+ <body>
213
+ <h1>📦 ${escapeHtml(result.repoName)}</h1>
214
+ <p class="subtitle">Converted ${new Date(result.timestamp).toLocaleString()}</p>
215
+
216
+ <div class="actions">
217
+ <button onclick="copyCode()">📋 Copy Code</button>
218
+ <button onclick="openRepo()">🔗 Open in GitHub</button>
219
+ </div>
220
+
221
+ <div class="tabs">
222
+ <button class="tab active" onclick="switchTab('overview', event)">Overview</button>
223
+ <button class="tab" onclick="switchTab('tools', event)">Tools (${result.toolCount})</button>
224
+ <button class="tab" onclick="switchTab('code', event)">Code</button>
225
+ <button class="tab" onclick="switchTab('config', event)">Config</button>
226
+ </div>
227
+
228
+ <div id="overview" class="tab-content active">
229
+ <div class="stats-grid">
230
+ <div class="stat-card">
231
+ <div class="stat-label">Tools Found</div>
232
+ <div class="stat-value">${result.toolCount}</div>
233
+ </div>
234
+ <div class="stat-card">
235
+ <div class="stat-label">Repo Type</div>
236
+ <div class="stat-value">${escapeHtml(result.classification?.type || 'unknown')}</div>
237
+ </div>
238
+ <div class="stat-card">
239
+ <div class="stat-label">Confidence</div>
240
+ <div class="stat-value">${confidencePercent}%</div>
241
+ </div>
242
+ </div>
243
+
244
+ ${result.classification?.indicators.length ? `
245
+ <h3>Detection Indicators</h3>
246
+ <div class="indicators">
247
+ ${result.classification.indicators.map(i => `<span class="indicator">${escapeHtml(i)}</span>`).join('')}
248
+ </div>
249
+ ` : ''}
250
+ </div>
251
+
252
+ <div id="tools" class="tab-content">
253
+ <h3>Available Tools</h3>
254
+ ${toolsList}
255
+ </div>
256
+
257
+ <div id="code" class="tab-content">
258
+ <h3>Generated MCP Server Code</h3>
259
+ <button onclick="copyCode()" style="margin-bottom: 10px;">📋 Copy Code</button>
260
+ <pre><code id="codeBlock">${escapeHtml(code)}</code></pre>
261
+ </div>
262
+
263
+ <div id="config" class="tab-content">
264
+ <h3>MCP Configuration</h3>
265
+ <p>Add this to your Claude or Cursor config:</p>
266
+
267
+ <h4>Claude Desktop</h4>
268
+ <pre><code>${escapeHtml(JSON.stringify({
269
+ mcpServers: {
270
+ [serverName]: {
271
+ command: 'node',
272
+ args: [`${serverName}-mcp/index.js`]
273
+ }
274
+ }
275
+ }, null, 2))}</code></pre>
276
+
277
+ <h4>Cursor</h4>
278
+ <pre><code>${escapeHtml(JSON.stringify({
279
+ mcp: {
280
+ servers: {
281
+ [serverName]: {
282
+ command: 'node',
283
+ args: [`${serverName}-mcp/index.js`]
284
+ }
285
+ }
286
+ }
287
+ }, null, 2))}</code></pre>
288
+ </div>
289
+
290
+ <script>
291
+ const vscode = acquireVsCodeApi();
292
+
293
+ function switchTab(tabId, evt) {
294
+ // Update tabs
295
+ document.querySelectorAll('.tab').forEach(tab => tab.classList.remove('active'));
296
+ if (evt && evt.target) {
297
+ evt.target.classList.add('active');
298
+ }
299
+
300
+ // Update content
301
+ document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));
302
+ document.getElementById(tabId).classList.add('active');
303
+ }
304
+
305
+ function copyCode() {
306
+ const code = document.getElementById('codeBlock').textContent;
307
+ vscode.postMessage({ command: 'copy', text: code });
308
+ }
309
+
310
+ function openRepo() {
311
+ vscode.postMessage({ command: 'openRepo' });
312
+ }
313
+ </script>
314
+ </body>
315
+ </html>`;
316
+ }
317
+
318
+ /**
319
+ * Escape HTML special characters
320
+ */
321
+ function escapeHtml(text: string): string {
322
+ const map: Record<string, string> = {
323
+ '&': '&amp;',
324
+ '<': '&lt;',
325
+ '>': '&gt;',
326
+ '"': '&quot;',
327
+ "'": '&#039;'
328
+ };
329
+ return text.replace(/[&<>"']/g, m => map[m]);
330
+ }
@@ -0,0 +1,350 @@
1
+ /**
2
+ * @fileoverview Webview panel for conversion UI
3
+ * @copyright Copyright (c) 2024-2026 nirholas
4
+ * @license MIT
5
+ */
6
+
7
+ import * as vscode from 'vscode';
8
+ import { StorageService, ConversionResult } from '../utils/storage';
9
+ import { HistoryProvider } from '../views/historyProvider';
10
+ import { performConversion } from '../commands/convertFromUrl';
11
+ // Inline style functions to avoid module resolution issues
12
+ function getWebviewStyles(): string {
13
+ return `
14
+ * { box-sizing: border-box; margin: 0; padding: 0; }
15
+ body {
16
+ font-family: var(--vscode-font-family);
17
+ font-size: var(--vscode-font-size);
18
+ color: var(--vscode-foreground);
19
+ background-color: var(--vscode-editor-background);
20
+ padding: 20px;
21
+ line-height: 1.5;
22
+ }
23
+ .container { max-width: 800px; margin: 0 auto; }
24
+ header { text-align: center; margin-bottom: 30px; }
25
+ h1 { color: var(--vscode-textLink-foreground); font-size: 28px; font-weight: 600; margin-bottom: 8px; }
26
+ h2 { color: var(--vscode-foreground); font-size: 18px; font-weight: 600; margin-bottom: 12px; }
27
+ .subtitle { color: var(--vscode-descriptionForeground); font-size: 14px; }
28
+ .input-section { margin-bottom: 30px; }
29
+ .input-group { display: flex; gap: 12px; }
30
+ input[type="url"], input[type="text"] {
31
+ flex: 1; padding: 12px 16px; font-size: 14px;
32
+ background: var(--vscode-input-background); color: var(--vscode-input-foreground);
33
+ border: 1px solid var(--vscode-input-border); border-radius: 6px; outline: none;
34
+ }
35
+ input:focus { border-color: var(--vscode-focusBorder); }
36
+ input::placeholder { color: var(--vscode-input-placeholderForeground); }
37
+ .input-help { margin-top: 8px; font-size: 12px; color: var(--vscode-descriptionForeground); }
38
+ .primary-btn {
39
+ padding: 12px 24px; font-size: 14px; font-weight: 600;
40
+ color: var(--vscode-button-foreground); background: var(--vscode-button-background);
41
+ border: none; border-radius: 6px; cursor: pointer;
42
+ }
43
+ .primary-btn:hover { background: var(--vscode-button-hoverBackground); }
44
+ .primary-btn:disabled { opacity: 0.6; cursor: not-allowed; }
45
+ .text-btn { padding: 6px 12px; font-size: 12px; color: var(--vscode-textLink-foreground); background: transparent; border: none; cursor: pointer; }
46
+ .text-btn:hover { text-decoration: underline; }
47
+ .icon-btn { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; border-radius: 4px; cursor: pointer; color: var(--vscode-foreground); opacity: 0.7; }
48
+ .icon-btn:hover { opacity: 1; background: var(--vscode-toolbar-hoverBackground); }
49
+ .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 30px; }
50
+ .feature { display: flex; align-items: flex-start; gap: 12px; padding: 16px; background: var(--vscode-editor-inactiveSelectionBackground); border-radius: 8px; }
51
+ .feature-icon { font-size: 24px; color: var(--vscode-textLink-foreground); }
52
+ .feature-text { display: flex; flex-direction: column; gap: 4px; }
53
+ .feature-text strong { color: var(--vscode-foreground); }
54
+ .feature-text span { font-size: 12px; color: var(--vscode-descriptionForeground); }
55
+ .section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
56
+ .history-list { display: flex; flex-direction: column; gap: 8px; }
57
+ .history-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: var(--vscode-editor-inactiveSelectionBackground); border-radius: 8px; cursor: pointer; }
58
+ .history-item:hover { background: var(--vscode-list-hoverBackground); }
59
+ .history-icon { font-size: 20px; color: var(--vscode-foreground); }
60
+ .history-content { flex: 1; }
61
+ .history-name { font-weight: 600; margin-bottom: 2px; }
62
+ .history-meta { display: flex; gap: 12px; font-size: 12px; color: var(--vscode-descriptionForeground); }
63
+ .tool-count { color: var(--vscode-textLink-foreground); }
64
+ .history-actions { display: flex; gap: 4px; opacity: 0; }
65
+ .history-item:hover .history-actions { opacity: 1; }
66
+ .empty-state { text-align: center; padding: 40px 20px; color: var(--vscode-descriptionForeground); }
67
+ `;
68
+ }
69
+
70
+ function getWebviewScript(): string {
71
+ return `
72
+ const vscode = acquireVsCodeApi();
73
+ const urlInput = document.getElementById('url-input');
74
+ const convertBtn = document.getElementById('convert-btn');
75
+ const clearBtn = document.getElementById('clear-btn');
76
+ if (urlInput && convertBtn) {
77
+ convertBtn.addEventListener('click', () => {
78
+ const url = urlInput.value.trim();
79
+ if (url) { vscode.postMessage({ command: 'convert', url }); convertBtn.disabled = true; convertBtn.textContent = 'Converting...'; }
80
+ });
81
+ urlInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') convertBtn.click(); });
82
+ urlInput.addEventListener('input', () => {
83
+ const valid = urlInput.value.match(/^https?:\\/\\/github\\.com\\/[\\w-]+\\/[\\w.-]+/);
84
+ convertBtn.disabled = !valid;
85
+ });
86
+ }
87
+ if (clearBtn) {
88
+ clearBtn.addEventListener('click', () => {
89
+ if (confirm('Are you sure you want to clear all conversion history?')) {
90
+ vscode.postMessage({ command: 'clearHistory' });
91
+ }
92
+ });
93
+ }
94
+ document.querySelectorAll('.history-item').forEach(item => {
95
+ const url = item.dataset.url;
96
+ item.addEventListener('click', (e) => {
97
+ if (!e.target.closest('.history-actions')) vscode.postMessage({ command: 'viewDetails', url });
98
+ });
99
+ const viewBtn = item.querySelector('.view-btn');
100
+ if (viewBtn) viewBtn.addEventListener('click', (e) => { e.stopPropagation(); vscode.postMessage({ command: 'viewDetails', url }); });
101
+ const openBtn = item.querySelector('.open-btn');
102
+ if (openBtn) openBtn.addEventListener('click', (e) => { e.stopPropagation(); vscode.postMessage({ command: 'openExternal', url }); });
103
+ });
104
+ `;
105
+ }
106
+
107
+ let currentPanel: vscode.WebviewPanel | undefined;
108
+
109
+ /**
110
+ * Show the conversion panel
111
+ */
112
+ export function showConversionPanel(
113
+ context: vscode.ExtensionContext,
114
+ storage: StorageService,
115
+ historyProvider: HistoryProvider
116
+ ): void {
117
+ const column = vscode.window.activeTextEditor
118
+ ? vscode.window.activeTextEditor.viewColumn
119
+ : undefined;
120
+
121
+ if (currentPanel) {
122
+ currentPanel.reveal(column);
123
+ return;
124
+ }
125
+
126
+ currentPanel = vscode.window.createWebviewPanel(
127
+ 'githubToMcpConversion',
128
+ 'Convert to MCP Server',
129
+ column || vscode.ViewColumn.One,
130
+ {
131
+ enableScripts: true,
132
+ retainContextWhenHidden: true,
133
+ localResourceRoots: [
134
+ vscode.Uri.joinPath(context.extensionUri, 'resources')
135
+ ]
136
+ }
137
+ );
138
+
139
+ currentPanel.iconPath = vscode.Uri.joinPath(context.extensionUri, 'resources', 'icon.png');
140
+ currentPanel.webview.html = getConversionPanelHtml(currentPanel.webview, storage);
141
+
142
+ // Handle messages from webview
143
+ currentPanel.webview.onDidReceiveMessage(
144
+ async (message: { command: string; url?: string }) => {
145
+ switch (message.command) {
146
+ case 'convert':
147
+ if (message.url) {
148
+ await performConversion(message.url, storage, historyProvider, context.extensionUri);
149
+ // Update panel with latest history
150
+ if (currentPanel) {
151
+ currentPanel.webview.html = getConversionPanelHtml(currentPanel.webview, storage);
152
+ }
153
+ }
154
+ break;
155
+
156
+ case 'viewDetails':
157
+ if (message.url) {
158
+ const history = storage.getHistory();
159
+ const item = history.find(h => h.repoUrl === message.url);
160
+ if (item) {
161
+ vscode.commands.executeCommand('github-to-mcp.viewDetails', item);
162
+ }
163
+ }
164
+ break;
165
+
166
+ case 'clearHistory':
167
+ storage.clearHistory();
168
+ historyProvider.refresh();
169
+ if (currentPanel) {
170
+ currentPanel.webview.html = getConversionPanelHtml(currentPanel.webview, storage);
171
+ }
172
+ break;
173
+
174
+ case 'openExternal':
175
+ if (message.url) {
176
+ vscode.env.openExternal(vscode.Uri.parse(message.url));
177
+ }
178
+ break;
179
+ }
180
+ },
181
+ undefined,
182
+ context.subscriptions
183
+ );
184
+
185
+ currentPanel.onDidDispose(
186
+ () => {
187
+ currentPanel = undefined;
188
+ },
189
+ null,
190
+ context.subscriptions
191
+ );
192
+ }
193
+
194
+ /**
195
+ * Generate HTML content for conversion panel
196
+ */
197
+ function getConversionPanelHtml(webview: vscode.Webview, storage: StorageService): string {
198
+ const nonce = getNonce();
199
+ const history = storage.getHistory();
200
+
201
+ const historyHtml = history.length === 0
202
+ ? '<p class="empty-state">No conversions yet. Enter a GitHub URL above to get started!</p>'
203
+ : history.map(item => `
204
+ <div class="history-item" data-url="${escapeHtml(item.repoUrl)}">
205
+ <div class="history-icon">$(github)</div>
206
+ <div class="history-content">
207
+ <div class="history-name">${escapeHtml(item.repoName)}</div>
208
+ <div class="history-meta">
209
+ <span class="tool-count">${item.toolCount} tools</span>
210
+ <span class="date">${formatDate(item.timestamp)}</span>
211
+ </div>
212
+ </div>
213
+ <div class="history-actions">
214
+ <button class="icon-btn view-btn" title="View Details">$(eye)</button>
215
+ <button class="icon-btn open-btn" title="Open in Browser">$(link-external)</button>
216
+ </div>
217
+ </div>
218
+ `).join('');
219
+
220
+ return `<!DOCTYPE html>
221
+ <html lang="en">
222
+ <head>
223
+ <meta charset="UTF-8">
224
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
225
+ <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src ${webview.cspSource} 'unsafe-inline'; script-src 'nonce-${nonce}';">
226
+ <title>Convert to MCP Server</title>
227
+ <style>${getWebviewStyles()}</style>
228
+ </head>
229
+ <body>
230
+ <div class="container">
231
+ <header>
232
+ <h1>GitHub to MCP</h1>
233
+ <p class="subtitle">Convert any GitHub repository to an MCP server</p>
234
+ </header>
235
+
236
+ <section class="input-section">
237
+ <div class="input-group">
238
+ <input
239
+ type="url"
240
+ id="url-input"
241
+ placeholder="https://github.com/owner/repo"
242
+ pattern="https?://github\\.com/[\\w-]+/[\\w.-]+"
243
+ >
244
+ <button id="convert-btn" class="primary-btn">
245
+ Convert
246
+ </button>
247
+ </div>
248
+ <p class="input-help">Enter a GitHub repository URL to analyze and generate an MCP server</p>
249
+ </section>
250
+
251
+ <section class="features">
252
+ <div class="feature">
253
+ <div class="feature-icon">$(search)</div>
254
+ <div class="feature-text">
255
+ <strong>Auto-detect APIs</strong>
256
+ <span>Finds OpenAPI specs, GraphQL schemas, and REST endpoints</span>
257
+ </div>
258
+ </div>
259
+ <div class="feature">
260
+ <div class="feature-icon">$(tools)</div>
261
+ <div class="feature-text">
262
+ <strong>Generate Tools</strong>
263
+ <span>Creates MCP-compatible tool definitions</span>
264
+ </div>
265
+ </div>
266
+ <div class="feature">
267
+ <div class="feature-icon">$(zap)</div>
268
+ <div class="feature-text">
269
+ <strong>Ready to Use</strong>
270
+ <span>Output works directly with Claude Desktop</span>
271
+ </div>
272
+ </div>
273
+ </section>
274
+
275
+ <section class="history-section">
276
+ <div class="section-header">
277
+ <h2>Recent Conversions</h2>
278
+ ${history.length > 0 ? '<button id="clear-btn" class="text-btn">Clear All</button>' : ''}
279
+ </div>
280
+ <div class="history-list">
281
+ ${historyHtml}
282
+ </div>
283
+ </section>
284
+ </div>
285
+
286
+ <script nonce="${nonce}">${getWebviewScript()}</script>
287
+ </body>
288
+ </html>`;
289
+ }
290
+
291
+ /**
292
+ * Generate a nonce for script security
293
+ */
294
+ function getNonce(): string {
295
+ let text = '';
296
+ const possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
297
+ for (let i = 0; i < 32; i++) {
298
+ text += possible.charAt(Math.floor(Math.random() * possible.length));
299
+ }
300
+ return text;
301
+ }
302
+
303
+ /**
304
+ * Escape HTML special characters
305
+ */
306
+ function escapeHtml(text: string): string {
307
+ const map: Record<string, string> = {
308
+ '&': '&amp;',
309
+ '<': '&lt;',
310
+ '>': '&gt;',
311
+ '"': '&quot;',
312
+ "'": '&#039;'
313
+ };
314
+ return text.replace(/[&<>"']/g, m => map[m]);
315
+ }
316
+
317
+ /**
318
+ * Format date for display
319
+ */
320
+ function formatDate(timestamp: string): string {
321
+ const date = new Date(timestamp);
322
+ const now = new Date();
323
+ const diff = now.getTime() - date.getTime();
324
+
325
+ const minutes = Math.floor(diff / 60000);
326
+ const hours = Math.floor(diff / 3600000);
327
+ const days = Math.floor(diff / 86400000);
328
+
329
+ if (minutes < 1) {
330
+ return 'Just now';
331
+ } else if (minutes < 60) {
332
+ return `${minutes}m ago`;
333
+ } else if (hours < 24) {
334
+ return `${hours}h ago`;
335
+ } else if (days < 7) {
336
+ return `${days}d ago`;
337
+ } else {
338
+ return date.toLocaleDateString();
339
+ }
340
+ }
341
+
342
+ /**
343
+ * Dispose the panel
344
+ */
345
+ export function disposeConversionPanel(): void {
346
+ if (currentPanel) {
347
+ currentPanel.dispose();
348
+ currentPanel = undefined;
349
+ }
350
+ }