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.
- package/.env.example +8 -0
- package/.github/CODEOWNERS +6 -0
- package/.husky/pre-commit +1 -0
- package/.nvmrc +1 -0
- package/.prettierignore +5 -0
- package/.prettierrc +7 -0
- package/.vscode/settings.json +4 -0
- package/ARCHITECTURE.md +1429 -0
- package/CHANGELOG.md +167 -0
- package/CONTRIBUTING.md +327 -0
- package/LICENSE +201 -0
- package/README.md +1028 -0
- package/SECURITY.md +248 -0
- package/VISUAL_GUIDE.md +437 -0
- package/apps/vscode/IMPLEMENTATION.md +480 -0
- package/apps/vscode/README.md +248 -0
- package/apps/vscode/package.json +381 -0
- package/apps/vscode/resources/icon.png +0 -0
- package/apps/vscode/resources/icon.svg +5 -0
- package/apps/vscode/src/commands/browseRegistry.ts +211 -0
- package/apps/vscode/src/commands/configureClaudeDesktop.ts +332 -0
- package/apps/vscode/src/commands/convert.ts +82 -0
- package/apps/vscode/src/commands/convertCurrentRepo.ts +109 -0
- package/apps/vscode/src/commands/convertFromUrl.ts +138 -0
- package/apps/vscode/src/commands/index.ts +121 -0
- package/apps/vscode/src/commands/validate.ts +197 -0
- package/apps/vscode/src/extension.ts +464 -0
- package/apps/vscode/src/global.d.ts +36 -0
- package/apps/vscode/src/test/extension.test.ts +73 -0
- package/apps/vscode/src/utils/file-generator.ts +529 -0
- package/apps/vscode/src/utils/github-api.ts +335 -0
- package/apps/vscode/src/utils/index.ts +29 -0
- package/apps/vscode/src/utils/mcp-config.ts +334 -0
- package/apps/vscode/src/utils/storage.ts +87 -0
- package/apps/vscode/src/views/McpServersTreeView.ts +160 -0
- package/apps/vscode/src/views/OutputChannelView.ts +195 -0
- package/apps/vscode/src/views/StatusBarItem.ts +251 -0
- package/apps/vscode/src/views/ToolsExplorerView.ts +314 -0
- package/apps/vscode/src/views/historyProvider.ts +75 -0
- package/apps/vscode/src/views/index.ts +12 -0
- package/apps/vscode/src/views/resultsPanel.ts +330 -0
- package/apps/vscode/src/webviews/ConversionPanel.ts +350 -0
- package/apps/vscode/src/webviews/ToolDetailsPanel.ts +448 -0
- package/apps/vscode/src/webviews/index.ts +9 -0
- package/apps/vscode/src/webviews/webview-ui/styles.ts +492 -0
- package/apps/vscode/tsconfig.json +20 -0
- package/apps/web/PLAYGROUND_GUIDE.md +499 -0
- package/apps/web/README.md +505 -0
- package/apps/web/app/api/convert/route.ts +100 -0
- package/apps/web/app/api/convert/stream/route.ts +198 -0
- package/apps/web/app/api/deploy/route.ts +157 -0
- package/apps/web/app/api/edge/route.ts +308 -0
- package/apps/web/app/api/export-docker/route.ts +284 -0
- package/apps/web/app/api/generate-openapi/route.ts +119 -0
- package/apps/web/app/api/mcp/[serverId]/route.ts +263 -0
- package/apps/web/app/api/playground/connect/route.ts +143 -0
- package/apps/web/app/api/playground/disconnect/route.ts +78 -0
- package/apps/web/app/api/playground/execute/route.ts +135 -0
- package/apps/web/app/api/playground/sessions/route.ts +103 -0
- package/apps/web/app/api/playground/tools/route.ts +117 -0
- package/apps/web/app/api/playground/v2/connect/route.ts +96 -0
- package/apps/web/app/api/playground/v2/disconnect/route.ts +88 -0
- package/apps/web/app/api/playground/v2/health/route.ts +80 -0
- package/apps/web/app/api/playground/v2/prompts/route.ts +160 -0
- package/apps/web/app/api/playground/v2/resources/route.ts +159 -0
- package/apps/web/app/api/playground/v2/sessions/route.ts +184 -0
- package/apps/web/app/api/playground/v2/tools/route.ts +167 -0
- package/apps/web/app/api/stream/route.ts +232 -0
- package/apps/web/app/batch/BatchConvertClient.tsx +190 -0
- package/apps/web/app/batch/page.tsx +37 -0
- package/apps/web/app/convert/page.tsx +269 -0
- package/apps/web/app/dashboard/page.tsx +380 -0
- package/apps/web/app/globals.css +622 -0
- package/apps/web/app/layout.tsx +120 -0
- package/apps/web/app/manifest.ts +31 -0
- package/apps/web/app/opengraph-image.tsx +112 -0
- package/apps/web/app/page.old.tsx +924 -0
- package/apps/web/app/page.tsx +77 -0
- package/apps/web/app/playground/page.tsx +306 -0
- package/apps/web/app/playground/v2/error.tsx +163 -0
- package/apps/web/app/playground/v2/layout.tsx +58 -0
- package/apps/web/app/playground/v2/loading.tsx +152 -0
- package/apps/web/app/playground/v2/page.tsx +644 -0
- package/apps/web/app/playground/v2/providers.tsx +214 -0
- package/apps/web/app/playground/v2/use-shortcuts.ts +209 -0
- package/apps/web/app/playground/v2/use-url-state.ts +296 -0
- package/apps/web/app/providers.tsx +22 -0
- package/apps/web/app/sitemap.ts +32 -0
- package/apps/web/app/twitter-image.tsx +112 -0
- package/apps/web/components/BranchSelector.tsx +401 -0
- package/apps/web/components/ClaudeConfigExport.tsx +226 -0
- package/apps/web/components/Features.tsx +84 -0
- package/apps/web/components/Footer.tsx +119 -0
- package/apps/web/components/GenerationProgress.tsx +248 -0
- package/apps/web/components/GithubUrlInput.tsx +483 -0
- package/apps/web/components/Header.tsx +175 -0
- package/apps/web/components/Hero.tsx +117 -0
- package/apps/web/components/HowItWorks.tsx +119 -0
- package/apps/web/components/InstallBanner.tsx +158 -0
- package/apps/web/components/Logo.tsx +116 -0
- package/apps/web/components/ParticleBackground.tsx +105 -0
- package/apps/web/components/Playground.tsx +472 -0
- package/apps/web/components/PlaygroundToolTester.tsx +410 -0
- package/apps/web/components/ProductCards.tsx +179 -0
- package/apps/web/components/SplitView.tsx +194 -0
- package/apps/web/components/ToolFilter.tsx +260 -0
- package/apps/web/components/ToolList.tsx +325 -0
- package/apps/web/components/batch/BatchConvert.tsx +785 -0
- package/apps/web/components/batch/index.ts +7 -0
- package/apps/web/components/convert/ConfigTabs.tsx +230 -0
- package/apps/web/components/convert/ConversionResult.tsx +482 -0
- package/apps/web/components/convert/InlinePlayground.tsx +259 -0
- package/apps/web/components/convert/LoadingSteps.tsx +311 -0
- package/apps/web/components/convert/OneClickInstall.tsx +224 -0
- package/apps/web/components/convert/ToolCard.tsx +189 -0
- package/apps/web/components/convert/TryInPlayground.tsx +242 -0
- package/apps/web/components/convert/index.ts +12 -0
- package/apps/web/components/deploy/DeployButton.tsx +369 -0
- package/apps/web/components/deploy/index.ts +7 -0
- package/apps/web/components/docker/DockerExport.tsx +690 -0
- package/apps/web/components/docker/index.ts +7 -0
- package/apps/web/components/install/OneClickInstall.tsx +676 -0
- package/apps/web/components/install/index.ts +7 -0
- package/apps/web/components/playground/CapabilityTabs.tsx +150 -0
- package/apps/web/components/playground/ConnectionStatusV2.tsx +322 -0
- package/apps/web/components/playground/EmptyStates.tsx +305 -0
- package/apps/web/components/playground/ExecutionLog.tsx +260 -0
- package/apps/web/components/playground/ExecutionLogV2.tsx +378 -0
- package/apps/web/components/playground/JsonViewer.tsx +388 -0
- package/apps/web/components/playground/PlaygroundLayout.tsx +244 -0
- package/apps/web/components/playground/PromptsPanel.tsx +385 -0
- package/apps/web/components/playground/ResourcesPanel.tsx +378 -0
- package/apps/web/components/playground/SchemaForm.tsx +477 -0
- package/apps/web/components/playground/ServerStatus.tsx +151 -0
- package/apps/web/components/playground/ShareButton.tsx +239 -0
- package/apps/web/components/playground/ToolsPanel.tsx +309 -0
- package/apps/web/components/playground/TransportConfigurator.tsx +563 -0
- package/apps/web/components/playground/index.ts +74 -0
- package/apps/web/components/playground/types.ts +202 -0
- package/apps/web/components/streaming/StreamingProgress.tsx +441 -0
- package/apps/web/components/streaming/index.ts +7 -0
- package/apps/web/components/ui/badge.tsx +42 -0
- package/apps/web/components/ui/button.tsx +88 -0
- package/apps/web/components/ui/card.tsx +75 -0
- package/apps/web/components/ui/code-block.tsx +122 -0
- package/apps/web/components/ui/index.ts +12 -0
- package/apps/web/components/ui/input.tsx +55 -0
- package/apps/web/components/ui/tabs.tsx +61 -0
- package/apps/web/hooks/index.ts +85 -0
- package/apps/web/hooks/types.ts +1173 -0
- package/apps/web/hooks/use-conversion.ts +133 -0
- package/apps/web/hooks/use-execution-history.ts +376 -0
- package/apps/web/hooks/use-generation-progress.ts +147 -0
- package/apps/web/hooks/use-local-storage.ts +88 -0
- package/apps/web/hooks/use-mcp-client.ts +623 -0
- package/apps/web/hooks/use-mcp-connection.ts +500 -0
- package/apps/web/hooks/use-mcp-execution.ts +282 -0
- package/apps/web/hooks/use-mcp-prompts.ts +441 -0
- package/apps/web/hooks/use-mcp-resources.ts +430 -0
- package/apps/web/hooks/use-mcp-tools.ts +540 -0
- package/apps/web/hooks/use-playground-store.ts +299 -0
- package/apps/web/hooks/use-playground.ts +184 -0
- package/apps/web/hooks/use-streaming-conversion.ts +227 -0
- package/apps/web/hooks/useBatchConversion.ts +271 -0
- package/apps/web/hooks/useDockerConfig.ts +161 -0
- package/apps/web/hooks/usePlatformDetection.ts +80 -0
- package/apps/web/hooks/useStreaming.ts +199 -0
- package/apps/web/lib/api/errors.ts +386 -0
- package/apps/web/lib/api/index.ts +137 -0
- package/apps/web/lib/api/logger.ts +187 -0
- package/apps/web/lib/api/middleware.ts +364 -0
- package/apps/web/lib/api/openapi.ts +977 -0
- package/apps/web/lib/api/session-manager.ts +594 -0
- package/apps/web/lib/api/types.ts +433 -0
- package/apps/web/lib/api/validation.ts +523 -0
- package/apps/web/lib/constants.ts +114 -0
- package/apps/web/lib/mcp/client.ts +1137 -0
- package/apps/web/lib/mcp/events.ts +651 -0
- package/apps/web/lib/mcp/index.ts +347 -0
- package/apps/web/lib/mcp/logger.ts +428 -0
- package/apps/web/lib/mcp/metrics.ts +703 -0
- package/apps/web/lib/mcp/retry.ts +616 -0
- package/apps/web/lib/mcp/session-manager.ts +779 -0
- package/apps/web/lib/mcp/transports.ts +988 -0
- package/apps/web/lib/mcp/types.ts +594 -0
- package/apps/web/lib/mcp-client-enhanced.ts +871 -0
- package/apps/web/lib/mcp-client.ts +778 -0
- package/apps/web/lib/mcp-errors.ts +489 -0
- package/apps/web/lib/mcp-sandbox.ts +593 -0
- package/apps/web/lib/mcp-testing.ts +428 -0
- package/apps/web/lib/mcp-types.ts +448 -0
- package/apps/web/lib/playground-store.tsx +1147 -0
- package/apps/web/lib/utils.ts +439 -0
- package/apps/web/next-env.d.ts +5 -0
- package/apps/web/next.config.js +23 -0
- package/apps/web/package.json +55 -0
- package/apps/web/postcss.config.js +6 -0
- package/apps/web/public/.well-known/ai-plugin.json +17 -0
- package/apps/web/public/logo.svg +6 -0
- package/apps/web/public/robots.txt +22 -0
- package/apps/web/public/schema.json +27 -0
- package/apps/web/tailwind.config.js +26 -0
- package/apps/web/tailwind.config.ts +123 -0
- package/apps/web/tsconfig.json +20 -0
- package/apps/web/types/deploy.ts +139 -0
- package/apps/web/types/index.ts +247 -0
- package/apps/web/vercel.json +39 -0
- package/eslint.config.mjs +23 -0
- package/llms.txt +102 -0
- package/mkdocs/docs/api/core.md +318 -0
- package/mkdocs/docs/api/index.md +128 -0
- package/mkdocs/docs/api/mcp-server.md +301 -0
- package/mkdocs/docs/api/openapi-parser.md +254 -0
- package/mkdocs/docs/assets/logo.svg +7 -0
- package/mkdocs/docs/changelog.md +118 -0
- package/mkdocs/docs/cli/generate.md +148 -0
- package/mkdocs/docs/cli/index.md +52 -0
- package/mkdocs/docs/cli/inspect.md +164 -0
- package/mkdocs/docs/cli/serve.md +136 -0
- package/mkdocs/docs/concepts/classification.md +254 -0
- package/mkdocs/docs/concepts/how-it-works.md +299 -0
- package/mkdocs/docs/concepts/index.md +77 -0
- package/mkdocs/docs/concepts/mcp-protocol.md +362 -0
- package/mkdocs/docs/concepts/tool-types.md +382 -0
- package/mkdocs/docs/contributing/architecture.md +262 -0
- package/mkdocs/docs/contributing/development.md +245 -0
- package/mkdocs/docs/contributing/index.md +73 -0
- package/mkdocs/docs/contributing/testing.md +320 -0
- package/mkdocs/docs/getting-started/configuration.md +235 -0
- package/mkdocs/docs/getting-started/index.md +54 -0
- package/mkdocs/docs/getting-started/installation.md +145 -0
- package/mkdocs/docs/getting-started/quickstart.md +160 -0
- package/mkdocs/docs/guides/batch.md +375 -0
- package/mkdocs/docs/guides/claude-desktop.md +227 -0
- package/mkdocs/docs/guides/cursor.md +188 -0
- package/mkdocs/docs/guides/custom-tools.md +367 -0
- package/mkdocs/docs/guides/index.md +78 -0
- package/mkdocs/docs/guides/private-repos.md +221 -0
- package/mkdocs/docs/guides/vscode.md +247 -0
- package/mkdocs/docs/index.md +175 -0
- package/mkdocs/docs/reference/config.md +223 -0
- package/mkdocs/docs/reference/env.md +192 -0
- package/mkdocs/docs/reference/index.md +102 -0
- package/mkdocs/docs/reference/tools.md +309 -0
- package/mkdocs/docs/stylesheets/extra.css +231 -0
- package/mkdocs/mkdocs.yml +204 -0
- package/mkdocs/overrides/.gitkeep +1 -0
- package/mkdocs/overrides/main.html +7 -0
- package/mkdocs/python-deps.txt +7 -0
- package/mkdocs/vercel.json +11 -0
- package/package.json +63 -0
- package/packages/core/package.json +61 -0
- package/packages/core/src/__tests__/bitbucket-client.test.ts +366 -0
- package/packages/core/src/__tests__/cli.test.ts +235 -0
- package/packages/core/src/__tests__/code-extractor.test.ts +378 -0
- package/packages/core/src/__tests__/docker-generator.test.ts +255 -0
- package/packages/core/src/__tests__/github-client.test.ts +390 -0
- package/packages/core/src/__tests__/gitlab-client.test.ts +319 -0
- package/packages/core/src/__tests__/go-extractor.test.ts +351 -0
- package/packages/core/src/__tests__/graphql-extractor.test.ts +330 -0
- package/packages/core/src/__tests__/java-extractor.test.ts +497 -0
- package/packages/core/src/__tests__/plugins.test.ts +467 -0
- package/packages/core/src/__tests__/readme-extractor.test.ts +258 -0
- package/packages/core/src/__tests__/redis-cache.test.ts +307 -0
- package/packages/core/src/__tests__/rust-extractor.test.ts +252 -0
- package/packages/core/src/__tests__/streaming.test.ts +251 -0
- package/packages/core/src/additional-extractors.ts +333 -0
- package/packages/core/src/cache/cache-interface.ts +179 -0
- package/packages/core/src/cache/index.ts +210 -0
- package/packages/core/src/cache/redis-cache.ts +291 -0
- package/packages/core/src/cache/upstash-cache.ts +379 -0
- package/packages/core/src/cache.ts +251 -0
- package/packages/core/src/cli.ts +822 -0
- package/packages/core/src/code-extractor.ts +696 -0
- package/packages/core/src/docker-generator.ts +470 -0
- package/packages/core/src/edge-compatible.ts +491 -0
- package/packages/core/src/extractors/go-extractor.ts +791 -0
- package/packages/core/src/extractors/index.ts +9 -0
- package/packages/core/src/extractors/java-extractor.ts +937 -0
- package/packages/core/src/extractors/rust-extractor.ts +744 -0
- package/packages/core/src/github-client.ts +319 -0
- package/packages/core/src/go-generator.ts +356 -0
- package/packages/core/src/graphql-extractor.ts +358 -0
- package/packages/core/src/index.ts +797 -0
- package/packages/core/src/langchain-exporter.ts +617 -0
- package/packages/core/src/language-parsers.ts +1114 -0
- package/packages/core/src/mcp-introspector.ts +279 -0
- package/packages/core/src/monorepo-detector.ts +378 -0
- package/packages/core/src/plugins/index.ts +370 -0
- package/packages/core/src/plugins/registry.ts +404 -0
- package/packages/core/src/plugins/types.ts +215 -0
- package/packages/core/src/providers/base-provider.ts +246 -0
- package/packages/core/src/providers/bitbucket-client.ts +464 -0
- package/packages/core/src/providers/gitlab-client.ts +388 -0
- package/packages/core/src/providers/index.ts +176 -0
- package/packages/core/src/python-generator.ts +260 -0
- package/packages/core/src/queue/index.ts +100 -0
- package/packages/core/src/queue/memory-queue.ts +445 -0
- package/packages/core/src/queue/redis-queue.ts +578 -0
- package/packages/core/src/queue/types.ts +251 -0
- package/packages/core/src/readme-extractor.ts +409 -0
- package/packages/core/src/schema-generator.ts +638 -0
- package/packages/core/src/streaming.ts +999 -0
- package/packages/core/src/types.ts +289 -0
- package/packages/core/tsconfig.json +9 -0
- package/packages/core/tsup.config.ts +25 -0
- package/packages/mcp-server/README.md +297 -0
- package/packages/mcp-server/package.json +55 -0
- package/packages/mcp-server/src/__tests__/mcp-server.test.ts +177 -0
- package/packages/mcp-server/src/__tests__/tools.test.ts +217 -0
- package/packages/mcp-server/src/index.ts +1206 -0
- package/packages/mcp-server/src/prompts/index.ts +601 -0
- package/packages/mcp-server/src/tools/export-docker.ts +362 -0
- package/packages/mcp-server/src/tools/generate-openapi.ts +162 -0
- package/packages/mcp-server/src/tools/monitor-mcp-server.ts +448 -0
- package/packages/mcp-server/src/tools/stream-convert.ts +398 -0
- package/packages/mcp-server/src/tools/test-mcp-tool.ts +531 -0
- package/packages/mcp-server/tsconfig.json +12 -0
- package/packages/mcp-server/tsup.config.ts +14 -0
- package/packages/openapi-parser/package-lock.json +3028 -0
- package/packages/openapi-parser/package.json +41 -0
- package/packages/openapi-parser/src/analyzer.ts +700 -0
- package/packages/openapi-parser/src/asyncapi-parser.ts +475 -0
- package/packages/openapi-parser/src/cli.ts +302 -0
- package/packages/openapi-parser/src/generator.ts +570 -0
- package/packages/openapi-parser/src/generators/express-analyzer.ts +649 -0
- package/packages/openapi-parser/src/generators/fastapi-analyzer.ts +960 -0
- package/packages/openapi-parser/src/generators/index.ts +200 -0
- package/packages/openapi-parser/src/generators/nextjs-analyzer.ts +768 -0
- package/packages/openapi-parser/src/generators/openapi-builder.ts +527 -0
- package/packages/openapi-parser/src/generators/types.ts +298 -0
- package/packages/openapi-parser/src/graphql-parser.ts +462 -0
- package/packages/openapi-parser/src/grpc-parser.ts +649 -0
- package/packages/openapi-parser/src/har-parser.ts +723 -0
- package/packages/openapi-parser/src/index.ts +635 -0
- package/packages/openapi-parser/src/insomnia-parser.ts +614 -0
- package/packages/openapi-parser/src/parser.ts +231 -0
- package/packages/openapi-parser/src/postman-parser.ts +611 -0
- package/packages/openapi-parser/src/ref-resolver.ts +313 -0
- package/packages/openapi-parser/src/transformer.ts +459 -0
- package/packages/openapi-parser/tests/generators/express.test.ts +209 -0
- package/packages/openapi-parser/tests/generators/fastapi.test.ts +236 -0
- package/packages/openapi-parser/tests/generators/nextjs.test.ts +273 -0
- package/packages/openapi-parser/tests/parsers.test.ts +847 -0
- package/packages/openapi-parser/tsconfig.json +9 -0
- package/packages/openapi-parser/tsup.config.ts +11 -0
- package/packages/registry/package.json +59 -0
- package/packages/registry/src/cli.ts +456 -0
- package/packages/registry/src/index.ts +44 -0
- package/packages/registry/src/popular/github.json +47 -0
- package/packages/registry/src/popular/index.ts +55 -0
- package/packages/registry/src/popular/linear.json +42 -0
- package/packages/registry/src/popular/notion.json +42 -0
- package/packages/registry/src/popular/openai.json +40 -0
- package/packages/registry/src/popular/resend.json +38 -0
- package/packages/registry/src/popular/slack.json +42 -0
- package/packages/registry/src/popular/stripe.json +163 -0
- package/packages/registry/src/popular/supabase.json +42 -0
- package/packages/registry/src/popular/twilio.json +40 -0
- package/packages/registry/src/popular/vercel.json +40 -0
- package/packages/registry/src/registry.ts +492 -0
- package/packages/registry/src/storage.ts +334 -0
- package/packages/registry/src/types.ts +275 -0
- package/packages/registry/src/updater.ts +208 -0
- package/packages/registry/tsconfig.json +10 -0
- package/packages/registry/tsup.config.ts +11 -0
- package/pnpm-workspace.yaml +3 -0
- package/scripts/build-docs.sh +16 -0
- package/server.json +9 -0
- package/templates/Dockerfile.python.template +60 -0
- package/templates/Dockerfile.typescript.template +60 -0
- package/templates/docker-compose.template.yml +68 -0
- package/tests/fixtures/express-app/index.js +34 -0
- package/tests/fixtures/express-app/routes/posts.js +43 -0
- package/tests/fixtures/express-app/routes/users.js +58 -0
- package/tests/fixtures/fastapi-app/main.py +125 -0
- package/tests/fixtures/fastapi-app/routes/admin.py +42 -0
- package/tests/fixtures/graphql/simple-schema.graphql +65 -0
- package/tests/fixtures/mocks/github-api-responses.json +63 -0
- package/tests/fixtures/nextjs-app/app/api/posts/route.ts +55 -0
- package/tests/fixtures/nextjs-app/app/api/users/[id]/route.ts +63 -0
- package/tests/fixtures/nextjs-app/app/api/users/route.ts +44 -0
- package/tests/fixtures/nextjs-app/pages/api/health.ts +28 -0
- package/tests/fixtures/openapi/petstore.yaml +179 -0
- package/tests/integration/langchain-export.test.ts +405 -0
- package/tests/integration/openapi-conversion.test.ts +221 -0
- package/tsconfig.json +18 -0
- 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
|
+
'&': '&',
|
|
324
|
+
'<': '<',
|
|
325
|
+
'>': '>',
|
|
326
|
+
'"': '"',
|
|
327
|
+
"'": '''
|
|
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
|
+
'&': '&',
|
|
309
|
+
'<': '<',
|
|
310
|
+
'>': '>',
|
|
311
|
+
'"': '"',
|
|
312
|
+
"'": '''
|
|
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
|
+
}
|