Add MCP Marketplace #1731

buzz-code · 2025-03-17T15:29:56Z

Context

Added MCP marketplace, inspired from cline's pr (cline/cline#1841)

Implementation

Screenshots

before	after

How to Test

Get in Touch

Important

Adds MCP Marketplace to ClineProvider with UI components for browsing and managing MCP servers.

Behavior:
- Adds MCP Marketplace functionality to ClineProvider for fetching, downloading, and displaying MCP servers.
- Handles errors and updates UI with mcpMarketplaceCatalog and mcpDownloadDetails messages.
UI Components:
- Adds McpMarketplaceView, McpMarketplaceCard, and McpSubmitCard components for marketplace UI.
- Implements search, filter, and sort features in McpMarketplaceView.
- Adds tabs for installed servers and marketplace in McpView.
State Management:
- Updates GlobalStateKey with mcpMarketplaceCatalog.
- Adds new message types in ExtensionMessage and WebviewMessage for marketplace actions.

^{This description was created by}^{for c9ddca0. It will automatically update as commits are pushed.}

changeset-bot · 2025-03-17T15:30:00Z

⚠️ No Changeset found

Latest commit: f73d3c4

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

ellipsis-dev · 2025-03-17T15:30:57Z

The pull request is quite large, with 1079 lines added across 11 files. While the changes primarily focus on integrating MCP marketplace functionality, there are several distinct components and updates included:

Core Integration: Changes in ClineProvider.ts and globalState.ts focus on integrating MCP marketplace functionality and managing global state keys.
Type Definitions: Updates in roo-code.d.ts, ExtensionMessage.ts, and WebviewMessage.ts extend type definitions to support MCP marketplace features.
Shared Interfaces: The mcp.ts file introduces new interfaces for marketplace items and catalogs.
UI Components: New React components like McpView.tsx, McpMarketplaceCard.tsx, McpMarketplaceView.tsx, and McpSubmitCard.tsx are added for the marketplace UI.
Localization: Updates in mcp.json for localization strings related to the marketplace.

Given the size and scope of the changes, it might be beneficial to split the pull request into smaller, more focused PRs. For example:

One PR for core integration and type definition updates.
Another PR for UI components and localization updates.

This would make it easier to review and test each part independently. Please consider splitting the changes accordingly.

webview-ui/src/components/mcp/marketplace/McpMarketplaceCard.tsx

+					{/* Logo */}
+					{item.logoUrl && (
+						<img
+							src={item.logoUrl}


webview-ui/src/components/mcp/marketplace/McpMarketplaceCard.tsx

+					{/* Logo */}
+					{item.logoUrl && (
+						<img
+							src={item.logoUrl}


webview-ui/src/components/mcp/marketplace/McpMarketplaceCard.tsx

+								rowGap: 0, // Add this to remove vertical gap
+							}}>
+							<a
+								href={item.githubUrl}


webview-ui/src/components/mcp/marketplace/McpMarketplaceCard.tsx

+								rowGap: 0, // Add this to remove vertical gap
+							}}>
+							<a
+								href={item.githubUrl}


ellipsis-dev · 2025-03-17T15:33:52Z

src/core/webview/ClineProvider.ts

