@_davideast/stitch-mcp 0.1.0 → 0.1.1

package/dist/cli.js

@@ -72134,6 +72134,8 @@ var init_build2 = __esm(async () => {
 });
 
 // src/ui/copy-behaviors/clipboard.ts
+import { writeFile, unlink } from "fs/promises";
+import { spawn as spawn3 } from "child_process";
 async function copyText(text) {
   await clipboardy_default.write(text);
 }
@@ -72141,6 +72143,19 @@ async function copyJson(value) {
   const text = typeof value === "string" ? value : JSON.stringify(value, null, 2);
   await clipboardy_default.write(text);
 }
+function spawnAndWait(command, args) {
+  return new Promise((resolve, reject) => {
+    const proc = spawn3(command, args, { stdio: "ignore" });
+    proc.on("close", (code) => {
+      if (code === 0) {
+        resolve();
+      } else {
+        reject(new Error(`Process exited with code ${code}`));
+      }
+    });
+    proc.on("error", reject);
+  });
+}
 async function downloadAndCopyImage(url2) {
   const response = await fetch(url2);
   if (!response.ok) {
@@ -72148,19 +72163,21 @@ async function downloadAndCopyImage(url2) {
   }
   const buffer = await response.arrayBuffer();
   const tempPath = `/tmp/stitch-clipboard-${Date.now()}.png`;
-  await Bun.write(tempPath, buffer);
+  await writeFile(tempPath, Buffer.from(buffer));
   const platform3 = process.platform;
-  if (platform3 === "darwin") {
-    const proc = Bun.spawn(["osascript", "-e", `set the clipboard to (read (POSIX file "${tempPath}") as TIFF picture)`]);
-    await proc.exited;
-  } else if (platform3 === "linux") {
-    const proc = Bun.spawn(["xclip", "-selection", "clipboard", "-t", "image/png", "-i", tempPath]);
-    await proc.exited;
-  } else if (platform3 === "win32") {
-    const proc = Bun.spawn(["powershell", "-command", `Set-Clipboard -Path "${tempPath}"`]);
-    await proc.exited;
-  }
-  await Bun.file(tempPath).exists() && await Bun.$`rm ${tempPath}`.quiet();
+  try {
+    if (platform3 === "darwin") {
+      await spawnAndWait("osascript", ["-e", `set the clipboard to (read (POSIX file "${tempPath}") as TIFF picture)`]);
+    } else if (platform3 === "linux") {
+      await spawnAndWait("xclip", ["-selection", "clipboard", "-t", "image/png", "-i", tempPath]);
+    } else if (platform3 === "win32") {
+      await spawnAndWait("powershell", ["-command", `Set-Clipboard -Path "${tempPath}"`]);
+    }
+  } finally {
+    try {
+      await unlink(tempPath);
+    } catch {}
+  }
 }
 async function downloadAndCopyText(url2) {
   const response = await fetch(url2);
@@ -72543,6 +72560,7 @@ var require_jsx_dev_runtime = __commonJS((exports, module) => {
 });
 
 // src/ui/JsonTree.tsx
+import { spawn as spawn4 } from "child_process";
 function getType(value) {
   if (value === null)
     return "null";
@@ -72682,7 +72700,7 @@ var import_react26, jsx_dev_runtime, JsonTree = ({ data, rootLabel, onNavigate,
       if (projectId) {
         const url2 = `https://stitch.withgoogle.com/projects/${projectId}`;
         const openCmd = process.platform === "darwin" ? "open" : process.platform === "win32" ? "start" : "xdg-open";
-        Bun.spawn([openCmd, url2]);
+        spawn4(openCmd, [url2], { stdio: "ignore", detached: true }).unref();
         if (feedbackTimeout.current)
           clearTimeout(feedbackTimeout.current);
         setFeedbackMessage(`\uD83D\uDD17 Opened project in browser`);
@@ -75538,10 +75556,10 @@ class McpConfigHandler {
     if (input.client === "claude-code" || input.client === "gemini-cli" || input.client === "codex") {
       return null;
     }
-    const env2 = {
-      STITCH_PROJECT_ID: input.projectId
-    };
-    if (input.apiKey) {
+    const env2 = {};
+    if (!input.apiKey) {
+      env2.STITCH_PROJECT_ID = input.projectId;
+    } else {
       env2.STITCH_API_KEY = input.apiKey;
     }
     if (input.client === "vscode") {
@@ -75701,24 +75719,52 @@ ${theme.green("Setup Gemini CLI:")}
 `;
       case "codex": {
         const isHttp = transport === "http";
-        const configBlock = isHttp ? [
-          "[mcp_servers.stitch]",
-          'url = "https://stitch.googleapis.com/mcp"',
-          'bearer_token_env_var = "STITCH_ACCESS_TOKEN"',
-          "",
-          "[mcp_servers.stitch.env_http_headers]",
-          'X-Goog-User-Project = "GOOGLE_CLOUD_PROJECT"'
-        ].join(`
-`) : [
-          "[mcp_servers.stitch]",
-          'command = "npx"',
-          'args = ["@_davideast/stitch-mcp", "proxy"]',
-          "",
-          "[mcp_servers.stitch.env]",
-          `STITCH_PROJECT_ID = "${projectId}"`
-        ].join(`
+        let configBlock;
+        if (isHttp) {
+          if (apiKey) {
+            configBlock = [
+              "[mcp_servers.stitch]",
+              'url = "https://stitch.googleapis.com/mcp"',
+              "",
+              "[mcp_servers.stitch.env_http_headers]",
+              `X-Goog-Api-Key = "${apiKey}"`
+            ].join(`
 `);
-        const note = isHttp ? `${theme.yellow("Note:")} Direct mode requires a valid access token in ${theme.blue("STITCH_ACCESS_TOKEN")} and a project id in ${theme.blue("GOOGLE_CLOUD_PROJECT")}.
+          } else {
+            configBlock = [
+              "[mcp_servers.stitch]",
+              'url = "https://stitch.googleapis.com/mcp"',
+              'bearer_token_env_var = "STITCH_ACCESS_TOKEN"',
+              "",
+              "[mcp_servers.stitch.env_http_headers]",
+              'X-Goog-User-Project = "GOOGLE_CLOUD_PROJECT"'
+            ].join(`
+`);
+          }
+        } else {
+          if (apiKey) {
+            configBlock = [
+              "[mcp_servers.stitch]",
+              'command = "npx"',
+              'args = ["@_davideast/stitch-mcp", "proxy"]',
+              "",
+              "[mcp_servers.stitch.env]",
+              `STITCH_API_KEY = "${apiKey}"`
+            ].join(`
+`);
+          } else {
+            configBlock = [
+              "[mcp_servers.stitch]",
+              'command = "npx"',
+              'args = ["@_davideast/stitch-mcp", "proxy"]',
+              "",
+              "[mcp_servers.stitch.env]",
+              `STITCH_PROJECT_ID = "${projectId}"`
+            ].join(`
+`);
+          }
+        }
+        const note = isHttp && !apiKey ? `${theme.yellow("Note:")} Direct mode requires a valid access token in ${theme.blue("STITCH_ACCESS_TOKEN")} and a project id in ${theme.blue("GOOGLE_CLOUD_PROJECT")}.
 ` : `${theme.yellow("Note:")} Proxy mode handles token refresh automatically.
 `;
         return `
@@ -77063,16 +77109,22 @@ ${theme.green("\uD83C\uDF89 Setup complete!")}
         return;
       }
       if (transport === "stdio") {
+        const env3 = {
+          PATH: process.env.PATH || ""
+        };
+        if (apiKey) {
+          env3.STITCH_API_KEY = apiKey;
+        } else {
+          env3.STITCH_PROJECT_ID = projectId;
+        }
         config.mcpServers.stitch = {
           command: "npx",
           args: ["@_davideast/stitch-mcp", "proxy"],
-          env: {
-            STITCH_PROJECT_ID: projectId,
-            PATH: process.env.PATH || ""
-          }
+          env: env3
         };
         fs10.writeFileSync(extensionPath, JSON.stringify(config, null, 4));
-        spinner.succeed(`Stitch extension configured for STDIO: Project ID set to ${theme.blue(projectId)}`);
+        const successMsg = apiKey ? "Stitch extension configured for STDIO with API Key" : `Stitch extension configured for STDIO: Project ID set to ${theme.blue(projectId)}`;
+        spinner.succeed(successMsg);
       } else {
         const existingHeaders = config.mcpServers.stitch.headers || {};
         if (apiKey) {

package/dist/index.js

@@ -18885,10 +18885,10 @@ class McpConfigHandler {
     if (input.client === "claude-code" || input.client === "gemini-cli" || input.client === "codex") {
       return null;
     }
-    const env2 = {
-      STITCH_PROJECT_ID: input.projectId
-    };
-    if (input.apiKey) {
+    const env2 = {};
+    if (!input.apiKey) {
+      env2.STITCH_PROJECT_ID = input.projectId;
+    } else {
       env2.STITCH_API_KEY = input.apiKey;
     }
     if (input.client === "vscode") {
@@ -19048,24 +19048,52 @@ ${theme.green("Setup Gemini CLI:")}
 `;
       case "codex": {
         const isHttp = transport === "http";
-        const configBlock = isHttp ? [
-          "[mcp_servers.stitch]",
-          'url = "https://stitch.googleapis.com/mcp"',
-          'bearer_token_env_var = "STITCH_ACCESS_TOKEN"',
-          "",
-          "[mcp_servers.stitch.env_http_headers]",
-          'X-Goog-User-Project = "GOOGLE_CLOUD_PROJECT"'
-        ].join(`
-`) : [
-          "[mcp_servers.stitch]",
-          'command = "npx"',
-          'args = ["@_davideast/stitch-mcp", "proxy"]',
-          "",
-          "[mcp_servers.stitch.env]",
-          `STITCH_PROJECT_ID = "${projectId}"`
-        ].join(`
+        let configBlock;
+        if (isHttp) {
+          if (apiKey) {
+            configBlock = [
+              "[mcp_servers.stitch]",
+              'url = "https://stitch.googleapis.com/mcp"',
+              "",
+              "[mcp_servers.stitch.env_http_headers]",
+              `X-Goog-Api-Key = "${apiKey}"`
+            ].join(`
+`);
+          } else {
+            configBlock = [
+              "[mcp_servers.stitch]",
+              'url = "https://stitch.googleapis.com/mcp"',
+              'bearer_token_env_var = "STITCH_ACCESS_TOKEN"',
+              "",
+              "[mcp_servers.stitch.env_http_headers]",
+              'X-Goog-User-Project = "GOOGLE_CLOUD_PROJECT"'
+            ].join(`
+`);
+          }
+        } else {
+          if (apiKey) {
+            configBlock = [
+              "[mcp_servers.stitch]",
+              'command = "npx"',
+              'args = ["@_davideast/stitch-mcp", "proxy"]',
+              "",
+              "[mcp_servers.stitch.env]",
+              `STITCH_API_KEY = "${apiKey}"`
+            ].join(`
 `);
-        const note = isHttp ? `${theme.yellow("Note:")} Direct mode requires a valid access token in ${theme.blue("STITCH_ACCESS_TOKEN")} and a project id in ${theme.blue("GOOGLE_CLOUD_PROJECT")}.
+          } else {
+            configBlock = [
+              "[mcp_servers.stitch]",
+              'command = "npx"',
+              'args = ["@_davideast/stitch-mcp", "proxy"]',
+              "",
+              "[mcp_servers.stitch.env]",
+              `STITCH_PROJECT_ID = "${projectId}"`
+            ].join(`
+`);
+          }
+        }
+        const note = isHttp && !apiKey ? `${theme.yellow("Note:")} Direct mode requires a valid access token in ${theme.blue("STITCH_ACCESS_TOKEN")} and a project id in ${theme.blue("GOOGLE_CLOUD_PROJECT")}.
 ` : `${theme.yellow("Note:")} Proxy mode handles token refresh automatically.
 `;
         return `
@@ -20412,16 +20440,22 @@ ${theme.green("\uD83C\uDF89 Setup complete!")}
         return;
       }
       if (transport === "stdio") {
+        const env3 = {
+          PATH: process.env.PATH || ""
+        };
+        if (apiKey) {
+          env3.STITCH_API_KEY = apiKey;
+        } else {
+          env3.STITCH_PROJECT_ID = projectId;
+        }
         config.mcpServers.stitch = {
           command: "npx",
           args: ["@_davideast/stitch-mcp", "proxy"],
-          env: {
-            STITCH_PROJECT_ID: projectId,
-            PATH: process.env.PATH || ""
-          }
+          env: env3
         };
         fs10.writeFileSync(extensionPath, JSON.stringify(config, null, 4));
-        spinner.succeed(`Stitch extension configured for STDIO: Project ID set to ${theme.blue(projectId)}`);
+        const successMsg = apiKey ? "Stitch extension configured for STDIO with API Key" : `Stitch extension configured for STDIO: Project ID set to ${theme.blue(projectId)}`;
+        spinner.succeed(successMsg);
       } else {
         const existingHeaders = config.mcpServers.stitch.headers || {};
         if (apiKey) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@_davideast/stitch-mcp",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Stitch MCP CLI helper. Automates Google Cloud authentication. Generates MCP config for your client. Sets up a proxy server.",
   "type": "module",
   "publishConfig": {