@react-grab/cli 0.0.80 → 0.0.82

package/README.md

@@ -38,7 +38,7 @@ npx @react-grab/cli -p pnpm -a claude-code -y
 | `--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`, `none` |
+| `--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 | - |
@@ -82,6 +82,9 @@ 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
+- **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
 
 ## Manual Installation
 

package/dist/cli.cjs

@@ -2,18 +2,19 @@
 'use strict';
 
 var commander = require('commander');
+var pc = require('picocolors');
 var prompts2 = require('prompts');
 var child_process = require('child_process');
 var fs = require('fs');
 var path = require('path');
 var ni = require('@antfu/ni');
-var colors = require('kleur/colors');
 var ora = require('ora');
 var http = require('http');
 var httpProxyMiddleware = require('http-proxy-middleware');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var pc__default = /*#__PURE__*/_interopDefault(pc);
 var prompts2__default = /*#__PURE__*/_interopDefault(prompts2);
 var ora__default = /*#__PURE__*/_interopDefault(ora);
 
@@ -241,7 +242,7 @@ var detectReactGrab = (projectRoot) => {
   ];
   return filesToCheck.some(hasReactGrabInFile);
 };
-var AGENT_PACKAGES = ["@react-grab/claude-code", "@react-grab/cursor", "@react-grab/opencode"];
+var AGENT_PACKAGES = ["@react-grab/claude-code", "@react-grab/cursor", "@react-grab/opencode", "@react-grab/codex", "@react-grab/gemini", "@react-grab/amp"];
 var detectUnsupportedFramework = (projectRoot) => {
   const packageJsonPath = path.join(projectRoot, "package.json");
   if (!fs.existsSync(packageJsonPath)) {
@@ -391,11 +392,11 @@ ${BOLD}File: ${filePath}${RESET}`);
   console.log("\u2500".repeat(60));
 };
 var highlighter = {
-  error: colors.red,
-  warn: colors.yellow,
-  info: colors.cyan,
-  success: colors.green,
-  dim: colors.dim
+  error: pc__default.default.red,
+  warn: pc__default.default.yellow,
+  info: pc__default.default.cyan,
+  success: pc__default.default.green,
+  dim: pc__default.default.dim
 };
 
 // src/utils/logger.ts
