Support prereqs

Author: mrubens

src/services/marketplace/schemas.ts

@@ -17,6 +17,7 @@ export const mcpInstallationMethodSchema = z.object({
 	name: z.string().min(1),
 	content: z.string().min(1),
 	parameters: z.array(mcpParameterSchema).optional(),
+	prerequisites: z.array(z.string()).optional(),
 })
 
 /**
@@ -36,6 +37,7 @@ export const marketplaceItemSchema = z.object({
 	authorUrl: z.string().url("Author URL must be a valid URL").optional(),
 	tags: z.array(z.string()).optional(),
 	content: z.union([z.string().min(1), z.array(mcpInstallationMethodSchema)]), // Embedded content (YAML for modes, JSON for mcps, or named methods)
+	prerequisites: z.array(z.string()).optional(),
 })
 
 /**
@@ -61,6 +63,7 @@ export const modeMarketplaceItemYamlSchema = z.object({
 	authorUrl: z.string().url().optional(),
 	tags: z.array(z.string()).optional(),
 	content: z.string(),
+	prerequisites: z.array(z.string()).optional(),
 })
 
 export const mcpMarketplaceItemYamlSchema = z.object({
@@ -73,6 +76,7 @@ export const mcpMarketplaceItemYamlSchema = z.object({
 	tags: z.array(z.string()).optional(),
 	content: z.union([z.string(), z.array(mcpInstallationMethodSchema)]),
 	parameters: z.array(mcpParameterSchema).optional(),
+	prerequisites: z.array(z.string()).optional(),
 })
 
 // Export aliases for backward compatibility (these are the same as the YAML schemas)

src/services/marketplace/types.ts

@@ -22,6 +22,7 @@ export interface ModeMarketplaceItem {
 	authorUrl?: string
 	tags?: string[]
 	content: string // Embedded YAML content for .roomodes
+	prerequisites?: string[]
 }
 
 export interface McpParameter {
@@ -35,6 +36,7 @@ export interface McpInstallationMethod {
 	name: string
 	content: string
 	parameters?: McpParameter[]
+	prerequisites?: string[]
 }
 
 export interface McpMarketplaceItem {
@@ -47,6 +49,7 @@ export interface McpMarketplaceItem {
 	tags?: string[]
 	content: string | McpInstallationMethod[] // Can be a single config or array of named methods
 	parameters?: McpParameter[]
+	prerequisites?: string[]
 }
 
 /**
@@ -63,6 +66,7 @@ export interface MarketplaceItem {
 	tags?: string[]
 	content: string | McpInstallationMethod[] // Can be a single config or array of named methods
 	parameters?: McpParameter[] // Optional parameters for MCPs
+	prerequisites?: string[]
 }
 
 export interface InstallMarketplaceItemOptions {

webview-ui/src/components/marketplace/components/MarketplaceInstallModal.tsx

@@ -78,6 +78,24 @@ export const MarketplaceInstallModal: React.FC<MarketplaceInstallModalProps> = (
 		return Array.from(paramMap.values())
 	}, [item, selectedMethodIndex])
 
+	// Get effective prerequisites for the selected method (global + method-specific)
+	const effectivePrerequisites = useMemo(() => {
+		if (!item) return []
+
+		const globalPrereqs = item.prerequisites || []
+		let methodPrereqs: string[] = []
+
+		// Get method-specific prerequisites if content is an array
+		if (Array.isArray(item.content)) {
+			const selectedMethod = item.content[selectedMethodIndex] as McpInstallationMethod
+			methodPrereqs = selectedMethod?.prerequisites || []
+		}
+
+		// Combine and deduplicate prerequisites
+		const allPrereqs = [...globalPrereqs, ...methodPrereqs]
+		return Array.from(new Set(allPrereqs))
+	}, [item, selectedMethodIndex])
+
 	// Update parameter values when method changes
 	React.useEffect(() => {
 		if (item) {
@@ -274,6 +292,20 @@ export const MarketplaceInstallModal: React.FC<MarketplaceInstallModalProps> = (
 							</div>
 						)}
 
+						{/* Prerequisites */}
+						{effectivePrerequisites.length > 0 && (
+							<div className="space-y-2">
+								<div className="text-base font-semibold">{t("marketplace:install.prerequisites")}</div>
+								<ul className="list-disc list-inside space-y-1 text-sm">
+									{effectivePrerequisites.map((prereq, index) => (
+										<li key={index} className="text-muted-foreground">
+											{prereq}
+										</li>
+									))}
+								</ul>
+							</div>
+						)}
+
 						{/* Parameters */}
 						{effectiveParameters.length > 0 && (
 							<div className="space-y-3">

webview-ui/src/i18n/locales/ca/marketplace.json

@@ -93,7 +93,8 @@
 		"goToMcp": "Anar a la pestanya MCP",
 		"goToModes": "Anar a la pestanya Modes",
 		"moreInfoMcp": "Veure documentació MCP de {{name}}",
-		"validationRequired": "Si us plau, proporciona un valor per a {{paramName}}"
+		"validationRequired": "Si us plau, proporciona un valor per a {{paramName}}",
+		"prerequisites": "Prerequisits"
 	},
 	"sources": {
 		"title": "Configurar fonts del marketplace",

webview-ui/src/i18n/locales/de/marketplace.json

@@ -93,7 +93,8 @@
 		"goToMcp": "Zum MCP-Tab gehen",
 		"goToModes": "Zum Modi-Tab gehen",
 		"moreInfoMcp": "{{name}} MCP-Dokumentation anzeigen",
-		"validationRequired": "Bitte gib einen Wert für {{paramName}} an"
+		"validationRequired": "Bitte gib einen Wert für {{paramName}} an",
+		"prerequisites": "Voraussetzungen"
 	},
 	"sources": {
 		"title": "Marketplace-Quellen konfigurieren",

webview-ui/src/i18n/locales/en/marketplace.json

@@ -81,6 +81,7 @@
 		"project": "Project (current workspace)",
 		"global": "Global (all workspaces)",
 		"method": "Installation Method",
+		"prerequisites": "Prerequisites",
 		"configuration": "Configuration",
 		"configurationDescription": "Configure the parameters required for this MCP server",
 		"button": "Install",

webview-ui/src/i18n/locales/es/marketplace.json

@@ -93,7 +93,8 @@
 		"goToMcp": "Ir a la pestaña MCP",
 		"goToModes": "Ir a la pestaña Modos",
 		"moreInfoMcp": "Ver documentación MCP de {{name}}",
-		"validationRequired": "Por favor proporciona un valor para {{paramName}}"
+		"validationRequired": "Por favor proporciona un valor para {{paramName}}",
+		"prerequisites": "Requisitos previos"
 	},
 	"sources": {
 		"title": "Configurar fuentes del marketplace",

webview-ui/src/i18n/locales/fr/marketplace.json

@@ -93,7 +93,8 @@
 		"goToMcp": "Aller à l'onglet MCP",
 		"goToModes": "Aller à l'onglet Modes",
 		"moreInfoMcp": "Voir la documentation MCP de {{name}}",
-		"validationRequired": "Veuillez fournir une valeur pour {{paramName}}"
+		"validationRequired": "Veuillez fournir une valeur pour {{paramName}}",
+		"prerequisites": "Prérequis"
 	},
 	"sources": {
 		"title": "Configurer les sources du marketplace",

webview-ui/src/i18n/locales/hi/marketplace.json

@@ -93,7 +93,8 @@
 		"goToMcp": "MCP टैब पर जाएं",
 		"goToModes": "मोड टैब पर जाएं",
 		"moreInfoMcp": "{{name}} MCP दस्तावेज़ देखें",
-		"validationRequired": "कृपया {{paramName}} के लिए एक मान प्रदान करें"
+		"validationRequired": "कृपया {{paramName}} के लिए एक मान प्रदान करें",
+		"prerequisites": "आवश्यकताएं"
 	},
 	"sources": {
 		"title": "Marketplace स्रोत कॉन्फ़िगर करें",

webview-ui/src/i18n/locales/it/marketplace.json

@@ -93,7 +93,8 @@
 		"goToMcp": "Vai alla scheda MCP",
 		"goToModes": "Vai alla scheda Modalità",
 		"moreInfoMcp": "Visualizza documentazione MCP {{name}}",
-		"validationRequired": "Fornisci un valore per {{paramName}}"
+		"validationRequired": "Fornisci un valore per {{paramName}}",
+		"prerequisites": "Prerequisiti"
 	},
 	"sources": {
 		"title": "Configura fonti del Marketplace",