@react-grab/cli 0.0.83 → 0.0.84

package/README.md

@@ -33,16 +33,16 @@ npx @react-grab/cli -p pnpm -a claude-code -y
 
 ## Options
 
-| Option | Alias | Description | Choices |
-|--------|-------|-------------|---------|
-| `--framework` | `-f` | Framework to configure | `next`, `vite`, `webpack` |
-| `--package-manager` | `-p` | Package manager to use | `npm`, `yarn`, `pnpm`, `bun` |
-| `--router` | `-r` | Next.js router type | `app`, `pages` |
-| `--agent` | `-a` | Agent integration to add | `claude-code`, `cursor`, `opencode`, `codex`, `gemini`, `amp`, `none` |
-| `--yes` | `-y` | Skip all confirmation prompts | - |
-| `--skip-install` | - | Skip package installation (only modify files) | - |
-| `--help` | `-h` | Show help | - |
-| `--version` | `-v` | Show version | - |
+| Option              | Alias | Description                                   | Choices                                                               |
+| ------------------- | ----- | --------------------------------------------- | --------------------------------------------------------------------- |
+| `--framework`       | `-f`  | Framework to configure                        | `next`, `vite`, `webpack`                                             |
+| `--package-manager` | `-p`  | Package manager to use                        | `npm`, `yarn`, `pnpm`, `bun`                                          |
+| `--router`          | `-r`  | Next.js router type                           | `app`, `pages`                                                        |
+| `--agent`           | `-a`  | Agent integration to add                      | `claude-code`, `cursor`, `opencode`, `codex`, `gemini`, `amp`, `none` |
+| `--yes`             | `-y`  | Skip all confirmation prompts                 | -                                                                     |
+| `--skip-install`    | -     | Skip package installation (only modify files) | -                                                                     |
+| `--help`            | `-h`  | Show help                                     | -                                                                     |
+| `--version`         | `-v`  | Show version                                  | -                                                                     |
 
 ## Examples
 
@@ -68,12 +68,12 @@ npx @react-grab/cli -a cursor --skip-install -y
 
 ## Supported Frameworks
 
-| Framework | File Modified |
-|-----------|---------------|
-| Next.js (App Router) | `app/layout.tsx` |
-| Next.js (Pages Router) | `pages/_document.tsx` |
-| Vite | `index.html` |
-| Webpack | `src/index.tsx` or `src/main.tsx` |
+| Framework              | File Modified                     |
+| ---------------------- | --------------------------------- |
+| Next.js (App Router)   | `app/layout.tsx`                  |
+| Next.js (Pages Router) | `pages/_document.tsx`             |
+| Vite                   | `index.html`                      |
+| Webpack                | `src/index.tsx` or `src/main.tsx` |
 
 ## Agent Integrations
 
@@ -81,7 +81,7 @@ The CLI can optionally set up agent integrations for:
 
 - **Claude Code** (`-a claude-code`) - Send selected elements to Claude Code
 - **Cursor** (`-a cursor`) - Send selected elements to Cursor
-- **Opencode** (`-a opencode`) - Send selected elements to Opencode
+- **OpenCode** (`-a opencode`) - Send selected elements to OpenCode
 - **Codex** (`-a codex`) - Send selected elements to OpenAI Codex
 - **Gemini** (`-a gemini`) - Send selected elements to Google Gemini CLI
 - **Amp** (`-a amp`) - Send selected elements to Amp

package/dist/cli.cjs