@@ -986,7 +987,10 @@ var applyTransform = (result) => {
 var AGENT_PREFIXES = {
   "claude-code": "npx @react-grab/claude-code@latest &&",
   cursor: "npx @react-grab/cursor@latest &&",
-  opencode: "npx @react-grab/opencode@latest &&"
+  opencode: "npx @react-grab/opencode@latest &&",
+  codex: "npx @react-grab/codex@latest &&",
+  gemini: "npx @react-grab/gemini@latest &&",
+  amp: "npx @react-grab/amp@latest &&"
 };
 var previewPackageJsonTransform = (projectRoot, agent, installedAgents) => {
   if (agent === "none" || agent === "ami") {
@@ -1082,17 +1086,23 @@ var applyPackageJsonTransform = (result) => {
 };
 
 // src/commands/add.ts
+var VERSION = "0.0.82";
 var AGENT_NAMES = {
   "claude-code": "Claude Code",
   cursor: "Cursor",
   opencode: "Opencode",
+  codex: "Codex",
+  gemini: "Gemini",
+  amp: "Amp",
   ami: "Ami"
 };
-var add = new commander.Command().name("add").description("add an agent integration").argument("[agent]", "agent to add (claude-code, cursor, opencode, ami)").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)").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();
   try {
     const cwd = opts.cwd;
     const isNonInteractive = opts.yes;
@@ -1108,7 +1118,7 @@ var add = new commander.Command().name("add").description("add an agent integrat
       process.exit(1);
     }
     preflightSpinner.succeed();
-    const availableAgents = ["claude-code", "cursor", "opencode", "ami"].filter((agent) => !projectInfo.installedAgents.includes(agent));
+    const availableAgents = ["claude-code", "cursor", "opencode", "codex", "gemini", "amp", "ami"].filter((agent) => !projectInfo.installedAgents.includes(agent));
     if (availableAgents.length === 0) {
       logger.break();
       logger.success("All agent integrations are already installed.");
@@ -1117,10 +1127,10 @@ var add = new commander.Command().name("add").description("add an agent integrat
     }
     let agentIntegration;
     if (agentArg) {
-      if (!["claude-code", "cursor", "opencode", "ami"].includes(agentArg)) {
+      if (!["claude-code", "cursor", "opencode", "codex", "gemini", "amp", "ami"].includes(agentArg)) {
         logger.break();
         logger.error(`Invalid agent: ${agentArg}`);
-        logger.error("Available agents: claude-code, cursor, opencode, ami");
+        logger.error("Available agents: claude-code, cursor, opencode, codex, gemini, amp, ami");
         logger.break();
         process.exit(1);
       }
@@ -1268,7 +1278,7 @@ var add = new commander.Command().name("add").description("add an agent integrat
     handleError(error);
   }
 });
-var VERSION = "0.0.80";
+var VERSION2 = "0.0.82";
 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) => {
@@ -1278,7 +1288,7 @@ var reportToCli = async (type, config, error) => {
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({
         type,
-        version: VERSION,
+        version: VERSION2,
         config,
         error: error ? { message: error.message, stack: error.stack } : void 0,
         timestamp: (/* @__PURE__ */ new Date()).toISOString()
@@ -1308,12 +1318,14 @@ var UNSUPPORTED_FRAMEWORK_NAMES = {
 };
 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, ami)"
+  "agent integration (claude-code, cursor, opencode, codex, gemini, amp, ami)"
 ).option("--skip-install", "skip package installation", false).option(
   "-c, --cwd <cwd>",
   "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();
   try {
     const cwd = opts.cwd;
     const isNonInteractive = opts.yes;
@@ -1432,6 +1444,9 @@ var init = new commander.Command().name("init").description("initialize React Gr
           { title: "Claude Code", value: "claude-code" },
           { title: "Cursor", value: "cursor" },
           { title: "Opencode", value: "opencode" },
+          { title: "Codex", value: "codex" },
+          { title: "Gemini", value: "gemini" },
+          { title: "Amp", value: "amp" },
           { title: "Ami", value: "ami" }
         ]
       });
@@ -1570,6 +1585,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
     await reportToCli("error", void 0, error);
   }
 });
+var VERSION3 = "0.0.82";
 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>`;
@@ -1613,6 +1629,8 @@ 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();
   let url = urlArg;
   let provider = opts.provider;
   if (!url) {
@@ -1637,6 +1655,9 @@ var start = new commander.Command().name("start").alias("proxy").description("st
           { title: "Claude Code", value: "@react-grab/claude-code" },
           { title: "Cursor", value: "@react-grab/cursor" },
           { title: "Opencode", value: "@react-grab/opencode" },
+          { title: "Codex", value: "@react-grab/codex" },
+          { title: "Gemini", value: "@react-grab/gemini" },
+          { title: "Amp", value: "@react-grab/amp" },
           { title: "Ami", value: "@react-grab/ami" }
         ]
       });
@@ -1785,7 +1806,7 @@ var start = new commander.Command().name("start").alias("proxy").description("st
 });
 
 // src/cli.ts
-var VERSION2 = "0.0.80";
+var VERSION4 = "0.0.82";
 var VERSION_API_URL = "https://react-grab.com/api/version";
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));
@@ -1794,7 +1815,7 @@ try {
   });
 } catch {
 }
-var program = new commander.Command().name("react-grab").description("add React Grab to your project").version(VERSION2, "-v, --version", "display the version number");
+var program = new commander.Command().name("react-grab").description("add React Grab to your project").version(VERSION4, "-v, --version", "display the version number");
 program.addCommand(init);
 program.addCommand(add);
 program.addCommand(start);

package/dist/cli.js

@@ -1,11 +1,11 @@
 #!/usr/bin/env node
 import { Command } from 'commander';
+import pc from 'picocolors';
 import prompts2 from 'prompts';
 import { spawn, execSync } from 'child_process';
 import { existsSync, readFileSync, writeFileSync, accessSync, constants, readdirSync } from 'fs';
 import { join, basename } from 'path';
 import { detect } from '@antfu/ni';
-import { cyan, dim, green, yellow, red } from 'kleur/colors';
 import ora from 'ora';
 import { createServer } from 'http';
 import { createProxyMiddleware, responseInterceptor } from 'http-proxy-middleware';
@@ -234,7 +234,7 @@ var detectReactGrab = (projectRoot) => {
   ];
   return filesToCheck.some(hasReactGrabInFile);
 };
-var AGENT_PACKAGES = ["@react-grab/claude-code", "@react-grab/cursor", "@react-grab/opencode"];
+var AGENT_PACKAGES = ["@react-grab/claude-code", "@react-grab/cursor", "@react-grab/opencode", "@react-grab/codex", "@react-grab/gemini", "@react-grab/amp"];
 var detectUnsupportedFramework = (projectRoot) => {
   const packageJsonPath = join(projectRoot, "package.json");
   if (!existsSync(packageJsonPath)) {
@@ -384,11 +384,11 @@ ${BOLD}File: ${filePath}${RESET}`);
   console.log("\u2500".repeat(60));
 };
 var highlighter = {
-  error: red,
-  warn: yellow,
-  info: cyan,
-  success: green,
-  dim
+  error: pc.red,
+  warn: pc.yellow,
+  info: pc.cyan,
+  success: pc.green,
+  dim: pc.dim
 };
 
 // src/utils/logger.ts