+
+	private async fetchMcpMarketplaceFromApi(silent: boolean = false): Promise<McpMarketplaceCatalog | undefined> {
+		try {
+			const response = await axios.get("https://api.cline.bot/v1/mcp/marketplace", {


Avoid hardcoding external API URLs (e.g. https://api.cline.bot/v1/mcp/marketplace). Consider placing endpoints in config or environment variables to ease deployment and testing. This follows our secure configuration best practices.

@buzz-code @mrubens i think we can use glama mcp

https://glama.ai/mcp/reference#tag/servers/GET/v1/servers

Great idea, let me look into this.

ellipsis-dev · 2025-03-17T15:33:52Z

src/core/webview/ClineProvider.ts

+	}
+
+	private async openMcpMarketplaceServerDetails(mcpId: string) {
+		const response = await fetch(`https://api.cline.bot/v1/mcp/marketplace/item?mcpId=${mcpId}`)


Consider adding error handling for the fetch call in openMcpMarketplaceServerDetails so that network failures or unexpected responses don’t lead to unhandled exceptions.

samhvw8 · 2025-03-17T17:20:45Z

Can we move it into another class not the same with cline provider ?

pashpashpash · 2025-03-18T02:16:41Z

hey guys @mrubens you're welcome to use our marketplace api (:

buzz-code · 2025-03-20T09:57:25Z

@samhvw8 I've moved the functions out of cline provider file

samhvw8 · 2025-03-20T10:14:48Z

@samhvw8 I've moved the functions out of cline provider file

@buzz-code cool, btw do you have discord or smt else ? can we chat via discord ?

samhvw8 · 2025-03-20T10:18:45Z

webview-ui/src/components/mcp/marketplace/McpSubmitCard.tsx

+			style={{
+				display: "flex",
+				flexDirection: "column",
+				alignItems: "center",
+				gap: "24px",
+				padding: "32px 20px",
+				marginTop: "16px",
+			}}>
+			{/* Logo */}
+			<img
+				src="https://storage.googleapis.com/cline_public_images/cline.png"
+				alt="Cline bot logo"
+				style={{
+					width: 64,
+					height: 64,
+					borderRadius: 8,
+				}}
+			/>


we have integrated tailwind and shadcn
https://ui.shadcn.com/

it will be cool if you you can leverage it 💪,

mrubens

Generous offer aside, we shouldn't be hitting api.cline.bot. We should discuss the best way to support this with an API.

jb510 · 2025-04-01T02:27:48Z

Generous offer aside, we shouldn't be hitting api.cline.bot. We should discuss the best way to support this with an API.

Why not both ¯_(ツ)_/¯.

Add the ability to add multiple MCP marketplace endpoints. Roo's and Cline's and ????'s.

Iweisc · 2025-04-15T13:45:46Z

Hope this gets merged! ;) would love to see this!

buzz-code · 2025-04-21T10:53:11Z

Closing because I don't have the time for it now

Iweisc · 2025-04-23T14:47:26Z

I am genuinely sad 😢 hope this gets implemented later

samhvw8 · 2025-04-23T17:45:54Z

@Iweisc we already implemented new version of Marketplace in #2772

that can share mcp, custom-mode .... etc

HadasaSchechterV added 5 commits March 17, 2025 12:06

Add MCP marketplace integration and related types

d0a46d6

Add marketplace tab and related localization for MCP view

a4f3ce9

Add MCP marketplace view and submission card components

8207d25

Add search and sorting functionality to MCP marketplace view

e11b804

Enhance MCP view with tab navigation and improved localization

c9ddca0

buzz-code requested review from cte and mrubens as code owners March 17, 2025 15:29

github-project-automation bot added this to Roo Code Roadmap Mar 17, 2025

github-project-automation bot moved this to New in Roo Code Roadmap Mar 17, 2025

dosubot bot added the size:XXL This PR changes 1000+ lines, ignoring generated files. label Mar 17, 2025

dosubot bot added the enhancement New feature or request label Mar 17, 2025

github-advanced-security bot found potential problems Mar 17, 2025

View reviewed changes

ellipsis-dev bot reviewed Mar 17, 2025

View reviewed changes

Fix unit test & localization check

9fcb4ee

hannesrudolph moved this from New to PR [Pre Approval Review] in Roo Code Roadmap Mar 17, 2025

HadasaSchechterV added 2 commits March 20, 2025 08:13

Merge remote-tracking branch 'origin/main' into mcp-marketplace

d32eb6e

move mcp marketplace from client provider to its own service file

f73d3c4

samhvw8 reviewed Mar 20, 2025

View reviewed changes

mrubens requested changes Mar 24, 2025

View reviewed changes

buzz-code closed this Apr 21, 2025

github-project-automation bot moved this from PR [Pre Approval Review] to Done in Roo Code Roadmap Apr 21, 2025

Add MCP Marketplace #1731

Add MCP Marketplace #1731

Uh oh!

Conversation

buzz-code commented Mar 17, 2025 • edited by ellipsis-dev bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Context

Implementation

Screenshots

How to Test

Get in Touch

Uh oh!

changeset-bot bot commented Mar 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

⚠️ No Changeset found

Uh oh!

ellipsis-dev bot commented Mar 17, 2025

Uh oh!

Check failure

Uh oh!

Check warning

Uh oh!

Check failure

Uh oh!

Check warning

Uh oh!

ellipsis-dev bot Mar 17, 2025

Choose a reason for hiding this comment

Uh oh!

samhvw8 Mar 17, 2025

Choose a reason for hiding this comment

Uh oh!

mrubens Mar 17, 2025

Choose a reason for hiding this comment

Uh oh!

ellipsis-dev bot Mar 17, 2025

Choose a reason for hiding this comment

Uh oh!

samhvw8 commented Mar 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

pashpashpash commented Mar 18, 2025

Uh oh!

buzz-code commented Mar 20, 2025

Uh oh!

samhvw8 commented Mar 20, 2025

Uh oh!

samhvw8 Mar 20, 2025

Choose a reason for hiding this comment

Uh oh!

mrubens left a comment

Choose a reason for hiding this comment

Uh oh!

jb510 commented Apr 1, 2025

Uh oh!

Iweisc commented Apr 15, 2025

Uh oh!

buzz-code commented Apr 21, 2025

Uh oh!

Iweisc commented Apr 23, 2025

Uh oh!

samhvw8 commented Apr 23, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

7 participants

buzz-code commented Mar 17, 2025 •

edited by ellipsis-dev bot

Loading

changeset-bot bot commented Mar 17, 2025 •

edited

Loading

samhvw8 commented Mar 17, 2025 •

edited

Loading