@@ -156,7 +156,10 @@ var hasReactDependency = (projectPath) => {
   if (!fs.existsSync(packageJsonPath)) return false;
   try {
     const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
-    const allDeps = { ...packageJson.dependencies, ...packageJson.devDependencies };
+    const allDeps = {
+      ...packageJson.dependencies,
+      ...packageJson.devDependencies
+    };
     return Boolean(allDeps["react"] || allDeps["react-dom"]);
   } catch {
     return false;
@@ -174,7 +177,9 @@ var findWorkspaceProjects = (projectRoot) => {
         const packageJsonPath = path.join(projectPath, "package.json");
         let name = path.basename(projectPath);
         try {
-          const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
+          const packageJson = JSON.parse(
+            fs.readFileSync(packageJsonPath, "utf-8")
+          );
           name = packageJson.name || name;
         } catch {
         }
@@ -242,7 +247,16 @@ var detectReactGrab = (projectRoot) => {
   ];
   return filesToCheck.some(hasReactGrabInFile);
 };
-var AGENT_PACKAGES = ["@react-grab/claude-code", "@react-grab/cursor", "@react-grab/opencode", "@react-grab/codex", "@react-grab/gemini", "@react-grab/amp", "@react-grab/ami", "@react-grab/instant"];
+var AGENT_PACKAGES = [
+  "@react-grab/claude-code",
+  "@react-grab/cursor",
+  "@react-grab/opencode",
+  "@react-grab/codex",
+  "@react-grab/gemini",
+  "@react-grab/amp",
+  "@react-grab/ami",
+  "@react-grab/instant"
+];
 var detectUnsupportedFramework = (projectRoot) => {
   const packageJsonPath = path.join(projectRoot, "package.json");
   if (!fs.existsSync(packageJsonPath)) {
@@ -282,9 +296,9 @@ var detectInstalledAgents = (projectRoot) => {
       ...packageJson.dependencies,
       ...packageJson.devDependencies
     };
-    return AGENT_PACKAGES.filter((agent) => Boolean(allDependencies[agent])).map(
-      (agent) => agent.replace("@react-grab/", "")
-    );
+    return AGENT_PACKAGES.filter(
+      (agent) => Boolean(allDependencies[agent])
+    ).map((agent) => agent.replace("@react-grab/", ""));
   } catch {
     return [];
   }
@@ -321,7 +335,11 @@ var generateDiff = (originalContent, newContent) => {
     const originalLine = originalLines[originalIndex];
     const newLine = newLines[newIndex];
     if (originalLine === newLine) {
-      diff.push({ type: "unchanged", content: originalLine, lineNumber: newIndex + 1 });
+      diff.push({
+        type: "unchanged",
+        content: originalLine,
+        lineNumber: newIndex + 1
+      });
       originalIndex++;
       newIndex++;
     } else if (originalLine === void 0) {
@@ -335,7 +353,11 @@ var generateDiff = (originalContent, newContent) => {
       const newInOriginal = originalLines.indexOf(newLine, originalIndex);
       if (originalInNew !== -1 && (newInOriginal === -1 || originalInNew - newIndex < newInOriginal - originalIndex)) {
         while (newIndex < originalInNew) {
-          diff.push({ type: "added", content: newLines[newIndex], lineNumber: newIndex + 1 });
+          diff.push({
+            type: "added",
+            content: newLines[newIndex],
+            lineNumber: newIndex + 1
+          });
           newIndex++;
         }
       } else if (newInOriginal !== -1) {
@@ -345,7 +367,11 @@ var generateDiff = (originalContent, newContent) => {
         }
       } else {
         diff.push({ type: "removed", content: originalLine });
-        diff.push({ type: "added", content: newLine, lineNumber: newIndex + 1 });
+        diff.push({
+          type: "added",
+          content: newLine,
+          lineNumber: newIndex + 1
+        });
         originalIndex++;
         newIndex++;
       }
@@ -696,7 +722,9 @@ var addAgentToExistingVite = (originalContent, agent, filePath) => {
     };
   }
   const agentImport = `import("${agentPackage}/client");`;
-  const reactGrabImportMatch = originalContent.match(/import\s*\(\s*["']react-grab["']\s*\);?/);
+  const reactGrabImportMatch = originalContent.match(
+    /import\s*\(\s*["']react-grab["']\s*\);?/
+  );
   if (reactGrabImportMatch) {
     const matchedText = reactGrabImportMatch[0];
     const hasSemicolon = matchedText.endsWith(";");
@@ -738,7 +766,9 @@ var addAgentToExistingWebpack = (originalContent, agent, filePath) => {
     };
   }
   const agentImport = `import("${agentPackage}/client");`;
-  const reactGrabImportMatch = originalContent.match(/import\s*\(\s*["']react-grab["']\s*\);?/);
+  const reactGrabImportMatch = originalContent.match(
+    /import\s*\(\s*["']react-grab["']\s*\);?/
+  );
   if (reactGrabImportMatch) {
     const matchedText = reactGrabImportMatch[0];
     const hasSemicolon = matchedText.endsWith(";");
@@ -788,8 +818,11 @@ var transformNextAppRouter = (projectRoot, agent, reactGrabAlreadyConfigured) =>
   if (!newContent.includes('import Script from "next/script"')) {
     const importMatch = newContent.match(/^import .+ from ['"].+['"];?\s*$/m);
     if (importMatch) {
-      newContent = newContent.replace(importMatch[0], `${importMatch[0]}
-${SCRIPT_IMPORT}`);
+      newContent = newContent.replace(
+        importMatch[0],
+        `${importMatch[0]}
+${SCRIPT_IMPORT}`
+      );
     } else {
       newContent = `${SCRIPT_IMPORT}
 
@@ -799,8 +832,11 @@ ${newContent}`;
   const scriptBlock = NEXT_APP_ROUTER_SCRIPT_WITH_AGENT(agent);
   const headMatch = newContent.match(/<head[^>]*>/);
   if (headMatch) {
-    newContent = newContent.replace(headMatch[0], `${headMatch[0]}
-        ${scriptBlock}`);
+    newContent = newContent.replace(
+      headMatch[0],
+      `${headMatch[0]}
+        ${scriptBlock}`
+    );
   } else {
     const htmlMatch = newContent.match(/<html[^>]*>/);
     if (htmlMatch) {
@@ -848,15 +884,21 @@ var transformNextPagesRouter = (projectRoot, agent, reactGrabAlreadyConfigured)
   if (!newContent.includes('import Script from "next/script"')) {
     const importMatch = newContent.match(/^import .+ from ['"].+['"];?\s*$/m);
     if (importMatch) {
-      newContent = newContent.replace(importMatch[0], `${importMatch[0]}
-${SCRIPT_IMPORT}`);
+      newContent = newContent.replace(
+        importMatch[0],
+        `${importMatch[0]}
+${SCRIPT_IMPORT}`
+      );
     }
   }
   const scriptBlock = NEXT_PAGES_ROUTER_SCRIPT_WITH_AGENT(agent);
   const headMatch = newContent.match(/<Head[^>]*>/);
   if (headMatch) {
-    newContent = newContent.replace(headMatch[0], `${headMatch[0]}
-        ${scriptBlock}`);
+    newContent = newContent.replace(
+      headMatch[0],
+      `${headMatch[0]}
+        ${scriptBlock}`
+    );
   }
   return {
     success: true,
@@ -892,8 +934,11 @@ var transformVite = (projectRoot, agent, reactGrabAlreadyConfigured) => {
   const scriptBlock = VITE_SCRIPT_WITH_AGENT(agent);
   const headMatch = newContent.match(/<head[^>]*>/i);
   if (headMatch) {
-    newContent = newContent.replace(headMatch[0], `${headMatch[0]}
-    ${scriptBlock}`);
+    newContent = newContent.replace(
+      headMatch[0],
+      `${headMatch[0]}
+    ${scriptBlock}`
+    );
   }
   return {
     success: true,
@@ -941,9 +986,17 @@ var previewTransform = (projectRoot, framework, nextRouterType, agent, reactGrab
   switch (framework) {
     case "next":
       if (nextRouterType === "app") {
-        return transformNextAppRouter(projectRoot, agent, reactGrabAlreadyConfigured);
+        return transformNextAppRouter(
+          projectRoot,
+          agent,
+          reactGrabAlreadyConfigured
+        );
       }
-      return transformNextPagesRouter(projectRoot, agent, reactGrabAlreadyConfigured);
+      return transformNextPagesRouter(
+        projectRoot,
+        agent,
+        reactGrabAlreadyConfigured
+      );
     case "vite":
       return transformVite(projectRoot, agent, reactGrabAlreadyConfigured);
     case "webpack":
@@ -1086,23 +1139,28 @@ var applyPackageJsonTransform = (result) => {
 };
 
 // src/commands/add.ts
-var VERSION = "0.0.83";
+var VERSION = "0.0.84";
 var AGENT_NAMES = {
   "claude-code": "Claude Code",
   cursor: "Cursor",
-  opencode: "Opencode",
+  opencode: "OpenCode",
   codex: "Codex",
   gemini: "Gemini",
   amp: "Amp",
   ami: "Ami",
   instant: "Instant"
 };
-var add = new commander.Command().name("add").description("add an agent integration").argument("[agent]", "agent to add (claude-code, cursor, opencode, codex, gemini, amp, ami, instant)").option("-y, --yes", "skip confirmation prompts", false).option(
+var add = new commander.Command().name("add").description("add an agent integration").argument(
+  "[agent]",
+  "agent to add (claude-code, cursor, opencode, codex, gemini, amp, ami, instant)"
+).option("-y, --yes", "skip confirmation prompts", false).option(
   "-c, --cwd <cwd>",
   "working directory (defaults to current directory)",
   process.cwd()
 ).action(async (agentArg, opts) => {
-  console.log(`${pc__default.default.magenta("\u269B")} ${pc__default.default.bold("React Grab")} ${pc__default.default.gray(VERSION)}`);
+  console.log(
+    `${pc__default.default.magenta("\u269B")} ${pc__default.default.bold("React Grab")} ${pc__default.default.gray(VERSION)}`
+  );
   console.log();
   try {
     const cwd = opts.cwd;
@@ -1119,7 +1177,16 @@ var add = new commander.Command().name("add").description("add an agent integrat
       process.exit(1);
     }
     preflightSpinner.succeed();
-    const availableAgents = ["claude-code", "cursor", "opencode", "codex", "gemini", "amp", "ami", "instant"].filter((agent) => !projectInfo.installedAgents.includes(agent));
+    const availableAgents = [
+      "claude-code",
+      "cursor",
+      "opencode",
+      "codex",
+      "gemini",
+      "amp",
+      "ami",
+      "instant"
+    ].filter((agent) => !projectInfo.installedAgents.includes(agent));
     if (availableAgents.length === 0) {
       logger.break();
       logger.success("All agent integrations are already installed.");
@@ -1128,10 +1195,21 @@ var add = new commander.Command().name("add").description("add an agent integrat
     }
     let agentIntegration;
     if (agentArg) {
-      if (!["claude-code", "cursor", "opencode", "codex", "gemini", "amp", "ami", "instant"].includes(agentArg)) {
+      if (![
+        "claude-code",
+        "cursor",
+        "opencode",
+        "codex",
+        "gemini",
+        "amp",
+        "ami",
+        "instant"
+      ].includes(agentArg)) {
         logger.break();
         logger.error(`Invalid agent: ${agentArg}`);
-        logger.error("Available agents: claude-code, cursor, opencode, codex, gemini, amp, ami, instant");
+        logger.error(
+          "Available agents: claude-code, cursor, opencode, codex, gemini, amp, ami, instant"
+        );
         logger.break();
         process.exit(1);
       }
@@ -1279,7 +1357,7 @@ var add = new commander.Command().name("add").description("add an agent integrat
     handleError(error);
   }
 });
-var VERSION2 = "0.0.83";
+var VERSION2 = "0.0.84";
 var REPORT_URL = "https://react-grab.com/api/report-cli";
 var DOCS_URL = "https://github.com/aidenybai/react-grab";
 var reportToCli = async (type, config, error) => {
@@ -1325,7 +1403,9 @@ var init = new commander.Command().name("init").description("initialize React Gr
   "working directory (defaults to current directory)",
   process.cwd()
 ).action(async (opts) => {
-  console.log(`${pc__default.default.magenta("\u269B")} ${pc__default.default.bold("React Grab")} ${pc__default.default.gray(VERSION2)}`);
+  console.log(
+    `${pc__default.default.magenta("\u269B")} ${pc__default.default.bold("React Grab")} ${pc__default.default.gray(VERSION2)}`
+  );
   console.log();
   try {
     const cwd = opts.cwd;
@@ -1444,7 +1524,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
           { title: "None", value: "none" },
           { title: "Claude Code", value: "claude-code" },
           { title: "Cursor", value: "cursor" },
-          { title: "Opencode", value: "opencode" },
+          { title: "OpenCode", value: "opencode" },
           { title: "Codex", value: "codex" },
           { title: "Gemini", value: "gemini" },
           { title: "Amp", value: "amp" },
@@ -1587,7 +1667,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
     await reportToCli("error", void 0, error);
   }
 });
-var VERSION3 = "0.0.83";
+var VERSION3 = "0.0.84";
 var DEFAULT_PROXY_PORT = 2e3;
 var REACT_GRAB_SCRIPT = '<script src="//unpkg.com/react-grab/dist/index.global.js"></script>';
 var buildProviderScript = (provider) => `<script src="//unpkg.com/${provider}/dist/client.global.js"></script>`;
@@ -1631,7 +1711,9 @@ var start = new commander.Command().name("start").alias("proxy").description("st
   "--provider <package>",
   "provider package to run via npx (e.g., @react-grab/cursor)"
 ).action(async (urlArg, opts) => {
-  console.log(`${pc__default.default.magenta("\u269B")} ${pc__default.default.bold("React Grab")} ${pc__default.default.gray(VERSION3)}`);
+  console.log(
+    `${pc__default.default.magenta("\u269B")} ${pc__default.default.bold("React Grab")} ${pc__default.default.gray(VERSION3)}`
+  );
   console.log();
   let url = urlArg;
   let provider = opts.provider;
@@ -1656,7 +1738,7 @@ var start = new commander.Command().name("start").alias("proxy").description("st
           { title: "None", value: "" },
           { title: "Claude Code", value: "@react-grab/claude-code" },
           { title: "Cursor", value: "@react-grab/cursor" },
-          { title: "Opencode", value: "@react-grab/opencode" },
+          { title: "OpenCode", value: "@react-grab/opencode" },
           { title: "Codex", value: "@react-grab/codex" },
           { title: "Gemini", value: "@react-grab/gemini" },
           { title: "Amp", value: "@react-grab/amp" },
@@ -1741,7 +1823,9 @@ var start = new commander.Command().name("start").alias("proxy").description("st
   server.on("upgrade", proxyMiddleware.upgrade);
   const startSpinner = spinner("Starting.").start();
   const showSuccess = () => {
-    startSpinner.succeed(`Open in your browser: http://${hostname}:${proxyPort}`);
+    startSpinner.succeed(
+      `Open in your browser: http://${hostname}:${proxyPort}`
+    );
     const commandParts = ["npx react-grab@latest start", url];
     if (opts.port !== String(DEFAULT_PROXY_PORT)) {
       commandParts.push(`--port=${opts.port}`);
@@ -1808,7 +1892,7 @@ var start = new commander.Command().name("start").alias("proxy").description("st
 });
 
 // src/cli.ts
-var VERSION4 = "0.0.83";
+var VERSION4 = "0.0.84";
 var VERSION_API_URL = "https://react-grab.com/api/version";
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));

package/dist/cli.js

@@ -148,7 +148,10 @@ var hasReactDependency = (projectPath) => {
   if (!existsSync(packageJsonPath)) return false;
   try {
     const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf-8"));
-    const allDeps = { ...packageJson.dependencies, ...packageJson.devDependencies };
+    const allDeps = {
+      ...packageJson.dependencies,
+      ...packageJson.devDependencies
+    };
     return Boolean(allDeps["react"] || allDeps["react-dom"]);
   } catch {
     return false;
@@ -166,7 +169,9 @@ var findWorkspaceProjects = (projectRoot) => {
         const packageJsonPath = join(projectPath, "package.json");
         let name = basename(projectPath);
         try {
-          const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf-8"));
+          const packageJson = JSON.parse(
+            readFileSync(packageJsonPath, "utf-8")
+          );
           name = packageJson.name || name;
         } catch {
         }
@@ -234,7 +239,16 @@ var detectReactGrab = (projectRoot) => {
   ];
   return filesToCheck.some(hasReactGrabInFile);
 };
-var AGENT_PACKAGES = ["@react-grab/claude-code", "@react-grab/cursor", "@react-grab/opencode", "@react-grab/codex", "@react-grab/gemini", "@react-grab/amp", "@react-grab/ami", "@react-grab/instant"];
+var AGENT_PACKAGES = [
+  "@react-grab/claude-code",
+  "@react-grab/cursor",
+  "@react-grab/opencode",
+  "@react-grab/codex",
+  "@react-grab/gemini",
+  "@react-grab/amp",
+  "@react-grab/ami",
+  "@react-grab/instant"
+];
 var detectUnsupportedFramework = (projectRoot) => {
   const packageJsonPath = join(projectRoot, "package.json");
   if (!existsSync(packageJsonPath)) {
@@ -274,9 +288,9 @@ var detectInstalledAgents = (projectRoot) => {
       ...packageJson.dependencies,
       ...packageJson.devDependencies
     };
-    return AGENT_PACKAGES.filter((agent) => Boolean(allDependencies[agent])).map(
-      (agent) => agent.replace("@react-grab/", "")
-    );
+    return AGENT_PACKAGES.filter(
+      (agent) => Boolean(allDependencies[agent])
+    ).map((agent) => agent.replace("@react-grab/", ""));
   } catch {
     return [];
   }
@@ -313,7 +327,11 @@ var generateDiff = (originalContent, newContent) => {
     const originalLine = originalLines[originalIndex];
     const newLine = newLines[newIndex];
     if (originalLine === newLine) {
-      diff.push({ type: "unchanged", content: originalLine, lineNumber: newIndex + 1 });
+      diff.push({
+        type: "unchanged",
+        content: originalLine,
+        lineNumber: newIndex + 1
+      });
       originalIndex++;
       newIndex++;
     } else if (originalLine === void 0) {
@@ -327,7 +345,11 @@ var generateDiff = (originalContent, newContent) => {
       const newInOriginal = originalLines.indexOf(newLine, originalIndex);
       if (originalInNew !== -1 && (newInOriginal === -1 || originalInNew - newIndex < newInOriginal - originalIndex)) {
         while (newIndex < originalInNew) {
-          diff.push({ type: "added", content: newLines[newIndex], lineNumber: newIndex + 1 });
+          diff.push({
+            type: "added",
+            content: newLines[newIndex],
+            lineNumber: newIndex + 1
+          });
           newIndex++;
         }
       } else if (newInOriginal !== -1) {
@@ -337,7 +359,11 @@ var generateDiff = (originalContent, newContent) => {
         }
       } else {
         diff.push({ type: "removed", content: originalLine });
-        diff.push({ type: "added", content: newLine, lineNumber: newIndex + 1 });
+        diff.push({
+          type: "added",
+          content: newLine,
+          lineNumber: newIndex + 1
+        });
         originalIndex++;
         newIndex++;
       }
@@ -688,7 +714,9 @@ var addAgentToExistingVite = (originalContent, agent, filePath) => {
     };
   }
   const agentImport = `import("${agentPackage}/client");`;
-  const reactGrabImportMatch = originalContent.match(/import\s*\(\s*["']react-grab["']\s*\);?/);
+  const reactGrabImportMatch = originalContent.match(
+    /import\s*\(\s*["']react-grab["']\s*\);?/
+  );
   if (reactGrabImportMatch) {
     const matchedText = reactGrabImportMatch[0];
     const hasSemicolon = matchedText.endsWith(";");
@@ -730,7 +758,9 @@ var addAgentToExistingWebpack = (originalContent, agent, filePath) => {
     };
   }
   const agentImport = `import("${agentPackage}/client");`;
-  const reactGrabImportMatch = originalContent.match(/import\s*\(\s*["']react-grab["']\s*\);?/);
+  const reactGrabImportMatch = originalContent.match(
+    /import\s*\(\s*["']react-grab["']\s*\);?/
+  );
   if (reactGrabImportMatch) {
     const matchedText = reactGrabImportMatch[0];
     const hasSemicolon = matchedText.endsWith(";");
@@ -780,8 +810,11 @@ var transformNextAppRouter = (projectRoot, agent, reactGrabAlreadyConfigured) =>
   if (!newContent.includes('import Script from "next/script"')) {
     const importMatch = newContent.match(/^import .+ from ['"].+['"];?\s*$/m);
     if (importMatch) {
-      newContent = newContent.replace(importMatch[0], `${importMatch[0]}
-${SCRIPT_IMPORT}`);
+      newContent = newContent.replace(
+        importMatch[0],
+        `${importMatch[0]}
+${SCRIPT_IMPORT}`
+      );
     } else {
       newContent = `${SCRIPT_IMPORT}
 
@@ -791,8 +824,11 @@ ${newContent}`;
   const scriptBlock = NEXT_APP_ROUTER_SCRIPT_WITH_AGENT(agent);
   const headMatch = newContent.match(/<head[^>]*>/);
   if (headMatch) {
-    newContent = newContent.replace(headMatch[0], `${headMatch[0]}
-        ${scriptBlock}`);
+    newContent = newContent.replace(
+      headMatch[0],
+      `${headMatch[0]}
+        ${scriptBlock}`
+    );
   } else {
     const htmlMatch = newContent.match(/<html[^>]*>/);
     if (htmlMatch) {
@@ -840,15 +876,21 @@ var transformNextPagesRouter = (projectRoot, agent, reactGrabAlreadyConfigured)
   if (!newContent.includes('import Script from "next/script"')) {
     const importMatch = newContent.match(/^import .+ from ['"].+['"];?\s*$/m);
     if (importMatch) {
-      newContent = newContent.replace(importMatch[0], `${importMatch[0]}
-${SCRIPT_IMPORT}`);
+      newContent = newContent.replace(
+        importMatch[0],
+        `${importMatch[0]}
+${SCRIPT_IMPORT}`
+      );
     }
   }
   const scriptBlock = NEXT_PAGES_ROUTER_SCRIPT_WITH_AGENT(agent);
   const headMatch = newContent.match(/<Head[^>]*>/);
   if (headMatch) {
-    newContent = newContent.replace(headMatch[0], `${headMatch[0]}
-        ${scriptBlock}`);
+    newContent = newContent.replace(
+      headMatch[0],
+      `${headMatch[0]}
+        ${scriptBlock}`
+    );
   }
   return {
     success: true,
@@ -884,8 +926,11 @@ var transformVite = (projectRoot, agent, reactGrabAlreadyConfigured) => {
   const scriptBlock = VITE_SCRIPT_WITH_AGENT(agent);
   const headMatch = newContent.match(/<head[^>]*>/i);
   if (headMatch) {
-    newContent = newContent.replace(headMatch[0], `${headMatch[0]}
-    ${scriptBlock}`);
+    newContent = newContent.replace(
+      headMatch[0],
+      `${headMatch[0]}
+    ${scriptBlock}`
+    );
   }
   return {
     success: true,
@@ -933,9 +978,17 @@ var previewTransform = (projectRoot, framework, nextRouterType, agent, reactGrab
   switch (framework) {
     case "next":
       if (nextRouterType === "app") {
-        return transformNextAppRouter(projectRoot, agent, reactGrabAlreadyConfigured);
+        return transformNextAppRouter(
+          projectRoot,
+          agent,
+          reactGrabAlreadyConfigured
+        );
       }
-      return transformNextPagesRouter(projectRoot, agent, reactGrabAlreadyConfigured);
+      return transformNextPagesRouter(
+        projectRoot,
+        agent,
+        reactGrabAlreadyConfigured
+      );
     case "vite":
       return transformVite(projectRoot, agent, reactGrabAlreadyConfigured);
     case "webpack":
@@ -1078,23 +1131,28 @@ var applyPackageJsonTransform = (result) => {
 };
 
 // src/commands/add.ts
-var VERSION = "0.0.83";
+var VERSION = "0.0.84";
 var AGENT_NAMES = {
   "claude-code": "Claude Code",
   cursor: "Cursor",
-  opencode: "Opencode",
+  opencode: "OpenCode",
   codex: "Codex",
   gemini: "Gemini",
   amp: "Amp",
   ami: "Ami",
   instant: "Instant"
 };
-var add = new Command().name("add").description("add an agent integration").argument("[agent]", "agent to add (claude-code, cursor, opencode, codex, gemini, amp, ami, instant)").option("-y, --yes", "skip confirmation prompts", false).option(
+var add = new Command().name("add").description("add an agent integration").argument(
+  "[agent]",
+  "agent to add (claude-code, cursor, opencode, codex, gemini, amp, ami, instant)"
+).option("-y, --yes", "skip confirmation prompts", false).option(
   "-c, --cwd <cwd>",
   "working directory (defaults to current directory)",
   process.cwd()
 ).action(async (agentArg, opts) => {
-  console.log(`${pc.magenta("\u269B")} ${pc.bold("React Grab")} ${pc.gray(VERSION)}`);
+  console.log(
+    `${pc.magenta("\u269B")} ${pc.bold("React Grab")} ${pc.gray(VERSION)}`
+  );
   console.log();
   try {
     const cwd = opts.cwd;
@@ -1111,7 +1169,16 @@ var add = new Command().name("add").description("add an agent integration").argu
       process.exit(1);
     }
     preflightSpinner.succeed();
-    const availableAgents = ["claude-code", "cursor", "opencode", "codex", "gemini", "amp", "ami", "instant"].filter((agent) => !projectInfo.installedAgents.includes(agent));
+    const availableAgents = [
+      "claude-code",
+      "cursor",
+      "opencode",
+      "codex",
+      "gemini",
+      "amp",
+      "ami",
+      "instant"
+    ].filter((agent) => !projectInfo.installedAgents.includes(agent));
     if (availableAgents.length === 0) {
       logger.break();
       logger.success("All agent integrations are already installed.");
@@ -1120,10 +1187,21 @@ var add = new Command().name("add").description("add an agent integration").argu
     }
     let agentIntegration;
     if (agentArg) {
-      if (!["claude-code", "cursor", "opencode", "codex", "gemini", "amp", "ami", "instant"].includes(agentArg)) {
+      if (![
+        "claude-code",
+        "cursor",
+        "opencode",
+        "codex",
+        "gemini",
+        "amp",
+        "ami",
+        "instant"
+      ].includes(agentArg)) {
         logger.break();
         logger.error(`Invalid agent: ${agentArg}`);
-        logger.error("Available agents: claude-code, cursor, opencode, codex, gemini, amp, ami, instant");
+        logger.error(
+          "Available agents: claude-code, cursor, opencode, codex, gemini, amp, ami, instant"
+        );
         logger.break();
         process.exit(1);
       }
@@ -1271,7 +1349,7 @@ var add = new Command().name("add").description("add an agent integration").argu
     handleError(error);
   }
 });
-var VERSION2 = "0.0.83";
+var VERSION2 = "0.0.84";
 var REPORT_URL = "https://react-grab.com/api/report-cli";
 var DOCS_URL = "https://github.com/aidenybai/react-grab";
 var reportToCli = async (type, config, error) => {
@@ -1317,7 +1395,9 @@ var init = new Command().name("init").description("initialize React Grab in your
   "working directory (defaults to current directory)",
   process.cwd()
 ).action(async (opts) => {
-  console.log(`${pc.magenta("\u269B")} ${pc.bold("React Grab")} ${pc.gray(VERSION2)}`);
+  console.log(
+    `${pc.magenta("\u269B")} ${pc.bold("React Grab")} ${pc.gray(VERSION2)}`
+  );
   console.log();
   try {
     const cwd = opts.cwd;
@@ -1436,7 +1516,7 @@ var init = new Command().name("init").description("initialize React Grab in your
           { title: "None", value: "none" },
           { title: "Claude Code", value: "claude-code" },
           { title: "Cursor", value: "cursor" },
-          { title: "Opencode", value: "opencode" },
+          { title: "OpenCode", value: "opencode" },
           { title: "Codex", value: "codex" },
           { title: "Gemini", value: "gemini" },
           { title: "Amp", value: "amp" },
@@ -1579,7 +1659,7 @@ var init = new Command().name("init").description("initialize React Grab in your
     await reportToCli("error", void 0, error);
   }
 });
-var VERSION3 = "0.0.83";
+var VERSION3 = "0.0.84";
 var DEFAULT_PROXY_PORT = 2e3;
 var REACT_GRAB_SCRIPT = '<script src="//unpkg.com/react-grab/dist/index.global.js"></script>';
 var buildProviderScript = (provider) => `<script src="//unpkg.com/${provider}/dist/client.global.js"></script>`;
@@ -1623,7 +1703,9 @@ var start = new Command().name("start").alias("proxy").description("start a prox
   "--provider <package>",
   "provider package to run via npx (e.g., @react-grab/cursor)"
 ).action(async (urlArg, opts) => {
-  console.log(`${pc.magenta("\u269B")} ${pc.bold("React Grab")} ${pc.gray(VERSION3)}`);
+  console.log(
+    `${pc.magenta("\u269B")} ${pc.bold("React Grab")} ${pc.gray(VERSION3)}`
+  );
   console.log();
   let url = urlArg;
   let provider = opts.provider;
@@ -1648,7 +1730,7 @@ var start = new Command().name("start").alias("proxy").description("start a prox
           { title: "None", value: "" },
           { title: "Claude Code", value: "@react-grab/claude-code" },
           { title: "Cursor", value: "@react-grab/cursor" },
-          { title: "Opencode", value: "@react-grab/opencode" },
+          { title: "OpenCode", value: "@react-grab/opencode" },
           { title: "Codex", value: "@react-grab/codex" },
           { title: "Gemini", value: "@react-grab/gemini" },
           { title: "Amp", value: "@react-grab/amp" },
@@ -1733,7 +1815,9 @@ var start = new Command().name("start").alias("proxy").description("start a prox
   server.on("upgrade", proxyMiddleware.upgrade);
   const startSpinner = spinner("Starting.").start();
   const showSuccess = () => {
-    startSpinner.succeed(`Open in your browser: http://${hostname}:${proxyPort}`);
+    startSpinner.succeed(
+      `Open in your browser: http://${hostname}:${proxyPort}`
+    );
     const commandParts = ["npx react-grab@latest start", url];
     if (opts.port !== String(DEFAULT_PROXY_PORT)) {
       commandParts.push(`--port=${opts.port}`);
@@ -1800,7 +1884,7 @@ var start = new Command().name("start").alias("proxy").description("start a prox
 });
 
 // src/cli.ts
-var VERSION4 = "0.0.83";
+var VERSION4 = "0.0.84";
 var VERSION_API_URL = "https://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.0.83",
+  "version": "0.0.84",
   "type": "module",
   "bin": {
     "react-grab": "./dist/cli.js"