@orchestra-mcp/marketplace 1.0.0

package/LICENSE

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) 2026 Orchestra MCP
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED.

package/README.md

@@ -0,0 +1,13 @@
+# @orchestra-mcp/marketplace
+
+Extension marketplace components for Orchestra MCP
+
+## Install
+
+```bash
+npm install @orchestra-mcp/marketplace
+```
+
+## License
+
+MIT — [Orchestra MCP](https://orchestra-mcp.dev)

package/dist/index.cjs

@@ -0,0 +1,92 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  MarketplaceCard: () => MarketplaceCard
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/MarketplaceCard/MarketplaceCard.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var TYPE_LABELS = {
+  extension: "Extension",
+  "ai-tool": "AI Tool",
+  "os-service": "OS Service"
+};
+function formatCount(n) {
+  if (n >= 1e5) return `${Math.floor(n / 1e3)}k+`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1).replace(/\.0$/, "")}k`;
+  return String(n);
+}
+function StarRating({ rating }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mc-stars", "aria-label": `${rating} out of 5 stars`, children: Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: i < Math.round(rating) ? "mc-star--filled" : "mc-star--empty", children: i < Math.round(rating) ? "\u2605" : "\u2606" }, i)) });
+}
+var MarketplaceCard = ({
+  name,
+  author,
+  description,
+  icon,
+  type,
+  rating,
+  installCount,
+  installed = false,
+  verified = false,
+  hasUpdate = false,
+  onInstall,
+  onUninstall,
+  onUpdate
+}) => {
+  const iconNode = typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: icon, alt: `${name} icon`, className: "mc-icon-img" }) : icon;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mc-card", "data-type": type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mc-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mc-icon", children: iconNode }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mc-info", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mc-title-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mc-name", children: name }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `mc-badge mc-badge--${type}`, children: TYPE_LABELS[type] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mc-author", children: [
+          author,
+          verified && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mc-verified", title: "Verified", "aria-label": "Verified", children: "\u2713" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mc-desc", children: description })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mc-footer", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mc-stats", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StarRating, { rating }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "mc-installs", children: [
+          formatCount(installCount),
+          " installs"
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mc-actions", children: [
+        hasUpdate && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "mc-btn mc-btn--update", onClick: onUpdate, children: "Update" }),
+        installed && !hasUpdate && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "mc-btn mc-btn--uninstall", onClick: onUninstall, children: "Uninstall" }),
+        !installed && !hasUpdate && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "mc-btn mc-btn--install", onClick: onInstall, children: "Install" })
+      ] })
+    ] })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MarketplaceCard
+});

package/dist/index.css

@@ -0,0 +1,192 @@
+/* src/MarketplaceCard/MarketplaceCard.css */
+.mc-card {
+  border: 1px solid var(--color-border);
+  border-radius: 8px;
+  padding: 16px;
+  background: var(--color-bg-alt);
+  transition: box-shadow 0.15s ease, border-color 0.15s ease;
+}
+.mc-card:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
+  border-color: var(--color-accent);
+}
+.mc-header {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+.mc-icon {
+  width: 48px;
+  height: 48px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8px;
+  overflow: hidden;
+  background: var(--color-bg-active, rgba(128, 128, 128, 0.1));
+}
+.mc-icon-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.mc-info {
+  flex: 1;
+  min-width: 0;
+}
+.mc-title-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+.mc-name {
+  font-weight: 600;
+  font-size: 14px;
+  color: var(--color-fg);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.mc-author {
+  font-size: 12px;
+  color: var(--color-fg-muted, var(--color-fg));
+  opacity: 0.7;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.mc-verified {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: var(--color-accent);
+  color: #fff;
+  font-size: 9px;
+  font-weight: 700;
+}
+.mc-desc {
+  margin: 4px 0 0;
+  font-size: 13px;
+  color: var(--color-fg);
+  opacity: 0.8;
+  line-height: 1.4;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.mc-badge {
+  font-size: 11px;
+  font-weight: 500;
+  padding: 2px 8px;
+  border-radius: 10px;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+.mc-badge--extension {
+  background: rgba(59, 130, 246, 0.15);
+  color: #3b82f6;
+}
+.mc-badge--ai-tool {
+  background: rgba(139, 92, 246, 0.15);
+  color: #8b5cf6;
+}
+.mc-badge--os-service {
+  background: rgba(34, 197, 94, 0.15);
+  color: #22c55e;
+}
+.mc-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  border-top: 1px solid var(--color-border);
+  padding-top: 10px;
+}
+.mc-stats {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 12px;
+  color: var(--color-fg);
+  opacity: 0.7;
+}
+.mc-stars {
+  display: inline-flex;
+  gap: 1px;
+  font-size: 13px;
+}
+.mc-star--filled {
+  color: #f59e0b;
+}
+.mc-star--empty {
+  color: var(--color-border);
+}
+.mc-installs {
+  white-space: nowrap;
+}
+.mc-btn {
+  font-size: 12px;
+  font-weight: 500;
+  padding: 5px 14px;
+  border-radius: 6px;
+  border: none;
+  cursor: pointer;
+  transition: opacity 0.15s ease;
+}
+.mc-btn:hover {
+  opacity: 0.85;
+}
+.mc-btn--install {
+  background: var(--color-accent);
+  color: #fff;
+}
+.mc-btn--uninstall {
+  background: transparent;
+  color: #ef4444;
+  border: 1px solid #ef4444;
+}
+.mc-btn--update {
+  background: #f59e0b;
+  color: #fff;
+}
+[data-variant=compact] .mc-card {
+  padding: 10px;
+  border-radius: 6px;
+}
+[data-variant=compact] .mc-icon {
+  width: 36px;
+  height: 36px;
+  border-radius: 6px;
+}
+[data-variant=compact] .mc-name {
+  font-size: 13px;
+}
+[data-variant=compact] .mc-desc {
+  font-size: 12px;
+}
+[data-variant=compact] .mc-btn {
+  font-size: 11px;
+  padding: 4px 10px;
+}
+[data-variant=modern] .mc-card {
+  padding: 20px;
+  border-radius: 12px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
+}
+[data-variant=modern] .mc-card:hover {
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
+}
+[data-variant=modern] .mc-icon {
+  border-radius: 10px;
+}
+[data-variant=modern] .mc-btn {
+  border-radius: 8px;
+  font-weight: 600;
+  padding: 6px 16px;
+}

package/dist/index.d.cts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface MarketplaceCardProps {
+    /** Extension/tool name */
+    name: string;
+    /** Author name */
+    author: string;
+    /** Short description */
+    description: string;
+    /** Icon as ReactNode or image URL */
+    icon: ReactNode | string;
+    /** Item type */
+    type: 'extension' | 'ai-tool' | 'os-service';
+    /** Star rating 0-5 */
+    rating: number;
+    /** Total installs */
+    installCount: number;
+    /** Whether currently installed */
+    installed?: boolean;
+    /** Whether author is verified */
+    verified?: boolean;
+    /** Whether an update is available */
+    hasUpdate?: boolean;
+    /** Install callback */
+    onInstall?: () => void;
+    /** Uninstall callback */
+    onUninstall?: () => void;
+    /** Update callback */
+    onUpdate?: () => void;
+}
+declare const MarketplaceCard: ({ name, author, description, icon, type, rating, installCount, installed, verified, hasUpdate, onInstall, onUninstall, onUpdate, }: MarketplaceCardProps) => react_jsx_runtime.JSX.Element;
+
+export { MarketplaceCard, type MarketplaceCardProps };

package/dist/index.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface MarketplaceCardProps {
+    /** Extension/tool name */
+    name: string;
+    /** Author name */
+    author: string;
+    /** Short description */
+    description: string;
+    /** Icon as ReactNode or image URL */
+    icon: ReactNode | string;
+    /** Item type */
+    type: 'extension' | 'ai-tool' | 'os-service';
+    /** Star rating 0-5 */
+    rating: number;
+    /** Total installs */
+    installCount: number;
+    /** Whether currently installed */
+    installed?: boolean;
+    /** Whether author is verified */
+    verified?: boolean;
+    /** Whether an update is available */
+    hasUpdate?: boolean;
+    /** Install callback */
+    onInstall?: () => void;
+    /** Uninstall callback */
+    onUninstall?: () => void;
+    /** Update callback */
+    onUpdate?: () => void;
+}
+declare const MarketplaceCard: ({ name, author, description, icon, type, rating, installCount, installed, verified, hasUpdate, onInstall, onUninstall, onUpdate, }: MarketplaceCardProps) => react_jsx_runtime.JSX.Element;
+
+export { MarketplaceCard, type MarketplaceCardProps };

package/dist/index.js

@@ -0,0 +1,65 @@
+// src/MarketplaceCard/MarketplaceCard.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TYPE_LABELS = {
+  extension: "Extension",
+  "ai-tool": "AI Tool",
+  "os-service": "OS Service"
+};
+function formatCount(n) {
+  if (n >= 1e5) return `${Math.floor(n / 1e3)}k+`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1).replace(/\.0$/, "")}k`;
+  return String(n);
+}
+function StarRating({ rating }) {
+  return /* @__PURE__ */ jsx("span", { className: "mc-stars", "aria-label": `${rating} out of 5 stars`, children: Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsx("span", { className: i < Math.round(rating) ? "mc-star--filled" : "mc-star--empty", children: i < Math.round(rating) ? "\u2605" : "\u2606" }, i)) });
+}
+var MarketplaceCard = ({
+  name,
+  author,
+  description,
+  icon,
+  type,
+  rating,
+  installCount,
+  installed = false,
+  verified = false,
+  hasUpdate = false,
+  onInstall,
+  onUninstall,
+  onUpdate
+}) => {
+  const iconNode = typeof icon === "string" ? /* @__PURE__ */ jsx("img", { src: icon, alt: `${name} icon`, className: "mc-icon-img" }) : icon;
+  return /* @__PURE__ */ jsxs("div", { className: "mc-card", "data-type": type, children: [
+    /* @__PURE__ */ jsxs("div", { className: "mc-header", children: [
+      /* @__PURE__ */ jsx("div", { className: "mc-icon", children: iconNode }),
+      /* @__PURE__ */ jsxs("div", { className: "mc-info", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mc-title-row", children: [
+          /* @__PURE__ */ jsx("span", { className: "mc-name", children: name }),
+          /* @__PURE__ */ jsx("span", { className: `mc-badge mc-badge--${type}`, children: TYPE_LABELS[type] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mc-author", children: [
+          author,
+          verified && /* @__PURE__ */ jsx("span", { className: "mc-verified", title: "Verified", "aria-label": "Verified", children: "\u2713" })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "mc-desc", children: description })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mc-footer", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mc-stats", children: [
+        /* @__PURE__ */ jsx(StarRating, { rating }),
+        /* @__PURE__ */ jsxs("span", { className: "mc-installs", children: [
+          formatCount(installCount),
+          " installs"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mc-actions", children: [
+        hasUpdate && /* @__PURE__ */ jsx("button", { type: "button", className: "mc-btn mc-btn--update", onClick: onUpdate, children: "Update" }),
+        installed && !hasUpdate && /* @__PURE__ */ jsx("button", { type: "button", className: "mc-btn mc-btn--uninstall", onClick: onUninstall, children: "Uninstall" }),
+        !installed && !hasUpdate && /* @__PURE__ */ jsx("button", { type: "button", className: "mc-btn mc-btn--install", onClick: onInstall, children: "Install" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  MarketplaceCard
+};

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@orchestra-mcp/marketplace",
+  "version": "1.0.0",
+  "description": "Extension marketplace components for Orchestra MCP",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/orchestra-mcp/marketplace"
+  },
+  "funding": "https://github.com/sponsors/fadymondy",
+  "license": "MIT",
+  "dependencies": {
+    "@orchestra-mcp/ui": "^1.0.0",
+    "@orchestra-mcp/icons": "^1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts --clean",
+    "prepublishOnly": "pnpm build"
+  }
+}