@@ -979,7 +979,10 @@ var applyTransform = (result) => {
 var AGENT_PREFIXES = {
   "claude-code": "npx @react-grab/claude-code@latest &&",
   cursor: "npx @react-grab/cursor@latest &&",
-  opencode: "npx @react-grab/opencode@latest &&"
+  opencode: "npx @react-grab/opencode@latest &&",
+  codex: "npx @react-grab/codex@latest &&",
+  gemini: "npx @react-grab/gemini@latest &&",
+  amp: "npx @react-grab/amp@latest &&"
 };
 var previewPackageJsonTransform = (projectRoot, agent, installedAgents) => {
   if (agent === "none" || agent === "ami") {
@@ -1075,17 +1078,23 @@ var applyPackageJsonTransform = (result) => {
 };
 
 // src/commands/add.ts
+var VERSION = "0.0.82";
 var AGENT_NAMES = {
   "claude-code": "Claude Code",
   cursor: "Cursor",
   opencode: "Opencode",
+  codex: "Codex",
+  gemini: "Gemini",
+  amp: "Amp",
   ami: "Ami"
 };
-var add = new Command().name("add").description("add an agent integration").argument("[agent]", "agent to add (claude-code, cursor, opencode, ami)").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)").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();
   try {
     const cwd = opts.cwd;
     const isNonInteractive = opts.yes;
@@ -1101,7 +1110,7 @@ var add = new Command().name("add").description("add an agent integration").argu
       process.exit(1);
     }
     preflightSpinner.succeed();
-    const availableAgents = ["claude-code", "cursor", "opencode", "ami"].filter((agent) => !projectInfo.installedAgents.includes(agent));
+    const availableAgents = ["claude-code", "cursor", "opencode", "codex", "gemini", "amp", "ami"].filter((agent) => !projectInfo.installedAgents.includes(agent));
     if (availableAgents.length === 0) {
       logger.break();
       logger.success("All agent integrations are already installed.");
@@ -1110,10 +1119,10 @@ var add = new Command().name("add").description("add an agent integration").argu
     }
     let agentIntegration;
     if (agentArg) {
-      if (!["claude-code", "cursor", "opencode", "ami"].includes(agentArg)) {
+      if (!["claude-code", "cursor", "opencode", "codex", "gemini", "amp", "ami"].includes(agentArg)) {
         logger.break();
         logger.error(`Invalid agent: ${agentArg}`);
-        logger.error("Available agents: claude-code, cursor, opencode, ami");
+        logger.error("Available agents: claude-code, cursor, opencode, codex, gemini, amp, ami");
         logger.break();
         process.exit(1);
       }
@@ -1261,7 +1270,7 @@ var add = new Command().name("add").description("add an agent integration").argu
     handleError(error);
   }
 });
-var VERSION = "0.0.80";
+var VERSION2 = "0.0.82";
 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) => {
@@ -1271,7 +1280,7 @@ var reportToCli = async (type, config, error) => {
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({
         type,
-        version: VERSION,
+        version: VERSION2,
         config,
         error: error ? { message: error.message, stack: error.stack } : void 0,
         timestamp: (/* @__PURE__ */ new Date()).toISOString()
@@ -1301,12 +1310,14 @@ var UNSUPPORTED_FRAMEWORK_NAMES = {
 };
 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, ami)"
+  "agent integration (claude-code, cursor, opencode, codex, gemini, amp, ami)"
 ).option("--skip-install", "skip package installation", false).option(
   "-c, --cwd <cwd>",
   "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();
   try {
     const cwd = opts.cwd;
     const isNonInteractive = opts.yes;
@@ -1425,6 +1436,9 @@ var init = new Command().name("init").description("initialize React Grab in your
           { title: "Claude Code", value: "claude-code" },
           { title: "Cursor", value: "cursor" },
           { title: "Opencode", value: "opencode" },
+          { title: "Codex", value: "codex" },
+          { title: "Gemini", value: "gemini" },
+          { title: "Amp", value: "amp" },
           { title: "Ami", value: "ami" }
         ]
       });
@@ -1563,6 +1577,7 @@ var init = new Command().name("init").description("initialize React Grab in your
     await reportToCli("error", void 0, error);
   }
 });
