@react-grab/cli 0.1.11 → 0.1.12

package/dist/cli.cjs

@@ -8,12 +8,18 @@ var child_process = require('child_process');
 var fs = require('fs');
 var path = require('path');
 var ni = require('@antfu/ni');
+var os = require('os');
+var process2 = require('process');
 var ora = require('ora');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var pc__default = /*#__PURE__*/_interopDefault(pc);
 var basePrompts__default = /*#__PURE__*/_interopDefault(basePrompts);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var path__default = /*#__PURE__*/_interopDefault(path);
+var os__default = /*#__PURE__*/_interopDefault(os);
+var process2__default = /*#__PURE__*/_interopDefault(process2);
 var ora__default = /*#__PURE__*/_interopDefault(ora);
 
 var highlighter = {
@@ -533,6 +539,301 @@ var getPackagesToUninstall = (agent) => {
 };
 var spinner = (text, options) => ora__default.default({ text, isSilent: options?.silent });
 
+// src/utils/install-mcp.ts
+var SERVER_NAME = "react-grab-mcp";
+var PACKAGE_NAME = "@react-grab/mcp";
+var getBaseDir = () => {
+  const homeDir = os__default.default.homedir();
+  if (process2__default.default.platform === "win32") {
+    return process2__default.default.env.APPDATA || path__default.default.join(homeDir, "AppData", "Roaming");
+  }
+  if (process2__default.default.platform === "darwin") {
+    return path__default.default.join(homeDir, "Library", "Application Support");
+  }
+  return process2__default.default.env.XDG_CONFIG_HOME || path__default.default.join(homeDir, ".config");
+};
+var getZedConfigPath = () => {
+  const homeDir = os__default.default.homedir();
+  if (process2__default.default.platform === "win32") {
+    const appData = process2__default.default.env.APPDATA || path__default.default.join(homeDir, "AppData", "Roaming");
+    return path__default.default.join(appData, "Zed", "settings.json");
+  }
+  return path__default.default.join(homeDir, ".config", "zed", "settings.json");
+};
+var getClients = () => {
+  const homeDir = os__default.default.homedir();
+  const baseDir = getBaseDir();
+  const stdioConfig = {
+    command: "npx",
+    args: ["-y", PACKAGE_NAME, "--stdio"]
+  };
+  return [
+    {
+      name: "Cursor",
+      configPath: path__default.default.join(homeDir, ".cursor", "mcp.json"),
+      configKey: "mcpServers",
+      format: "json",
+      serverConfig: stdioConfig
+    },
+    {
+      name: "VS Code",
+      configPath: path__default.default.join(baseDir, "Code", "User", "mcp.json"),
+      configKey: "servers",
+      format: "json",
+      serverConfig: { type: "stdio", ...stdioConfig }
+    },
+    {
+      name: "Claude Code",
+      configPath: path__default.default.join(homeDir, ".claude.json"),
+      configKey: "mcpServers",
+      format: "json",
+      serverConfig: stdioConfig
+    },
+    {
+      name: "Amp",
+      configPath: path__default.default.join(homeDir, ".config", "amp", "settings.json"),
+      configKey: "amp.mcpServers",
+      format: "json",
+      serverConfig: stdioConfig
+    },
+    {
+      name: "Droid",
+      configPath: path__default.default.join(homeDir, ".factory", "mcp.json"),
+      configKey: "mcpServers",
+      format: "json",
+      serverConfig: { type: "stdio", ...stdioConfig }
+    },
+    {
+      name: "Codex",
+      configPath: path__default.default.join(
+        process2__default.default.env.CODEX_HOME || path__default.default.join(homeDir, ".codex"),
+        "config.toml"
+      ),
+      configKey: "mcp_servers",
+      format: "toml",
+      serverConfig: stdioConfig
+    },
+    {
+      name: "Zed",
+      configPath: getZedConfigPath(),
+      configKey: "context_servers",
+      format: "json",
+      serverConfig: { source: "custom", ...stdioConfig, env: {} }
+    },
+    {
+      name: "Windsurf",
+      configPath: path__default.default.join(homeDir, ".codeium", "windsurf", "mcp_config.json"),
+      configKey: "mcpServers",
+      format: "json",
+      serverConfig: stdioConfig
+    }
+  ];
+};
+var ensureDirectory = (filePath) => {
+  const directory = path__default.default.dirname(filePath);
+  if (!fs__default.default.existsSync(directory)) {
+    fs__default.default.mkdirSync(directory, { recursive: true });
+  }
+};
+var indentJson = (json, baseIndent) => json.split("\n").map((line, index) => index === 0 ? line : baseIndent + line).join("\n");
+var insertIntoJsonc = (filePath, content, configKey, serverName, serverConfig) => {
+  if (content.includes(`"${serverName}"`)) return;
+  const serverJson = indentJson(
+    JSON.stringify(serverConfig, null, 2),
+    "      "
+  );
+  const escapedConfigKey = configKey.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const keyPattern = new RegExp(`"${escapedConfigKey}"\\s*:\\s*\\{`);
+  const keyMatch = keyPattern.exec(content);
+  if (keyMatch) {
+    const insertPosition = keyMatch.index + keyMatch[0].length;
+    const entry = `
+    "${serverName}": ${serverJson},`;
+    fs__default.default.writeFileSync(
+      filePath,
+      content.slice(0, insertPosition) + entry + content.slice(insertPosition)
+    );
+    return;
+  }
+  const lastBrace = content.lastIndexOf("}");
+  if (lastBrace === -1) return;
+  const beforeBrace = content.slice(0, lastBrace).trimEnd();
+  const withoutComments = beforeBrace.replace(/\/\/.*$/, "").trimEnd();
+  const lastChar = withoutComments[withoutComments.length - 1];
+  const needsComma = lastChar !== void 0 && lastChar !== "{" && lastChar !== ",";
+  const section = `${needsComma ? "," : ""}
+  "${configKey}": {
+    "${serverName}": ${serverJson}
+  }`;
+  fs__default.default.writeFileSync(filePath, beforeBrace + section + "\n}\n");
+};
+var installJsonClient = (client) => {
+  ensureDirectory(client.configPath);
+  if (!fs__default.default.existsSync(client.configPath)) {
+    const config = {
+      [client.configKey]: { [SERVER_NAME]: client.serverConfig }
+    };
+    fs__default.default.writeFileSync(client.configPath, JSON.stringify(config, null, 2) + "\n");
+    return;
+  }
+  const content = fs__default.default.readFileSync(client.configPath, "utf8");
+  try {
+    const config = JSON.parse(content);
+    const servers = config[client.configKey] ?? {};
+    servers[SERVER_NAME] = client.serverConfig;
+    config[client.configKey] = servers;
+    fs__default.default.writeFileSync(client.configPath, JSON.stringify(config, null, 2) + "\n");
+  } catch {
+    insertIntoJsonc(
+      client.configPath,
+      content,
+      client.configKey,
+      SERVER_NAME,
+      client.serverConfig
+    );
+  }
+};
+var buildTomlSection = (configKey, serverConfig) => {
+  const lines = [`[${configKey}.${SERVER_NAME}]`];
+  for (const [key, value] of Object.entries(serverConfig)) {
+    if (typeof value === "string") {
+      lines.push(`${key} = "${value}"`);
+    } else if (Array.isArray(value)) {
+      const items = value.map((item) => `"${item}"`).join(", ");
+      lines.push(`${key} = [${items}]`);
+    }
+  }
+  return lines.join("\n");
+};
+var installTomlClient = (client) => {
+  ensureDirectory(client.configPath);
+  const sectionHeader = `[${client.configKey}.${SERVER_NAME}]`;
+  const newSection = buildTomlSection(client.configKey, client.serverConfig);
+  if (!fs__default.default.existsSync(client.configPath)) {
+    fs__default.default.writeFileSync(client.configPath, newSection + "\n");
+    return;
+  }
+  const content = fs__default.default.readFileSync(client.configPath, "utf8");
+  if (!content.includes(sectionHeader)) {
+    fs__default.default.writeFileSync(
+      client.configPath,
+      content.trimEnd() + "\n\n" + newSection + "\n"
+    );
+    return;
+  }
+  const lines = content.split("\n");
+  const resultLines = [];
+  let isInsideOurSection = false;
+  let didInsertReplacement = false;
+  for (const line of lines) {
+    if (line.trim() === sectionHeader) {
+      isInsideOurSection = true;
+      if (!didInsertReplacement) {
+        resultLines.push(newSection);
+        didInsertReplacement = true;
+      }
+      continue;
+    }
+    if (isInsideOurSection && line.startsWith("[")) {
+      isInsideOurSection = false;
+    }
+    if (!isInsideOurSection) {
+      resultLines.push(line);
+    }
+  }
+  fs__default.default.writeFileSync(client.configPath, resultLines.join("\n"));
+};
+var getMcpClientNames = () => getClients().map((client) => client.name);
+var installMcpServers = (selectedClients) => {
+  const allClients = getClients();
+  const clients = selectedClients ? allClients.filter((client) => selectedClients.includes(client.name)) : allClients;
+  const results = [];
+  const installSpinner = spinner("Installing MCP server.").start();
+  for (const client of clients) {
+    try {
+      if (client.format === "toml") {
+        installTomlClient(client);
+      } else {
+        installJsonClient(client);
+      }
+      results.push({
+        client: client.name,
+        configPath: client.configPath,
+        success: true
+      });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      results.push({
+        client: client.name,
+        configPath: client.configPath,
+        success: false,
+        error: message
+      });
+    }
+  }
+  const successCount = results.filter((result) => result.success).length;
+  const failedCount = results.length - successCount;
+  if (failedCount > 0) {
+    installSpinner.warn(
+      `Installed to ${successCount}/${results.length} agents.`
+    );
+  } else {
+    installSpinner.succeed(`Installed to ${successCount} agents.`);
+  }
+  for (const result of results) {
+    if (result.success) {
+      logger.log(
+        `  ${highlighter.success("\u2713")} ${result.client} ${highlighter.dim("\u2192")} ${highlighter.dim(result.configPath)}`
+      );
+    } else {
+      logger.log(
+        `  ${highlighter.error("\u2717")} ${result.client} ${highlighter.dim("\u2192")} ${result.error}`
+      );
+    }
+  }
+  return results;
+};
+var promptConnectionMode = async () => {
+  const { connectionMode } = await prompts({
+    type: "select",
+    name: "connectionMode",
+    message: "How would you like to connect?",
+    choices: [
+      {
+        title: `MCP ${highlighter.dim("(recommended)")}`,
+        description: "Installs to all supported agents at once",
+        value: "mcp"
+      },
+      {
+        title: "Legacy",
+        description: "Install a per-project agent package",
+        value: "legacy"
+      }
+    ]
+  });
+  return connectionMode;
+};
+var promptMcpInstall = async () => {
+  const clientNames = getMcpClientNames();
+  const { selectedAgents } = await prompts({
+    type: "multiselect",
+    name: "selectedAgents",
+    message: "Select agents to install MCP server for:",
+    choices: clientNames.map((name) => ({
+      title: name,
+      value: name,
+      selected: true
+    }))
+  });
+  if (selectedAgents === void 0 || selectedAgents.length === 0) {
+    return false;
+  }
+  logger.break();
+  const results = installMcpServers(selectedAgents);
+  const hasSuccess = results.some((result) => result.success);
+  return hasSuccess;
+};
+
 // src/utils/templates.ts
 var AGENTS = [
   "claude-code",
@@ -1868,7 +2169,7 @@ var previewCdnTransform = (projectRoot, framework, nextRouterType, targetCdnDoma
 };
 
 // src/commands/add.ts
-var VERSION = "0.1.11";
+var VERSION = "0.1.12";
 var formatInstalledAgentNames = (agents) => agents.map((agent) => AGENT_NAMES[agent] || agent).join(", ");
 var add = new commander.Command().name("add").alias("install").description("add an agent integration").argument("[agent]", `agent to add (${AGENTS.join(", ")})`).option("-y, --yes", "skip confirmation prompts", false).option(
   "-c, --cwd <cwd>",
@@ -1961,10 +2262,29 @@ var add = new commander.Command().name("add").alias("install").description("add
         logger.warn(`Currently installed: ${installedNames}`);
         logger.break();
       }
+      const connectionMode = await promptConnectionMode();
+      if (connectionMode === void 0) {
+        logger.break();
+        process.exit(1);
+      }
+      if (connectionMode === "mcp") {
+        const didInstall = await promptMcpInstall();
+        if (!didInstall) {
+          logger.break();
+          process.exit(0);
+        }
+        logger.break();
+        logger.log(
+          `${highlighter.success("Success!")} MCP server has been configured.`
+        );
+        logger.log("Restart your agents to activate.");
+        logger.break();
+        process.exit(0);
+      }
       const { agent } = await prompts({
         type: "select",
         name: "agent",
-        message: `Which ${highlighter.info("coding agent")} would you like to connect?`,
+        message: `Which ${highlighter.info("agent integration")} would you like to add?`,
         choices: availableAgents.map((availableAgent) => ({
           title: AGENT_NAMES[availableAgent],
           value: availableAgent
@@ -2204,7 +2524,7 @@ var MAX_KEY_HOLD_DURATION_MS = 2e3;
 var MAX_CONTEXT_LINES = 50;
 
 // src/commands/configure.ts
-var VERSION2 = "0.1.11";
+var VERSION2 = "0.1.12";
 var isMac = process.platform === "darwin";
 var META_LABEL = isMac ? "Cmd" : "Win";
 var ALT_LABEL = isMac ? "Option" : "Alt";
@@ -2760,7 +3080,7 @@ var uninstallPackagesWithFeedback = (packages, packageManager, projectRoot) => {
 };
 
 // src/commands/init.ts
-var VERSION3 = "0.1.11";
+var VERSION3 = "0.1.12";
 var REPORT_URL = "https://react-grab.com/api/report-cli";
 var DOCS_URL = "https://github.com/aidenybai/react-grab";
 var reportToCli = (type, config, error) => {
@@ -2816,7 +3136,7 @@ var formatActivationKeyDisplay2 = (activationKey) => {
 };
 var init = new commander.Command().name("init").description("initialize React Grab in your project").option("-y, --yes", "skip confirmation prompts", false).option("-f, --force", "force overwrite existing config", false).option(
   "-a, --agent <agent>",
-  "agent integration (claude-code, cursor, opencode, codex, gemini, amp, droid)"
+  "agent integration (claude-code, cursor, opencode, codex, gemini, amp)"
 ).option(
   "-k, --key <key>",
   "activation key (e.g., Meta+K, Ctrl+Shift+G, Space)"
@@ -3040,7 +3360,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
         const { wantAddAgent } = await prompts({
           type: "confirm",
           name: "wantAddAgent",
-          message: `Would you like to connect React Grab to a ${highlighter.info("coding agent")}? ${highlighter.dim("(optional)")}`,
+          message: `Would you like to add an ${highlighter.info("agent integration")}?`,
           initial: false
         });
         if (wantAddAgent === void 0) {
@@ -3048,10 +3368,27 @@ var init = new commander.Command().name("init").description("initialize React Gr
           process.exit(1);
         }
         if (wantAddAgent) {
+          const connectionMode = await promptConnectionMode();
+          if (connectionMode === void 0) {
+            logger.break();
+            process.exit(1);
+          }
+          if (connectionMode === "mcp") {
+            const didInstall = await promptMcpInstall();
+            if (!didInstall) {
+              logger.break();
+              process.exit(0);
+            }
+            logger.break();
+            logger.success("MCP server has been configured.");
+            logger.log("Restart your agents to activate.");
+            logger.break();
+            process.exit(0);
+          }
           const { agent } = await prompts({
             type: "select",
             name: "agent",
-            message: `Which ${highlighter.info("coding agent")} would you like to connect?`,
+            message: `Which ${highlighter.info("agent integration")} would you like to add?`,
             choices: [
               ...availableAgents.map((innerAgent) => ({
                 title: getAgentName(innerAgent),
@@ -3362,7 +3699,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
       const { wantAddAgent } = await prompts({
         type: "confirm",
         name: "wantAddAgent",
-        message: `Would you like to connect React Grab to a ${highlighter.info("coding agent")}? ${highlighter.dim("(optional)")}`,
+        message: `Would you like to add an ${highlighter.info("agent integration")}?`,
         initial: false
       });
       if (wantAddAgent === void 0) {
@@ -3370,24 +3707,41 @@ var init = new commander.Command().name("init").description("initialize React Gr
         process.exit(1);
       }
       if (wantAddAgent) {
-        const { agent } = await prompts({
-          type: "select",
-          name: "agent",
-          message: `Which ${highlighter.info("coding agent")} would you like to connect?`,
-          choices: [
-            ...AGENTS.map((innerAgent) => ({
-              title: getAgentName(innerAgent),
-              value: innerAgent
-            })),
-            { title: "Skip", value: "skip" }
-          ]
-        });
-        if (agent === void 0) {
+        const connectionMode = await promptConnectionMode();
+        if (connectionMode === void 0) {
           logger.break();
           process.exit(1);
         }
-        if (agent !== "skip") {
-          agentIntegration = agent;
+        if (connectionMode === "mcp") {
+          const didInstall = await promptMcpInstall();
+          if (!didInstall) {
+            logger.break();
+            process.exit(0);
+          }
+          logger.break();
+          logger.success("MCP server has been configured.");
+          logger.log("Continuing with React Grab installation...");
+          logger.break();
+        } else {
+          const { agent } = await prompts({
+            type: "select",
+            name: "agent",
+            message: `Which ${highlighter.info("agent integration")} would you like to add?`,
+            choices: [
+              ...AGENTS.map((innerAgent) => ({
+                title: getAgentName(innerAgent),
+                value: innerAgent
+              })),
+              { title: "Skip", value: "skip" }
+            ]
+          });
+          if (agent === void 0) {
+            logger.break();
+            process.exit(1);
+          }
+          if (agent !== "skip") {
+            agentIntegration = agent;
+          }
         }
       }
     }
@@ -3496,7 +3850,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
     reportToCli("error", void 0, error);
   }
 });
-var VERSION4 = "0.1.11";
+var VERSION4 = "0.1.12";
 var remove = new commander.Command().name("remove").description("remove an agent integration").argument(
   "[agent]",
   "agent to remove (claude-code, cursor, opencode, codex, gemini, amp, ami)"
@@ -3675,7 +4029,7 @@ var remove = new commander.Command().name("remove").description("remove an agent
 });
 
 // src/cli.ts
-var VERSION5 = "0.1.11";
+var VERSION5 = "0.1.12";
 var VERSION_API_URL = "https://www.react-grab.com/api/version";
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));

package/dist/cli.js

@@ -3,9 +3,11 @@ import { Command } from 'commander';
 import pc from 'picocolors';
 import basePrompts from 'prompts';
 import { execSync } from 'child_process';
-import { readFileSync, existsSync, writeFileSync, accessSync, constants, readdirSync } from 'fs';
-import { join, basename } from 'path';
+import fs, { readFileSync, existsSync, writeFileSync, accessSync, constants, readdirSync } from 'fs';
+import path, { join, basename } from 'path';
 import { detect } from '@antfu/ni';
+import os from 'os';
+import process2 from 'process';
 import ora from 'ora';
 
 var highlighter = {
@@ -525,6 +527,301 @@ var getPackagesToUninstall = (agent) => {
 };
 var spinner = (text, options) => ora({ text, isSilent: options?.silent });
 
+// src/utils/install-mcp.ts
+var SERVER_NAME = "react-grab-mcp";
+var PACKAGE_NAME = "@react-grab/mcp";
+var getBaseDir = () => {
+  const homeDir = os.homedir();
+  if (process2.platform === "win32") {
+    return process2.env.APPDATA || path.join(homeDir, "AppData", "Roaming");
+  }
+  if (process2.platform === "darwin") {
+    return path.join(homeDir, "Library", "Application Support");
+  }
+  return process2.env.XDG_CONFIG_HOME || path.join(homeDir, ".config");
+};
+var getZedConfigPath = () => {
+  const homeDir = os.homedir();
+  if (process2.platform === "win32") {
+    const appData = process2.env.APPDATA || path.join(homeDir, "AppData", "Roaming");
+    return path.join(appData, "Zed", "settings.json");
+  }
+  return path.join(homeDir, ".config", "zed", "settings.json");
+};
+var getClients = () => {
+  const homeDir = os.homedir();
+  const baseDir = getBaseDir();
+  const stdioConfig = {
+    command: "npx",
+    args: ["-y", PACKAGE_NAME, "--stdio"]
+  };
+  return [
+    {
+      name: "Cursor",
+      configPath: path.join(homeDir, ".cursor", "mcp.json"),
+      configKey: "mcpServers",
+      format: "json",
+      serverConfig: stdioConfig
+    },
+    {
+      name: "VS Code",
+      configPath: path.join(baseDir, "Code", "User", "mcp.json"),
+      configKey: "servers",
+      format: "json",
+      serverConfig: { type: "stdio", ...stdioConfig }
+    },
+    {
+      name: "Claude Code",
+      configPath: path.join(homeDir, ".claude.json"),
+      configKey: "mcpServers",
+      format: "json",
+      serverConfig: stdioConfig
+    },
+    {
+      name: "Amp",
+      configPath: path.join(homeDir, ".config", "amp", "settings.json"),
+      configKey: "amp.mcpServers",
+      format: "json",
+      serverConfig: stdioConfig
+    },
+    {
+      name: "Droid",
+      configPath: path.join(homeDir, ".factory", "mcp.json"),
+      configKey: "mcpServers",
+      format: "json",
+      serverConfig: { type: "stdio", ...stdioConfig }
+    },
+    {
+      name: "Codex",
+      configPath: path.join(
+        process2.env.CODEX_HOME || path.join(homeDir, ".codex"),
+        "config.toml"
+      ),
+      configKey: "mcp_servers",
+      format: "toml",
+      serverConfig: stdioConfig
+    },
+    {
+      name: "Zed",
+      configPath: getZedConfigPath(),
+      configKey: "context_servers",
+      format: "json",
+      serverConfig: { source: "custom", ...stdioConfig, env: {} }
+    },
+    {
+      name: "Windsurf",
+      configPath: path.join(homeDir, ".codeium", "windsurf", "mcp_config.json"),
+      configKey: "mcpServers",
+      format: "json",
+      serverConfig: stdioConfig
+    }
+  ];
+};
+var ensureDirectory = (filePath) => {
+  const directory = path.dirname(filePath);
+  if (!fs.existsSync(directory)) {
+    fs.mkdirSync(directory, { recursive: true });
+  }
+};
+var indentJson = (json, baseIndent) => json.split("\n").map((line, index) => index === 0 ? line : baseIndent + line).join("\n");
+var insertIntoJsonc = (filePath, content, configKey, serverName, serverConfig) => {
+  if (content.includes(`"${serverName}"`)) return;
+  const serverJson = indentJson(
+    JSON.stringify(serverConfig, null, 2),
+    "      "
+  );
+  const escapedConfigKey = configKey.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const keyPattern = new RegExp(`"${escapedConfigKey}"\\s*:\\s*\\{`);
+  const keyMatch = keyPattern.exec(content);
+  if (keyMatch) {
+    const insertPosition = keyMatch.index + keyMatch[0].length;
+    const entry = `
+    "${serverName}": ${serverJson},`;
+    fs.writeFileSync(
+      filePath,
+      content.slice(0, insertPosition) + entry + content.slice(insertPosition)
+    );
+    return;
+  }
+  const lastBrace = content.lastIndexOf("}");
+  if (lastBrace === -1) return;
+  const beforeBrace = content.slice(0, lastBrace).trimEnd();
+  const withoutComments = beforeBrace.replace(/\/\/.*$/, "").trimEnd();
+  const lastChar = withoutComments[withoutComments.length - 1];
+  const needsComma = lastChar !== void 0 && lastChar !== "{" && lastChar !== ",";
+  const section = `${needsComma ? "," : ""}
+  "${configKey}": {
+    "${serverName}": ${serverJson}
+  }`;
+  fs.writeFileSync(filePath, beforeBrace + section + "\n}\n");
+};
+var installJsonClient = (client) => {
+  ensureDirectory(client.configPath);
+  if (!fs.existsSync(client.configPath)) {
+    const config = {
+      [client.configKey]: { [SERVER_NAME]: client.serverConfig }
+    };
+    fs.writeFileSync(client.configPath, JSON.stringify(config, null, 2) + "\n");
+    return;
+  }
+  const content = fs.readFileSync(client.configPath, "utf8");
+  try {
+    const config = JSON.parse(content);
+    const servers = config[client.configKey] ?? {};
+    servers[SERVER_NAME] = client.serverConfig;
+    config[client.configKey] = servers;
+    fs.writeFileSync(client.configPath, JSON.stringify(config, null, 2) + "\n");
+  } catch {
+    insertIntoJsonc(
+      client.configPath,
+      content,
+      client.configKey,
+      SERVER_NAME,
+      client.serverConfig
+    );
+  }
+};
+var buildTomlSection = (configKey, serverConfig) => {
+  const lines = [`[${configKey}.${SERVER_NAME}]`];
+  for (const [key, value] of Object.entries(serverConfig)) {
+    if (typeof value === "string") {
+      lines.push(`${key} = "${value}"`);
+    } else if (Array.isArray(value)) {
+      const items = value.map((item) => `"${item}"`).join(", ");
+      lines.push(`${key} = [${items}]`);
+    }
+  }
+  return lines.join("\n");
+};
+var installTomlClient = (client) => {
+  ensureDirectory(client.configPath);
+  const sectionHeader = `[${client.configKey}.${SERVER_NAME}]`;
+  const newSection = buildTomlSection(client.configKey, client.serverConfig);
+  if (!fs.existsSync(client.configPath)) {
+    fs.writeFileSync(client.configPath, newSection + "\n");
+    return;
+  }
+  const content = fs.readFileSync(client.configPath, "utf8");
+  if (!content.includes(sectionHeader)) {
+    fs.writeFileSync(
+      client.configPath,
+      content.trimEnd() + "\n\n" + newSection + "\n"
+    );
+    return;
+  }
+  const lines = content.split("\n");
+  const resultLines = [];
+  let isInsideOurSection = false;
+  let didInsertReplacement = false;
+  for (const line of lines) {
+    if (line.trim() === sectionHeader) {
+      isInsideOurSection = true;
+      if (!didInsertReplacement) {
+        resultLines.push(newSection);
+        didInsertReplacement = true;
+      }
+      continue;
+    }
+    if (isInsideOurSection && line.startsWith("[")) {
+      isInsideOurSection = false;
+    }
+    if (!isInsideOurSection) {
+      resultLines.push(line);
+    }
+  }
+  fs.writeFileSync(client.configPath, resultLines.join("\n"));
+};
+var getMcpClientNames = () => getClients().map((client) => client.name);
+var installMcpServers = (selectedClients) => {
+  const allClients = getClients();
+  const clients = selectedClients ? allClients.filter((client) => selectedClients.includes(client.name)) : allClients;
+  const results = [];
+  const installSpinner = spinner("Installing MCP server.").start();
+  for (const client of clients) {
+    try {
+      if (client.format === "toml") {
+        installTomlClient(client);
+      } else {
+        installJsonClient(client);
+      }
+      results.push({
+        client: client.name,
+        configPath: client.configPath,
+        success: true
+      });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      results.push({
+        client: client.name,
+        configPath: client.configPath,
+        success: false,
+        error: message
+      });
+    }
+  }
+  const successCount = results.filter((result) => result.success).length;
+  const failedCount = results.length - successCount;
+  if (failedCount > 0) {
+    installSpinner.warn(
+      `Installed to ${successCount}/${results.length} agents.`
+    );
+  } else {
+    installSpinner.succeed(`Installed to ${successCount} agents.`);
+  }
+  for (const result of results) {
+    if (result.success) {
+      logger.log(
+        `  ${highlighter.success("\u2713")} ${result.client} ${highlighter.dim("\u2192")} ${highlighter.dim(result.configPath)}`
+      );
+    } else {
+      logger.log(
+        `  ${highlighter.error("\u2717")} ${result.client} ${highlighter.dim("\u2192")} ${result.error}`
+      );
+    }
+  }
+  return results;
+};
+var promptConnectionMode = async () => {
+  const { connectionMode } = await prompts({
+    type: "select",
+    name: "connectionMode",
+    message: "How would you like to connect?",
+    choices: [
+      {
+        title: `MCP ${highlighter.dim("(recommended)")}`,
+        description: "Installs to all supported agents at once",
+        value: "mcp"
+      },
+      {
+        title: "Legacy",
+        description: "Install a per-project agent package",
+        value: "legacy"
+      }
+    ]
+  });
+  return connectionMode;
+};
+var promptMcpInstall = async () => {
+  const clientNames = getMcpClientNames();
+  const { selectedAgents } = await prompts({
+    type: "multiselect",
+    name: "selectedAgents",
+    message: "Select agents to install MCP server for:",
+    choices: clientNames.map((name) => ({
+      title: name,
+      value: name,
+      selected: true
+    }))
+  });
+  if (selectedAgents === void 0 || selectedAgents.length === 0) {
+    return false;
+  }
+  logger.break();
+  const results = installMcpServers(selectedAgents);
+  const hasSuccess = results.some((result) => result.success);
+  return hasSuccess;
+};
+
 // src/utils/templates.ts
 var AGENTS = [
   "claude-code",
@@ -1860,7 +2157,7 @@ var previewCdnTransform = (projectRoot, framework, nextRouterType, targetCdnDoma
 };
 
 // src/commands/add.ts
-var VERSION = "0.1.11";
+var VERSION = "0.1.12";
 var formatInstalledAgentNames = (agents) => agents.map((agent) => AGENT_NAMES[agent] || agent).join(", ");
 var add = new Command().name("add").alias("install").description("add an agent integration").argument("[agent]", `agent to add (${AGENTS.join(", ")})`).option("-y, --yes", "skip confirmation prompts", false).option(
   "-c, --cwd <cwd>",
@@ -1953,10 +2250,29 @@ var add = new Command().name("add").alias("install").description("add an agent i
         logger.warn(`Currently installed: ${installedNames}`);
         logger.break();
       }
+      const connectionMode = await promptConnectionMode();
+      if (connectionMode === void 0) {
+        logger.break();
+        process.exit(1);
+      }
+      if (connectionMode === "mcp") {
+        const didInstall = await promptMcpInstall();
+        if (!didInstall) {
+          logger.break();
+          process.exit(0);
+        }
+        logger.break();
+        logger.log(
+          `${highlighter.success("Success!")} MCP server has been configured.`
+        );
+        logger.log("Restart your agents to activate.");
+        logger.break();
+        process.exit(0);
+      }
       const { agent } = await prompts({
         type: "select",
         name: "agent",
-        message: `Which ${highlighter.info("coding agent")} would you like to connect?`,
+        message: `Which ${highlighter.info("agent integration")} would you like to add?`,
         choices: availableAgents.map((availableAgent) => ({
           title: AGENT_NAMES[availableAgent],
           value: availableAgent
@@ -2196,7 +2512,7 @@ var MAX_KEY_HOLD_DURATION_MS = 2e3;
 var MAX_CONTEXT_LINES = 50;
 
 // src/commands/configure.ts
-var VERSION2 = "0.1.11";
+var VERSION2 = "0.1.12";
 var isMac = process.platform === "darwin";
 var META_LABEL = isMac ? "Cmd" : "Win";
 var ALT_LABEL = isMac ? "Option" : "Alt";
@@ -2752,7 +3068,7 @@ var uninstallPackagesWithFeedback = (packages, packageManager, projectRoot) => {
 };
 
 // src/commands/init.ts
-var VERSION3 = "0.1.11";
+var VERSION3 = "0.1.12";
 var REPORT_URL = "https://react-grab.com/api/report-cli";
 var DOCS_URL = "https://github.com/aidenybai/react-grab";
 var reportToCli = (type, config, error) => {
@@ -2808,7 +3124,7 @@ var formatActivationKeyDisplay2 = (activationKey) => {
 };
 var init = new Command().name("init").description("initialize React Grab in your project").option("-y, --yes", "skip confirmation prompts", false).option("-f, --force", "force overwrite existing config", false).option(
   "-a, --agent <agent>",
-  "agent integration (claude-code, cursor, opencode, codex, gemini, amp, droid)"
+  "agent integration (claude-code, cursor, opencode, codex, gemini, amp)"
 ).option(
   "-k, --key <key>",
   "activation key (e.g., Meta+K, Ctrl+Shift+G, Space)"
@@ -3032,7 +3348,7 @@ var init = new Command().name("init").description("initialize React Grab in your
         const { wantAddAgent } = await prompts({
           type: "confirm",
           name: "wantAddAgent",
-          message: `Would you like to connect React Grab to a ${highlighter.info("coding agent")}? ${highlighter.dim("(optional)")}`,
+          message: `Would you like to add an ${highlighter.info("agent integration")}?`,
           initial: false
         });
         if (wantAddAgent === void 0) {
@@ -3040,10 +3356,27 @@ var init = new Command().name("init").description("initialize React Grab in your
           process.exit(1);
         }
         if (wantAddAgent) {
+          const connectionMode = await promptConnectionMode();
+          if (connectionMode === void 0) {
+            logger.break();
+            process.exit(1);
+          }
+          if (connectionMode === "mcp") {
+            const didInstall = await promptMcpInstall();
+            if (!didInstall) {
+              logger.break();
+              process.exit(0);
+            }
+            logger.break();
+            logger.success("MCP server has been configured.");
+            logger.log("Restart your agents to activate.");
+            logger.break();
+            process.exit(0);
+          }
           const { agent } = await prompts({
             type: "select",
             name: "agent",
-            message: `Which ${highlighter.info("coding agent")} would you like to connect?`,
+            message: `Which ${highlighter.info("agent integration")} would you like to add?`,
             choices: [
               ...availableAgents.map((innerAgent) => ({
                 title: getAgentName(innerAgent),
@@ -3354,7 +3687,7 @@ var init = new Command().name("init").description("initialize React Grab in your
       const { wantAddAgent } = await prompts({
         type: "confirm",
         name: "wantAddAgent",
-        message: `Would you like to connect React Grab to a ${highlighter.info("coding agent")}? ${highlighter.dim("(optional)")}`,
+        message: `Would you like to add an ${highlighter.info("agent integration")}?`,
         initial: false
       });
       if (wantAddAgent === void 0) {
@@ -3362,24 +3695,41 @@ var init = new Command().name("init").description("initialize React Grab in your
         process.exit(1);
       }
       if (wantAddAgent) {
-        const { agent } = await prompts({
-          type: "select",
-          name: "agent",
-          message: `Which ${highlighter.info("coding agent")} would you like to connect?`,
-          choices: [
-            ...AGENTS.map((innerAgent) => ({
-              title: getAgentName(innerAgent),
-              value: innerAgent
-            })),
-            { title: "Skip", value: "skip" }
-          ]
-        });
-        if (agent === void 0) {
+        const connectionMode = await promptConnectionMode();
+        if (connectionMode === void 0) {
           logger.break();
           process.exit(1);
         }
-        if (agent !== "skip") {
-          agentIntegration = agent;
+        if (connectionMode === "mcp") {
+          const didInstall = await promptMcpInstall();
+          if (!didInstall) {
+            logger.break();
+            process.exit(0);
+          }
+          logger.break();
+          logger.success("MCP server has been configured.");
+          logger.log("Continuing with React Grab installation...");
+          logger.break();
+        } else {
+          const { agent } = await prompts({
+            type: "select",
+            name: "agent",
+            message: `Which ${highlighter.info("agent integration")} would you like to add?`,
+            choices: [
+              ...AGENTS.map((innerAgent) => ({
+                title: getAgentName(innerAgent),
+                value: innerAgent
+              })),
+              { title: "Skip", value: "skip" }
+            ]
+          });
+          if (agent === void 0) {
+            logger.break();
+            process.exit(1);
+          }
+          if (agent !== "skip") {
+            agentIntegration = agent;
+          }
         }
       }
     }
@@ -3488,7 +3838,7 @@ var init = new Command().name("init").description("initialize React Grab in your
     reportToCli("error", void 0, error);
   }
 });
-var VERSION4 = "0.1.11";
+var VERSION4 = "0.1.12";
 var remove = new Command().name("remove").description("remove an agent integration").argument(
   "[agent]",
   "agent to remove (claude-code, cursor, opencode, codex, gemini, amp, ami)"
@@ -3667,7 +4017,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
 });
 
 // src/cli.ts
-var VERSION5 = "0.1.11";
+var VERSION5 = "0.1.12";
 var VERSION_API_URL = "https://www.react-grab.com/api/version";
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-grab/cli",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "bin": {
     "react-grab": "./dist/cli.js"
   },