Add VS Code support

README.md

@@ -14,6 +14,7 @@ npx @magicuidesign/cli@latest install <client>
 
 ### Supported Clients
 
+- [x] vscode
 - [x] cursor
 - [x] windsurf
 - [x] claude

src/config.ts

@@ -39,6 +39,12 @@ export const clientPaths: Record<string, string> = {
   ),
   windsurf: path.join(homeDir, ".codeium", "windsurf", "mcp_config.json"),
   cursor: path.join(homeDir, ".cursor", "mcp.json"),
+  vscode: path.join(
+    baseDir,
+    vscodePath,
+    "..",
+    "settings.json",
+  ),
 };
 
 export const createPlatformCommand = (passedArgs: string[]) => {
@@ -54,13 +60,21 @@ export const createPlatformCommand = (passedArgs: string[]) => {
   };
 };
 
-export const getDefaultConfig = () => {
+export const getDefaultConfig = (client?: string) => {
   const args = ["-y", "@magicuidesign/mcp@latest"];
   const command = createPlatformCommand(args);
 
-  return {
-    mcpServers: {
-      "@magicuidesign/mcp": command,
-    },
-  };
+  return client === "vscode"
+    ? {
+        mcp: {
+          servers: {
+            "@magicuidesign/mcp": command,
+          },
+        },
+      }
+    : {
+        mcpServers: {
+          "@magicuidesign/mcp": command,
+        },
+      };
 };

src/index.ts

@@ -13,7 +13,7 @@ export async function install(client: ValidClient): Promise<void> {
   ).start();
 
   try {
-    const config = { ...getDefaultConfig() };
+    const config = getDefaultConfig(client);
 
     writeConfig(client, config);
     spinner.succeed(

src/types.ts

@@ -3,14 +3,16 @@ export type ValidClient =
   | "cline"
   | "roo-cline"
   | "windsurf"
-  | "cursor";
+  | "cursor"
+  | "vscode";
 
 export const VALID_CLIENTS: ValidClient[] = [
   "claude",
   "cline",
   "roo-cline",
   "windsurf",
   "cursor",
+  "vscode",
 ];
 
 export interface ServerConfig {
@@ -19,7 +21,10 @@ export interface ServerConfig {
 }
 
 export interface ClientConfig {
-  mcpServers: Record<string, ServerConfig>;
+  mcpServers?: Record<string, ServerConfig>;
+  mcp?: {
+    servers: Record<string, ServerConfig>;
+  };
 }
 
 export interface InstallOptions {

src/utils.ts

@@ -15,17 +15,24 @@ export function readConfig(client: ValidClient): ClientConfig {
   const configPath = getConfigPath(client);
 
   if (!fs.existsSync(configPath)) {
-    return { mcpServers: {} };
+    return client === "vscode" ? { mcp: { servers: {} } } : { mcpServers: {} };
   }
 
   try {
     const rawConfig = JSON.parse(fs.readFileSync(configPath, "utf8"));
+    if (client === "vscode") {
+      return {
+        mcp: {
+          servers: (rawConfig.mcp && rawConfig.mcp.servers) || {},
+        },
+      };
+    }
     return {
       ...rawConfig,
       mcpServers: rawConfig.mcpServers || {},
     };
   } catch (error) {
-    return { mcpServers: {} };
+    return client === "vscode" ? { mcp: { servers: {} } } : { mcpServers: {} };
   }
 }
 
@@ -37,11 +44,19 @@ export function writeConfig(client: ValidClient, config: ClientConfig): void {
     fs.mkdirSync(configDir, { recursive: true });
   }
 
-  if (!config.mcpServers || typeof config.mcpServers !== "object") {
+  // Validate config structure
+  if (client === "vscode") {
+    if (!config.mcp?.servers || typeof config.mcp.servers !== "object") {
+      throw new Error("Invalid mcp.servers structure for vscode");
+    }
+  } else if (!config.mcpServers || typeof config.mcpServers !== "object") {
     throw new Error("Invalid mcpServers structure");
   }
 
-  let existingConfig: ClientConfig = { mcpServers: {} };
+  let existingConfig: ClientConfig = client === "vscode" 
+    ? { mcp: { servers: {} } }
+    : { mcpServers: {} };
+
   try {
     if (fs.existsSync(configPath)) {
       existingConfig = JSON.parse(fs.readFileSync(configPath, "utf8"));
@@ -50,13 +65,27 @@ export function writeConfig(client: ValidClient, config: ClientConfig): void {
     // If reading fails, continue with empty existing config
   }
 
-  const mergedConfig = {
-    ...existingConfig,
-    mcpServers: {
-      ...existingConfig.mcpServers,
-      ...config.mcpServers,
-    },
-  };
+  let mergedConfig;
+  if (client === "vscode" && config.mcp?.servers) {
+    mergedConfig = {
+      ...existingConfig,
+      mcp: {
+        ...existingConfig.mcp,
+        servers: {
+          ...(existingConfig.mcp?.servers || {}),
+          ...config.mcp.servers,
+        },
+      },
+    };
+  } else if (config.mcpServers) {
+    mergedConfig = {
+      ...existingConfig,
+      mcpServers: {
+        ...existingConfig.mcpServers,
+        ...config.mcpServers,
+      },
+    };
+  }
 
   fs.writeFileSync(configPath, JSON.stringify(mergedConfig, null, 2));
 }