+var VERSION3 = "0.0.82";
 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>`;
@@ -1606,6 +1621,8 @@ 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();
   let url = urlArg;
   let provider = opts.provider;
   if (!url) {
@@ -1630,6 +1647,9 @@ var start = new Command().name("start").alias("proxy").description("start a prox
           { title: "Claude Code", value: "@react-grab/claude-code" },
           { title: "Cursor", value: "@react-grab/cursor" },
           { title: "Opencode", value: "@react-grab/opencode" },
+          { title: "Codex", value: "@react-grab/codex" },
+          { title: "Gemini", value: "@react-grab/gemini" },
+          { title: "Amp", value: "@react-grab/amp" },
           { title: "Ami", value: "@react-grab/ami" }
         ]
       });
@@ -1778,7 +1798,7 @@ var start = new Command().name("start").alias("proxy").description("start a prox
 });
 
 // src/cli.ts
-var VERSION2 = "0.0.80";
+var VERSION4 = "0.0.82";
 var VERSION_API_URL = "https://react-grab.com/api/version";
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));
@@ -1787,7 +1807,7 @@ try {
   });
 } catch {
 }
-var program = new Command().name("react-grab").description("add React Grab to your project").version(VERSION2, "-v, --version", "display the version number");
+var program = new Command().name("react-grab").description("add React Grab to your project").version(VERSION4, "-v, --version", "display the version number");
 program.addCommand(init);
 program.addCommand(add);
 program.addCommand(start);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-grab/cli",
-  "version": "0.0.80",
+  "version": "0.0.82",
   "type": "module",
   "bin": {
     "react-grab": "./dist/cli.js"
@@ -24,8 +24,8 @@
     "@antfu/ni": "^0.23.0",
     "commander": "^14.0.0",
     "http-proxy-middleware": "^3.0.3",
-    "kleur": "^4.1.5",
     "ora": "^8.2.0",
+    "picocolors": "^1.1.1",
     "prompts": "^2.4.2"
   },
   "scripts": {