docusaurus-plugin-mcp-server 0.5.0

package/dist/theme/index.js

@@ -0,0 +1,299 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var browser = require('@gleanwork/mcp-config-schema/browser');
+var useGlobalData = require('@docusaurus/useGlobalData');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/theme/McpInstallButton.tsx
+function createDocsRegistryOptions(config) {
+  return {
+    // Use the serverName from config for naming
+    serverNameBuilder: () => config.serverName
+  };
+}
+function createDocsRegistry(config) {
+  const options = createDocsRegistryOptions(config);
+  return {
+    registry: new browser.MCPConfigRegistry(options),
+    config
+  };
+}
+function useMcpRegistry() {
+  let pluginData;
+  try {
+    pluginData = useGlobalData.usePluginData("docusaurus-plugin-mcp-server");
+  } catch {
+    return void 0;
+  }
+  const result = react.useMemo(() => {
+    if (!pluginData?.serverUrl || !pluginData?.serverName) {
+      return void 0;
+    }
+    const config = {
+      serverUrl: pluginData.serverUrl,
+      serverName: pluginData.serverName
+    };
+    return createDocsRegistry(config);
+  }, [pluginData?.serverUrl, pluginData?.serverName]);
+  return result;
+}
+function McpInstallButton({
+  serverUrl: serverUrlProp,
+  serverName: serverNameProp,
+  label = "Install MCP",
+  className = "",
+  clients: clientsProp
+}) {
+  const [isOpen, setIsOpen] = react.useState(false);
+  const [copiedClient, setCopiedClient] = react.useState(null);
+  const dropdownRef = react.useRef(null);
+  const pluginMcp = useMcpRegistry();
+  const { registry, config } = react.useMemo(() => {
+    if (serverUrlProp && serverNameProp) {
+      return createDocsRegistry({
+        serverUrl: serverUrlProp,
+        serverName: serverNameProp
+      });
+    }
+    if (pluginMcp) {
+      return pluginMcp;
+    }
+    return {
+      registry: new browser.MCPConfigRegistry(),
+      config: { serverUrl: "", serverName: "" }
+    };
+  }, [serverUrlProp, serverNameProp, pluginMcp]);
+  react.useEffect(() => {
+    function handleClickOutside(event) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  if (!config.serverUrl || !config.serverName) {
+    console.error(
+      "[McpInstallButton] Missing serverUrl or serverName. Either pass them as props or configure the docusaurus-plugin-mcp-server plugin."
+    );
+    return null;
+  }
+  const clientConfigs = react.useMemo(() => {
+    if (clientsProp) {
+      return clientsProp.map((id) => registry.getConfig(id)).filter((c) => c !== void 0);
+    }
+    return registry.getNativeHttpClients();
+  }, [registry, clientsProp]);
+  const copyToClipboard = react.useCallback(async (text, clientId) => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopiedClient(clientId);
+      setTimeout(() => setCopiedClient(null), 2e3);
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
+  }, []);
+  const getConfigForClient = react.useCallback(
+    (clientId) => {
+      const builder = registry.createBuilder(clientId);
+      const clientConfig = builder.buildConfiguration({
+        transport: "http",
+        serverUrl: config.serverUrl,
+        serverName: config.serverName
+      });
+      return JSON.stringify(clientConfig, null, 2);
+    },
+    [registry, config.serverUrl, config.serverName]
+  );
+  const getCommandForClient = react.useCallback(
+    (clientId) => {
+      const builder = registry.createBuilder(clientId);
+      const cliStatus = builder.supportsCliInstallation();
+      if (!cliStatus.supported) {
+        return null;
+      }
+      return builder.buildCommand({
+        transport: "http",
+        serverUrl: config.serverUrl,
+        serverName: config.serverName
+      });
+    },
+    [registry, config.serverUrl, config.serverName]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: dropdownRef, className: `mcp-install-button ${className}`, style: styles.container, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: () => setIsOpen(!isOpen),
+        style: styles.button,
+        "aria-expanded": isOpen,
+        "aria-haspopup": "true",
+        children: [
+          label,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.caret, children: isOpen ? "\u25B2" : "\u25BC" })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.dropdown, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.dropdownHeader, children: "Choose your AI tool:" }),
+      clientConfigs.map((client) => {
+        const command = getCommandForClient(client.id);
+        const config2 = getConfigForClient(client.id);
+        const isCopied = copiedClient === client.id;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.clientSection, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.clientHeader, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.clientName, children: client.displayName }) }),
+          command ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.codeBlock, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("code", { style: styles.code, children: command }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: () => copyToClipboard(command, client.id),
+                style: styles.copyButton,
+                title: "Copy to clipboard",
+                children: isCopied ? "\u2713" : "\u{1F4CB}"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.codeBlock, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("pre", { style: styles.pre, children: /* @__PURE__ */ jsxRuntime.jsx("code", { style: styles.code, children: config2 }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: () => copyToClipboard(config2, client.id),
+                style: styles.copyButton,
+                title: "Copy to clipboard",
+                children: isCopied ? "\u2713" : "\u{1F4CB}"
+              }
+            )
+          ] }),
+          client.localConfigNotes && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.notes, children: client.localConfigNotes })
+        ] }, client.id);
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.footer, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: "https://modelcontextprotocol.io/",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          style: styles.learnMore,
+          children: "Learn more about MCP \u2192"
+        }
+      ) })
+    ] })
+  ] });
+}
+var styles = {
+  container: {
+    position: "relative",
+    display: "inline-block"
+  },
+  button: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "6px",
+    padding: "8px 16px",
+    fontSize: "14px",
+    fontWeight: 500,
+    color: "#fff",
+    backgroundColor: "#5B4DC7",
+    border: "none",
+    borderRadius: "6px",
+    cursor: "pointer",
+    transition: "background-color 0.2s"
+  },
+  caret: {
+    fontSize: "10px"
+  },
+  dropdown: {
+    position: "absolute",
+    top: "100%",
+    right: 0,
+    marginTop: "8px",
+    width: "380px",
+    maxHeight: "70vh",
+    overflowY: "auto",
+    backgroundColor: "#fff",
+    borderRadius: "8px",
+    boxShadow: "0 4px 20px rgba(0, 0, 0, 0.15)",
+    zIndex: 1e3
+  },
+  dropdownHeader: {
+    padding: "12px 16px",
+    fontSize: "13px",
+    fontWeight: 600,
+    color: "#666",
+    borderBottom: "1px solid #eee"
+  },
+  clientSection: {
+    padding: "12px 16px",
+    borderBottom: "1px solid #eee"
+  },
+  clientHeader: {
+    display: "flex",
+    alignItems: "center",
+    marginBottom: "8px"
+  },
+  clientName: {
+    fontSize: "14px",
+    fontWeight: 600,
+    color: "#333"
+  },
+  codeBlock: {
+    position: "relative",
+    backgroundColor: "#f6f8fa",
+    borderRadius: "6px",
+    padding: "10px 40px 10px 12px"
+  },
+  pre: {
+    margin: 0,
+    fontSize: "12px",
+    lineHeight: 1.4,
+    overflow: "auto",
+    maxHeight: "120px"
+  },
+  code: {
+    fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+    fontSize: "12px",
+    color: "#24292f",
+    whiteSpace: "pre-wrap",
+    wordBreak: "break-all"
+  },
+  copyButton: {
+    position: "absolute",
+    top: "8px",
+    right: "8px",
+    padding: "4px 8px",
+    fontSize: "14px",
+    backgroundColor: "transparent",
+    border: "none",
+    cursor: "pointer",
+    opacity: 0.6,
+    transition: "opacity 0.2s"
+  },
+  notes: {
+    marginTop: "8px",
+    fontSize: "11px",
+    color: "#666",
+    fontStyle: "italic"
+  },
+  footer: {
+    padding: "12px 16px",
+    textAlign: "center"
+  },
+  learnMore: {
+    fontSize: "12px",
+    color: "#5B4DC7",
+    textDecoration: "none"
+  }
+};
+var McpInstallButton_default = McpInstallButton;
+
+exports.McpInstallButton = McpInstallButton;
+exports.createDocsRegistry = createDocsRegistry;
+exports.createDocsRegistryOptions = createDocsRegistryOptions;
+exports.default = McpInstallButton_default;
+exports.useMcpRegistry = useMcpRegistry;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/McpRegistryContext.tsx","../../src/theme/McpInstallButton.tsx"],"names":["MCPConfigRegistry","usePluginData","useMemo","useState","useRef","useEffect","useCallback","jsxs","jsx","config"],"mappings":"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","file":"index.js","sourcesContent":["import { useMemo } from 'react';\nimport { usePluginData } from '@docusaurus/useGlobalData';\nimport { MCPConfigRegistry, type RegistryOptions } from '@gleanwork/mcp-config-schema/browser';\n\n/**\n * Configuration from the plugin\n */\nexport interface McpConfig {\n  /** Full URL to the MCP server endpoint */\n  serverUrl: string;\n  /** Name of the MCP server for configuration */\n  serverName: string;\n}\n\n/**\n * Plugin global data shape\n */\ninterface McpPluginGlobalData {\n  serverUrl: string;\n  serverName: string;\n}\n\n/**\n * Registry options for the docs MCP server.\n * Similar to GLEAN_REGISTRY_OPTIONS in @gleanwork/mcp-config-glean\n */\nexport function createDocsRegistryOptions(config: McpConfig): RegistryOptions {\n  return {\n    // Use the serverName from config for naming\n    serverNameBuilder: () => config.serverName,\n  };\n}\n\n/**\n * Creates an MCPConfigRegistry pre-configured with the docs server settings.\n *\n * Similar to createGleanRegistry() from @gleanwork/mcp-config-glean\n *\n * @param config - The server configuration from plugin\n * @returns Object with registry instance and bound config\n */\nexport function createDocsRegistry(config: McpConfig): {\n  registry: MCPConfigRegistry;\n  config: McpConfig;\n} {\n  const options = createDocsRegistryOptions(config);\n  return {\n    registry: new MCPConfigRegistry(options),\n    config,\n  };\n}\n\n/**\n * Hook to access the pre-configured MCP registry and config.\n *\n * Reads configuration from plugin globalData and creates a registry\n * with the serverUrl and serverName pre-bound in the config object.\n *\n * @returns { registry, config } or undefined if plugin not configured\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const mcp = useMcpRegistry();\n *   if (!mcp) return null;\n *\n *   const { registry, config } = mcp;\n *   const builder = registry.createBuilder('claude-code');\n *   const json = builder.buildConfiguration({\n *     transport: 'http',\n *     serverUrl: config.serverUrl,\n *     serverName: config.serverName,\n *   });\n * }\n * ```\n */\nexport function useMcpRegistry(): { registry: MCPConfigRegistry; config: McpConfig } | undefined {\n  // Read plugin globalData\n  let pluginData: McpPluginGlobalData | undefined;\n  try {\n    pluginData = usePluginData('docusaurus-plugin-mcp-server') as McpPluginGlobalData | undefined;\n  } catch {\n    // Plugin not installed\n    return undefined;\n  }\n\n  // Memoize registry creation\n  const result = useMemo(() => {\n    if (!pluginData?.serverUrl || !pluginData?.serverName) {\n      return undefined;\n    }\n    const config: McpConfig = {\n      serverUrl: pluginData.serverUrl,\n      serverName: pluginData.serverName,\n    };\n    return createDocsRegistry(config);\n  }, [pluginData?.serverUrl, pluginData?.serverName]);\n\n  return result;\n}\n\nexport default useMcpRegistry;\n","import React, { useState, useRef, useEffect, useCallback, useMemo } from 'react';\nimport {\n  MCPConfigRegistry,\n  type ClientId,\n  type MCPClientConfig,\n} from '@gleanwork/mcp-config-schema/browser';\nimport { useMcpRegistry, createDocsRegistry, type McpConfig } from './McpRegistryContext.js';\n\n/**\n * Props for the McpInstallButton component\n */\nexport interface McpInstallButtonProps {\n  /** Server URL. If not provided, uses plugin configuration. */\n  serverUrl?: string;\n  /** Server name. If not provided, uses plugin configuration. */\n  serverName?: string;\n  /** Button label (default: \"Install MCP\") */\n  label?: string;\n  /** Optional className for styling */\n  className?: string;\n  /** Clients to show. Defaults to all HTTP-capable clients from registry. */\n  clients?: ClientId[];\n}\n\n/**\n * A dropdown button component for installing MCP servers in various AI tools.\n *\n * @example\n * ```tsx\n * <McpInstallButton\n *   serverUrl=\"https://docs.example.com/mcp\"\n *   serverName=\"my-docs\"\n * />\n * ```\n */\nexport function McpInstallButton({\n  serverUrl: serverUrlProp,\n  serverName: serverNameProp,\n  label = 'Install MCP',\n  className = '',\n  clients: clientsProp,\n}: McpInstallButtonProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [copiedClient, setCopiedClient] = useState<string | null>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  // Get pre-configured registry from plugin\n  const pluginMcp = useMcpRegistry();\n\n  // Use props if provided, otherwise fall back to plugin config\n  const { registry, config } = useMemo(() => {\n    // If explicit props provided, create a new registry with those values\n    if (serverUrlProp && serverNameProp) {\n      return createDocsRegistry({\n        serverUrl: serverUrlProp,\n        serverName: serverNameProp,\n      });\n    }\n    // Otherwise use plugin-provided registry\n    if (pluginMcp) {\n      return pluginMcp;\n    }\n    // Fallback: create registry without bound config (will fail validation below)\n    return {\n      registry: new MCPConfigRegistry(),\n      config: { serverUrl: '', serverName: '' } as McpConfig,\n    };\n  }, [serverUrlProp, serverNameProp, pluginMcp]);\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  // Validate configuration\n  if (!config.serverUrl || !config.serverName) {\n    console.error(\n      '[McpInstallButton] Missing serverUrl or serverName. ' +\n        'Either pass them as props or configure the docusaurus-plugin-mcp-server plugin.'\n    );\n    return null;\n  }\n\n  // Get clients to display - dynamic from registry\n  const clientConfigs = useMemo(() => {\n    if (clientsProp) {\n      return clientsProp\n        .map((id) => registry.getConfig(id))\n        .filter((c): c is MCPClientConfig => c !== undefined);\n    }\n    // Get all HTTP-capable clients dynamically\n    return registry.getNativeHttpClients();\n  }, [registry, clientsProp]);\n\n  const copyToClipboard = useCallback(async (text: string, clientId: string) => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopiedClient(clientId);\n      setTimeout(() => setCopiedClient(null), 2000);\n    } catch (err) {\n      console.error('Failed to copy:', err);\n    }\n  }, []);\n\n  const getConfigForClient = useCallback(\n    (clientId: ClientId): string => {\n      const builder = registry.createBuilder(clientId);\n      const clientConfig = builder.buildConfiguration({\n        transport: 'http',\n        serverUrl: config.serverUrl,\n        serverName: config.serverName,\n      });\n      return JSON.stringify(clientConfig, null, 2);\n    },\n    [registry, config.serverUrl, config.serverName]\n  );\n\n  const getCommandForClient = useCallback(\n    (clientId: ClientId): string | null => {\n      const builder = registry.createBuilder(clientId);\n      const cliStatus = builder.supportsCliInstallation();\n      if (!cliStatus.supported) {\n        return null;\n      }\n      return builder.buildCommand({\n        transport: 'http',\n        serverUrl: config.serverUrl,\n        serverName: config.serverName,\n      });\n    },\n    [registry, config.serverUrl, config.serverName]\n  );\n\n  return (\n    <div ref={dropdownRef} className={`mcp-install-button ${className}`} style={styles.container}>\n      <button\n        onClick={() => setIsOpen(!isOpen)}\n        style={styles.button}\n        aria-expanded={isOpen}\n        aria-haspopup=\"true\"\n      >\n        {label}\n        <span style={styles.caret}>{isOpen ? '▲' : '▼'}</span>\n      </button>\n\n      {isOpen && (\n        <div style={styles.dropdown}>\n          <div style={styles.dropdownHeader}>Choose your AI tool:</div>\n\n          {clientConfigs.map((client) => {\n            const command = getCommandForClient(client.id);\n            const config = getConfigForClient(client.id);\n            const isCopied = copiedClient === client.id;\n\n            return (\n              <div key={client.id} style={styles.clientSection}>\n                <div style={styles.clientHeader}>\n                  <span style={styles.clientName}>{client.displayName}</span>\n                </div>\n\n                {command ? (\n                  <div style={styles.codeBlock}>\n                    <code style={styles.code}>{command}</code>\n                    <button\n                      onClick={() => copyToClipboard(command, client.id)}\n                      style={styles.copyButton}\n                      title=\"Copy to clipboard\"\n                    >\n                      {isCopied ? '✓' : '📋'}\n                    </button>\n                  </div>\n                ) : (\n                  <div style={styles.codeBlock}>\n                    <pre style={styles.pre}>\n                      <code style={styles.code}>{config}</code>\n                    </pre>\n                    <button\n                      onClick={() => copyToClipboard(config, client.id)}\n                      style={styles.copyButton}\n                      title=\"Copy to clipboard\"\n                    >\n                      {isCopied ? '✓' : '📋'}\n                    </button>\n                  </div>\n                )}\n\n                {client.localConfigNotes && (\n                  <div style={styles.notes}>{client.localConfigNotes}</div>\n                )}\n              </div>\n            );\n          })}\n\n          <div style={styles.footer}>\n            <a\n              href=\"https://modelcontextprotocol.io/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              style={styles.learnMore}\n            >\n              Learn more about MCP →\n            </a>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nconst styles: Record<string, React.CSSProperties> = {\n  container: {\n    position: 'relative',\n    display: 'inline-block',\n  },\n  button: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '6px',\n    padding: '8px 16px',\n    fontSize: '14px',\n    fontWeight: 500,\n    color: '#fff',\n    backgroundColor: '#5B4DC7',\n    border: 'none',\n    borderRadius: '6px',\n    cursor: 'pointer',\n    transition: 'background-color 0.2s',\n  },\n  caret: {\n    fontSize: '10px',\n  },\n  dropdown: {\n    position: 'absolute',\n    top: '100%',\n    right: 0,\n    marginTop: '8px',\n    width: '380px',\n    maxHeight: '70vh',\n    overflowY: 'auto',\n    backgroundColor: '#fff',\n    borderRadius: '8px',\n    boxShadow: '0 4px 20px rgba(0, 0, 0, 0.15)',\n    zIndex: 1000,\n  },\n  dropdownHeader: {\n    padding: '12px 16px',\n    fontSize: '13px',\n    fontWeight: 600,\n    color: '#666',\n    borderBottom: '1px solid #eee',\n  },\n  clientSection: {\n    padding: '12px 16px',\n    borderBottom: '1px solid #eee',\n  },\n  clientHeader: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: '8px',\n  },\n  clientName: {\n    fontSize: '14px',\n    fontWeight: 600,\n    color: '#333',\n  },\n  codeBlock: {\n    position: 'relative',\n    backgroundColor: '#f6f8fa',\n    borderRadius: '6px',\n    padding: '10px 40px 10px 12px',\n  },\n  pre: {\n    margin: 0,\n    fontSize: '12px',\n    lineHeight: 1.4,\n    overflow: 'auto',\n    maxHeight: '120px',\n  },\n  code: {\n    fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',\n    fontSize: '12px',\n    color: '#24292f',\n    whiteSpace: 'pre-wrap',\n    wordBreak: 'break-all',\n  },\n  copyButton: {\n    position: 'absolute',\n    top: '8px',\n    right: '8px',\n    padding: '4px 8px',\n    fontSize: '14px',\n    backgroundColor: 'transparent',\n    border: 'none',\n    cursor: 'pointer',\n    opacity: 0.6,\n    transition: 'opacity 0.2s',\n  },\n  notes: {\n    marginTop: '8px',\n    fontSize: '11px',\n    color: '#666',\n    fontStyle: 'italic',\n  },\n  footer: {\n    padding: '12px 16px',\n    textAlign: 'center',\n  },\n  learnMore: {\n    fontSize: '12px',\n    color: '#5B4DC7',\n    textDecoration: 'none',\n  },\n};\n\nexport default McpInstallButton;\n"]}

package/dist/theme/index.mjs

@@ -0,0 +1,291 @@
+import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
+import { MCPConfigRegistry } from '@gleanwork/mcp-config-schema/browser';
+import { usePluginData } from '@docusaurus/useGlobalData';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/theme/McpInstallButton.tsx
+function createDocsRegistryOptions(config) {
+  return {
+    // Use the serverName from config for naming
+    serverNameBuilder: () => config.serverName
+  };
+}
+function createDocsRegistry(config) {
+  const options = createDocsRegistryOptions(config);
+  return {
+    registry: new MCPConfigRegistry(options),
+    config
+  };
+}
+function useMcpRegistry() {
+  let pluginData;
+  try {
+    pluginData = usePluginData("docusaurus-plugin-mcp-server");
+  } catch {
+    return void 0;
+  }
+  const result = useMemo(() => {
+    if (!pluginData?.serverUrl || !pluginData?.serverName) {
+      return void 0;
+    }
+    const config = {
+      serverUrl: pluginData.serverUrl,
+      serverName: pluginData.serverName
+    };
+    return createDocsRegistry(config);
+  }, [pluginData?.serverUrl, pluginData?.serverName]);
+  return result;
+}
+function McpInstallButton({
+  serverUrl: serverUrlProp,
+  serverName: serverNameProp,
+  label = "Install MCP",
+  className = "",
+  clients: clientsProp
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [copiedClient, setCopiedClient] = useState(null);
+  const dropdownRef = useRef(null);
+  const pluginMcp = useMcpRegistry();
+  const { registry, config } = useMemo(() => {
+    if (serverUrlProp && serverNameProp) {
+      return createDocsRegistry({
+        serverUrl: serverUrlProp,
+        serverName: serverNameProp
+      });
+    }
+    if (pluginMcp) {
+      return pluginMcp;
+    }
+    return {
+      registry: new MCPConfigRegistry(),
+      config: { serverUrl: "", serverName: "" }
+    };
+  }, [serverUrlProp, serverNameProp, pluginMcp]);
+  useEffect(() => {
+    function handleClickOutside(event) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  if (!config.serverUrl || !config.serverName) {
+    console.error(
+      "[McpInstallButton] Missing serverUrl or serverName. Either pass them as props or configure the docusaurus-plugin-mcp-server plugin."
+    );
+    return null;
+  }
+  const clientConfigs = useMemo(() => {
+    if (clientsProp) {
+      return clientsProp.map((id) => registry.getConfig(id)).filter((c) => c !== void 0);
+    }
+    return registry.getNativeHttpClients();
+  }, [registry, clientsProp]);
+  const copyToClipboard = useCallback(async (text, clientId) => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopiedClient(clientId);
+      setTimeout(() => setCopiedClient(null), 2e3);
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
+  }, []);
+  const getConfigForClient = useCallback(
+    (clientId) => {
+      const builder = registry.createBuilder(clientId);
+      const clientConfig = builder.buildConfiguration({
+        transport: "http",
+        serverUrl: config.serverUrl,
+        serverName: config.serverName
+      });
+      return JSON.stringify(clientConfig, null, 2);
+    },
+    [registry, config.serverUrl, config.serverName]
+  );
+  const getCommandForClient = useCallback(
+    (clientId) => {
+      const builder = registry.createBuilder(clientId);
+      const cliStatus = builder.supportsCliInstallation();
+      if (!cliStatus.supported) {
+        return null;
+      }
+      return builder.buildCommand({
+        transport: "http",
+        serverUrl: config.serverUrl,
+        serverName: config.serverName
+      });
+    },
+    [registry, config.serverUrl, config.serverName]
+  );
+  return /* @__PURE__ */ jsxs("div", { ref: dropdownRef, className: `mcp-install-button ${className}`, style: styles.container, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setIsOpen(!isOpen),
+        style: styles.button,
+        "aria-expanded": isOpen,
+        "aria-haspopup": "true",
+        children: [
+          label,
+          /* @__PURE__ */ jsx("span", { style: styles.caret, children: isOpen ? "\u25B2" : "\u25BC" })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxs("div", { style: styles.dropdown, children: [
+      /* @__PURE__ */ jsx("div", { style: styles.dropdownHeader, children: "Choose your AI tool:" }),
+      clientConfigs.map((client) => {
+        const command = getCommandForClient(client.id);
+        const config2 = getConfigForClient(client.id);
+        const isCopied = copiedClient === client.id;
+        return /* @__PURE__ */ jsxs("div", { style: styles.clientSection, children: [
+          /* @__PURE__ */ jsx("div", { style: styles.clientHeader, children: /* @__PURE__ */ jsx("span", { style: styles.clientName, children: client.displayName }) }),
+          command ? /* @__PURE__ */ jsxs("div", { style: styles.codeBlock, children: [
+            /* @__PURE__ */ jsx("code", { style: styles.code, children: command }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => copyToClipboard(command, client.id),
+                style: styles.copyButton,
+                title: "Copy to clipboard",
+                children: isCopied ? "\u2713" : "\u{1F4CB}"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs("div", { style: styles.codeBlock, children: [
+            /* @__PURE__ */ jsx("pre", { style: styles.pre, children: /* @__PURE__ */ jsx("code", { style: styles.code, children: config2 }) }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => copyToClipboard(config2, client.id),
+                style: styles.copyButton,
+                title: "Copy to clipboard",
+                children: isCopied ? "\u2713" : "\u{1F4CB}"
+              }
+            )
+          ] }),
+          client.localConfigNotes && /* @__PURE__ */ jsx("div", { style: styles.notes, children: client.localConfigNotes })
+        ] }, client.id);
+      }),
+      /* @__PURE__ */ jsx("div", { style: styles.footer, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "https://modelcontextprotocol.io/",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          style: styles.learnMore,
+          children: "Learn more about MCP \u2192"
+        }
+      ) })
+    ] })
+  ] });
+}
+var styles = {
+  container: {
+    position: "relative",
+    display: "inline-block"
+  },
+  button: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "6px",
+    padding: "8px 16px",
+    fontSize: "14px",
+    fontWeight: 500,
+    color: "#fff",
+    backgroundColor: "#5B4DC7",
+    border: "none",
+    borderRadius: "6px",
+    cursor: "pointer",
+    transition: "background-color 0.2s"
+  },
+  caret: {
+    fontSize: "10px"
+  },
+  dropdown: {
+    position: "absolute",
+    top: "100%",
+    right: 0,
+    marginTop: "8px",
+    width: "380px",
+    maxHeight: "70vh",
+    overflowY: "auto",
+    backgroundColor: "#fff",
+    borderRadius: "8px",
+    boxShadow: "0 4px 20px rgba(0, 0, 0, 0.15)",
+    zIndex: 1e3
+  },
+  dropdownHeader: {
+    padding: "12px 16px",
+    fontSize: "13px",
+    fontWeight: 600,
+    color: "#666",
+    borderBottom: "1px solid #eee"
+  },
+  clientSection: {
+    padding: "12px 16px",
+    borderBottom: "1px solid #eee"
+  },
+  clientHeader: {
+    display: "flex",
+    alignItems: "center",
+    marginBottom: "8px"
+  },
+  clientName: {
+    fontSize: "14px",
+    fontWeight: 600,
+    color: "#333"
+  },
+  codeBlock: {
+    position: "relative",
+    backgroundColor: "#f6f8fa",
+    borderRadius: "6px",
+    padding: "10px 40px 10px 12px"
+  },
+  pre: {
+    margin: 0,
+    fontSize: "12px",
+    lineHeight: 1.4,
+    overflow: "auto",
+    maxHeight: "120px"
+  },
+  code: {
+    fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+    fontSize: "12px",
+    color: "#24292f",
+    whiteSpace: "pre-wrap",
+    wordBreak: "break-all"
+  },
+  copyButton: {
+    position: "absolute",
+    top: "8px",
+    right: "8px",
+    padding: "4px 8px",
+    fontSize: "14px",
+    backgroundColor: "transparent",
+    border: "none",
+    cursor: "pointer",
+    opacity: 0.6,
+    transition: "opacity 0.2s"
+  },
+  notes: {
+    marginTop: "8px",
+    fontSize: "11px",
+    color: "#666",
+    fontStyle: "italic"
+  },
+  footer: {
+    padding: "12px 16px",
+    textAlign: "center"
+  },
+  learnMore: {
+    fontSize: "12px",
+    color: "#5B4DC7",
+    textDecoration: "none"
+  }
+};
+var McpInstallButton_default = McpInstallButton;
+
+export { McpInstallButton, createDocsRegistry, createDocsRegistryOptions, McpInstallButton_default as default, useMcpRegistry };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map