feat(cli): add mcp support for codex (#1435)

* feat(cli): add mcp support for codex

from shadcn

* chore: update deps

Author: sadeghbarati

packages/cli/package.json

@@ -64,8 +64,8 @@
     "test:ui": "vitest --ui"
   },
   "dependencies": {
-    "@dotenvx/dotenvx": "^1.49.0",
-    "@modelcontextprotocol/sdk": "^1.18.0",
+    "@dotenvx/dotenvx": "^1.51.0",
+    "@modelcontextprotocol/sdk": "^1.19.1",
     "@unovue/detypes": "^0.8.5",
     "@vue/compiler-sfc": "^3.5",
     "c12": "^3.3.0",
@@ -74,20 +74,20 @@
     "dedent": "^1.7.0",
     "deepmerge": "^4.3.1",
     "diff": "^8.0.2",
-    "fs-extra": "^11.3.1",
+    "fs-extra": "^11.3.2",
     "fuzzysort": "^3.1.0",
     "get-tsconfig": "^4.10.1",
     "magic-string": "^0.30.19",
-    "nypm": "^0.6.1",
+    "nypm": "^0.6.2",
     "ofetch": "^1.4.1",
-    "ora": "^8.2.0",
+    "ora": "^9.0.0",
     "pathe": "catalog:",
     "postcss": "^8.5.6",
     "prompts": "^2.4.2",
     "reka-ui": "catalog:",
     "semver": "^7.7.2",
     "stringify-object": "^6.0.0",
-    "tailwindcss": "^4.1.12",
+    "tailwindcss": "^4.1.14",
     "tinyexec": "^1.0.1",
     "tinyglobby": "catalog:",
     "ts-morph": "^27.0.0",
@@ -97,15 +97,14 @@
     "zod-to-json-schema": "^3.24.6"
   },
   "devDependencies": {
-    "@types/diff": "^8.0.0",
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^22.16.0",
     "@types/prompts": "^2.4.9",
     "@types/semver": "^7.7.1",
     "@types/stringify-object": "^4.0.5",
-    "msw": "^2.11.2",
-    "tsdown": "^0.15.1",
-    "type-fest": "^4.41.0",
+    "msw": "^2.11.3",
+    "tsdown": "^0.15.6",
+    "type-fest": "^5.0.1",
     "typescript": "catalog:"
   }
 }

packages/cli/src/commands/mcp.ts

@@ -12,6 +12,7 @@ import { server } from '@/src/mcp'
 import { loadEnvFiles } from '@/src/utils/env-loader'
 import { getConfig } from '@/src/utils/get-config'
 import { handleError } from '@/src/utils/handle-error'
+import { highlighter } from '@/src/utils/highlighter'
 import { logger } from '@/src/utils/logger'
 import { spinner } from '@/src/utils/spinner'
 import { updateDependencies } from '@/src/utils/updaters/update-dependencies'
@@ -58,6 +59,15 @@ const CLIENTS = [
       },
     },
   },
+  {
+    name: 'codex',
+    label: 'Codex',
+    configPath: '.codex/config.toml',
+    config: `[mcp_servers.shadcn_vue]
+command = "npx"
+args = ["shadcn-vue@${SHADCN_MCP_VERSION}", "mcp"]
+`,
+  },
 ] as const
 
 const DEPENDENCIES = [`shadcn-vue@${SHADCN_MCP_VERSION}`]
@@ -83,7 +93,7 @@ export const mcp = new Command()
   })
 
 const mcpInitOptionsSchema = z.object({
-  client: z.enum(['claude', 'cursor', 'vscode']),
+  client: z.enum(['claude', 'cursor', 'vscode', 'codex']),
   cwd: z.string(),
 })
 
@@ -126,11 +136,55 @@ mcp
         cwd,
       })
 
+      const config = await getConfig(options.cwd)
+
+      if (options.client === 'codex') {
+        if (config) {
+          await updateDependencies([], DEPENDENCIES, config, {
+            silent: false,
+          })
+        }
+        else {
+          const packageManager = await detectPackageManager(options.cwd)
+          const installCommand = packageManager?.name === 'npm' ? 'install' : 'add'
+          const devFlag = packageManager?.name === 'npm' ? '--save-dev' : '-D'
+
+          const installSpinner = spinner('Installing dependencies...').start()
+          await x(
+            packageManager?.name || 'npm',
+            [installCommand, devFlag, ...DEPENDENCIES],
+            {
+              nodeOptions: {
+                cwd: options.cwd,
+              },
+            },
+          )
+          installSpinner.succeed('Installing dependencies.')
+        }
+
+        logger.break()
+        logger.log('To configure the shadcn-vue MCP server in Codex:')
+        logger.break()
+        logger.log(
+          `1. Open or create the file ${highlighter.info(
+            '~/.codex/config.toml',
+          )}`,
+        )
+        logger.log('2. Add the following configuration:')
+        logger.log()
+        logger.info(`[mcp_servers.shadcn_vue]
+command = "npx"
+args = ["shadcn-vue@${SHADCN_MCP_VERSION}", "mcp"]`)
+        logger.break()
+        logger.info('3. Restart Codex to load the MCP server')
+        logger.break()
+        process.exit(0)
+      }
+
       const configSpinner = spinner('Configuring MCP server...').start()
       const configPath = await runMcpInit(options)
       configSpinner.succeed('Configuring MCP server.')
 
-      const config = await getConfig(options.cwd)
       if (config) {
         await updateDependencies([], DEPENDENCIES, config, {
           silent: false,
@@ -178,6 +232,8 @@ async function runMcpInit(options: z.infer<typeof mcpInitOptionsSchema>) {
   }
 
   const configPath = path.join(cwd, clientInfo.configPath)
+  const dir = path.dirname(configPath)
+  await fsExtra.ensureDir(dir)
 
   let existingConfig = {}
   try {
@@ -192,8 +248,6 @@ async function runMcpInit(options: z.infer<typeof mcpInitOptionsSchema>) {
     { arrayMerge: overwriteMerge },
   )
 
-  const dir = path.dirname(configPath)
-  await fsExtra.ensureDir(dir)
   await fs.writeFile(
     configPath,
     `${JSON.stringify(mergedConfig, null, 2)}\n`,