@react-grab/cli 0.1.1 → 0.1.2

package/dist/cli.cjs

@@ -2,7 +2,7 @@
 'use strict';
 
 var commander = require('commander');
-var pc = require('picocolors');
+var pc5 = require('picocolors');
 var prompts3 = require('prompts');
 var child_process = require('child_process');
 var fs = require('fs');
@@ -12,7 +12,7 @@ var ora = require('ora');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var pc__default = /*#__PURE__*/_interopDefault(pc);
+var pc5__default = /*#__PURE__*/_interopDefault(pc5);
 var prompts3__default = /*#__PURE__*/_interopDefault(prompts3);
 var ora__default = /*#__PURE__*/_interopDefault(ora);
 
@@ -261,6 +261,85 @@ var AGENT_PACKAGES = [
   "@react-grab/amp",
   "@react-grab/ami"
 ];
+var REACT_SCAN_DETECTION_PATTERNS = [
+  /["'`][^"'`]*react-scan/,
+  /react-scan[^"'`]*["'`]/,
+  /unpkg\.com\/react-scan/,
+  /import\s*\(?["']react-scan/,
+  /require\s*\(["']react-scan/,
+  /from\s+["']react-scan/,
+  /<Script[^>]*react-scan/i,
+  /<script[^>]*react-scan/i
+];
+var REACT_SCAN_FILE_PATTERNS = [
+  ["app", "layout"],
+  ["src", "app", "layout"],
+  ["pages", "_document"],
+  ["pages", "_app"],
+  ["src", "pages", "_document"],
+  ["src", "pages", "_app"],
+  ["index"],
+  ["public", "index"],
+  ["src", "index"],
+  ["src", "main"],
+  ["src", "routes", "__root"],
+  ["app", "routes", "__root"]
+];
+var SCRIPT_EXTENSIONS = ["tsx", "jsx", "ts", "js"];
+var getReactScanFilesToCheck = (projectRoot) => REACT_SCAN_FILE_PATTERNS.flatMap((segments) => {
+  const baseName = segments[segments.length - 1];
+  const isHtmlFile = baseName === "index" && segments.length <= 2;
+  const extensions = isHtmlFile ? [...SCRIPT_EXTENSIONS, "html"] : SCRIPT_EXTENSIONS;
+  return extensions.map(
+    (extension) => path.join(projectRoot, ...segments) + `.${extension}`
+  );
+});
+var hasReactScanInFile = (filePath) => {
+  if (!fs.existsSync(filePath)) return false;
+  try {
+    const content = fs.readFileSync(filePath, "utf-8");
+    return REACT_SCAN_DETECTION_PATTERNS.some(
+      (pattern) => pattern.test(content)
+    );
+  } catch {
+    return false;
+  }
+};
+var detectReactScan = (projectRoot) => {
+  const result = {
+    hasReactScan: false,
+    hasReactScanMonitoring: false,
+    isPackageInstalled: false,
+    detectedFiles: []
+  };
+  const packageJsonPath = path.join(projectRoot, "package.json");
+  if (fs.existsSync(packageJsonPath)) {
+    try {
+      const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
+      const allDependencies = {
+        ...packageJson.dependencies,
+        ...packageJson.devDependencies
+      };
+      if (allDependencies["react-scan"]) {
+        result.isPackageInstalled = true;
+        result.hasReactScan = true;
+      }
+      if (allDependencies["@react-scan/monitoring"]) {
+        result.hasReactScanMonitoring = true;
+        result.hasReactScan = true;
+      }
+    } catch {
+    }
+  }
+  const filesToCheck = getReactScanFilesToCheck(projectRoot);
+  for (const filePath of filesToCheck) {
+    if (hasReactScanInFile(filePath)) {
+      result.hasReactScan = true;
+      result.detectedFiles.push(filePath);
+    }
+  }
+  return result;
+};
 var detectUnsupportedFramework = (projectRoot) => {
   const packageJsonPath = path.join(projectRoot, "package.json");
   if (!fs.existsSync(packageJsonPath)) {
@@ -422,11 +501,11 @@ ${BOLD}File: ${filePath}${RESET}`);
   console.log("\u2500".repeat(60));
 };
 var highlighter = {
-  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
+  error: pc5__default.default.red,
+  warn: pc5__default.default.yellow,
+  info: pc5__default.default.cyan,
+  success: pc5__default.default.green,
+  dim: pc5__default.default.dim
 };
 
 // src/utils/logger.ts
@@ -1820,9 +1899,120 @@ var previewPackageJsonAgentRemoval = (projectRoot, agent) => {
     };
   }
 };
+var hasReactScanCode = (content) => REACT_SCAN_DETECTION_PATTERNS.some((pattern) => pattern.test(content));
+var createRemovalTransform = (removalPatterns) => {
+  return (originalContent, filePath) => {
+    if (!hasReactScanCode(originalContent)) {
+      return {
+        success: true,
+        filePath,
+        message: "React Scan is not configured in this file",
+        noChanges: true
+      };
+    }
+    let newContent = originalContent;
+    for (const pattern of removalPatterns) {
+      newContent = newContent.replace(pattern, "");
+    }
+    if (newContent === originalContent) {
+      return {
+        success: true,
+        filePath,
+        message: "Could not remove React Scan code",
+        noChanges: true
+      };
+    }
+    return {
+      success: true,
+      filePath,
+      message: "Remove React Scan",
+      originalContent,
+      newContent
+    };
+  };
+};
+var NEXT_APP_REMOVAL_PATTERNS = [
+  /\s*\{process\.env\.NODE_ENV\s*===\s*["']development["']\s*&&\s*\(\s*<Script[^>]*react-scan[^>]*\/>\s*\)\}/gs,
+  /\s*<Script[^>]*react-scan[^>]*\/>/gi,
+  /\s*<script[^>]*>\s*(?:if\s*\([^)]*\)\s*\{)?\s*import\s*\(\s*["']react-scan["']\s*\)[^<]*<\/script>/gi,
+  /\s*<script[^>]*react-scan[^>]*>[^<]*<\/script>/gi,
+  /\s*<script[^>]*react-scan[^>]*\/>/gi
+];
+var VITE_REMOVAL_PATTERNS = [
+  /\s*import\s*\(\s*["']react-scan["']\s*\)\s*\.then\s*\([^)]*\)[^;]*;?/g,
+  /\s*import\s*\(\s*["']react-scan["']\s*\);?/g,
+  /^\s*import\s+(?:\{[^}]*\}|\*\s+as\s+\w+|\w+)\s+from\s+["']react-scan["'];?\s*$/gm,
+  /<script[^>]*type="module"[^>]*>\s*if\s*\(\s*import\.meta\.env\.DEV\s*\)\s*\{\s*\}\s*<\/script>/gi
+];
+var WEBPACK_REMOVAL_PATTERNS = [
+  /\s*import\s*\(\s*["']react-scan["']\s*\)\s*\.then\s*\([^)]*\)[^;]*;?/g,
+  /\s*import\s*\(\s*["']react-scan["']\s*\);?/g,
+  /^\s*import\s+(?:\{[^}]*\}|\*\s+as\s+\w+|\w+)\s+from\s+["']react-scan["'];?\s*$/gm,
+  /if\s*\(\s*process\.env\.NODE_ENV\s*===\s*["']development["']\s*\)\s*\{\s*\}/g
+];
+var TANSTACK_REMOVAL_PATTERNS = [
+  /\s*void\s+import\s*\(\s*["']react-scan["']\s*\);?/g,
+  /\s*import\s*\(\s*["']react-scan["']\s*\);?/g,
+  /^\s*import\s+(?:\{[^}]*\}|\*\s+as\s+\w+|\w+)\s+from\s+["']react-scan["'];?\s*$/gm
+];
+var removeReactScanFromNextApp = createRemovalTransform(
+  NEXT_APP_REMOVAL_PATTERNS
+);
+var removeReactScanFromVite = createRemovalTransform(VITE_REMOVAL_PATTERNS);
+var removeReactScanFromWebpack = createRemovalTransform(
+  WEBPACK_REMOVAL_PATTERNS
+);
+var removeReactScanFromTanStack = createRemovalTransform(
+  TANSTACK_REMOVAL_PATTERNS
+);
+var findReactScanFile = (projectRoot, framework, nextRouterType) => {
+  switch (framework) {
+    case "next":
+      if (nextRouterType === "app") {
+        return findLayoutFile(projectRoot);
+      }
+      return findDocumentFile(projectRoot);
+    case "vite":
+      return findIndexHtml(projectRoot);
+    case "tanstack":
+      return findTanStackRootFile(projectRoot);
+    case "webpack":
+      return findEntryFile(projectRoot);
+    default:
+      return null;
+  }
+};
+var previewReactScanRemoval = (projectRoot, framework, nextRouterType) => {
+  const filePath = findReactScanFile(projectRoot, framework, nextRouterType);
+  if (!filePath) {
+    return {
+      success: true,
+      filePath: "",
+      message: "Could not find file containing React Scan configuration",
+      noChanges: true
+    };
+  }
+  const originalContent = fs.readFileSync(filePath, "utf-8");
+  switch (framework) {
+    case "next":
+      return removeReactScanFromNextApp(originalContent, filePath);
+    case "vite":
+      return removeReactScanFromVite(originalContent, filePath);
+    case "tanstack":
+      return removeReactScanFromTanStack(originalContent, filePath);
+    case "webpack":
+      return removeReactScanFromWebpack(originalContent, filePath);
+    default:
+      return {
+        success: false,
+        filePath,
+        message: `Unknown framework: ${framework}`
+      };
+  }
+};
 
 // src/commands/add.ts
-var VERSION = "0.1.0";
+var VERSION = "0.1.1";
 var formatInstalledAgentNames = (agents) => agents.map((agent) => AGENT_NAMES[agent] || agent).join(", ");
 var add = new commander.Command().name("add").alias("install").description("add an agent integration").argument("[agent]", `agent to add (${AGENTS.join(", ")})`).option("-y, --yes", "skip confirmation prompts", false).option(
   "-c, --cwd <cwd>",
@@ -1830,7 +2020,7 @@ var add = new commander.Command().name("add").alias("install").description("add
   process.cwd()
 ).action(async (agentArg, opts) => {
   console.log(
-    `${pc__default.default.magenta("\u273F")} ${pc__default.default.bold("React Grab")} ${pc__default.default.gray(VERSION)}`
+    `${pc5__default.default.magenta("\u273F")} ${pc5__default.default.bold("React Grab")} ${pc5__default.default.gray(VERSION)}`
   );
   console.log();
   try {
@@ -2158,7 +2348,7 @@ var MAX_KEY_HOLD_DURATION_MS = 2e3;
 var MAX_CONTEXT_LINES = 50;
 
 // src/commands/configure.ts
-var VERSION2 = "0.1.0";
+var VERSION2 = "0.1.1";
 var isMac = process.platform === "darwin";
 var META_LABEL = isMac ? "Cmd" : "Win";
 var ALT_LABEL = isMac ? "Option" : "Alt";
@@ -2368,7 +2558,7 @@ var configure = new commander.Command().name("configure").alias("config").descri
   process.cwd()
 ).action(async (opts) => {
   console.log(
-    `${pc__default.default.magenta("\u273F")} ${pc__default.default.bold("React Grab")} ${pc__default.default.gray(VERSION2)}`
+    `${pc5__default.default.magenta("\u273F")} ${pc5__default.default.bold("React Grab")} ${pc5__default.default.gray(VERSION2)}`
   );
   console.log();
   try {
@@ -2555,7 +2745,7 @@ var configure = new commander.Command().name("configure").alias("config").descri
         `Add this to your ${highlighter.info("init()")} call or ${highlighter.info("data-options")} attribute:`
       );
       logger.break();
-      console.log(`  ${pc__default.default.cyan(configJson)}`);
+      console.log(`  ${pc5__default.default.cyan(configJson)}`);
       logger.break();
       process.exit(1);
     }
@@ -2658,7 +2848,7 @@ var uninstallPackagesWithFeedback = (packages, packageManager, projectRoot) => {
 };
 
 // src/commands/init.ts
-var VERSION3 = "0.1.0";
+var VERSION3 = "0.1.1";
 var REPORT_URL = "https://react-grab.com/api/report-cli";
 var DOCS_URL = "https://github.com/aidenybai/react-grab";
 var reportToCli = (type, config, error) => {
@@ -2724,7 +2914,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
   process.cwd()
 ).action(async (opts) => {
   console.log(
-    `${pc__default.default.magenta("\u273F")} ${pc__default.default.bold("React Grab")} ${pc__default.default.gray(VERSION3)}`
+    `${pc5__default.default.magenta("\u273F")} ${pc5__default.default.bold("React Grab")} ${pc5__default.default.gray(VERSION3)}`
   );
   console.log();
   try {
@@ -3325,7 +3515,293 @@ var init = new commander.Command().name("init").description("initialize React Gr
     reportToCli("error", void 0, error);
   }
 });
-var VERSION4 = "0.1.0";
+var VERSION4 = "0.1.1";
+var DOCS_URL2 = "https://github.com/aidenybai/react-grab";
+var exitWithMessage = (message, code = 0) => {
+  if (message) logger.log(message);
+  logger.break();
+  process.exit(code);
+};
+var confirmOrExit = async (message, isNonInteractive) => {
+  if (isNonInteractive) return;
+  const { proceed } = await prompts3__default.default({
+    type: "confirm",
+    name: "proceed",
+    message,
+    initial: true
+  });
+  if (!proceed) exitWithMessage("Migration cancelled.");
+};
+var hasTransformChanges = (result) => result.success && !result.noChanges && Boolean(result.originalContent) && Boolean(result.newContent);
+var MIGRATION_SOURCES = ["react-scan"];
+var MIGRATION_SOURCE_NAMES = {
+  "react-scan": "React Scan"
+};
+var FRAMEWORK_NAMES2 = {
+  next: "Next.js",
+  vite: "Vite",
+  tanstack: "TanStack Start",
+  webpack: "Webpack",
+  unknown: "Unknown"
+};
+var migrate = new commander.Command().name("migrate").description("migrate to React Grab from another tool").option("-y, --yes", "skip confirmation prompts", false).option("-f, --from <source>", "migration source (react-scan)").option(
+  "-c, --cwd <cwd>",
+  "working directory (defaults to current directory)",
+  process.cwd()
+).action(async (opts) => {
+  console.log(
+    `${pc5__default.default.magenta("\u273F")} ${pc5__default.default.bold("React Grab")} ${pc5__default.default.gray(VERSION4)}`
+  );
+  console.log();
+  try {
+    const cwd = opts.cwd;
+    const isNonInteractive = opts.yes;
+    let migrationSource = opts.from;
+    if (!migrationSource) {
+      if (isNonInteractive) {
+        logger.error(
+          "Migration source is required in non-interactive mode. Use --from <source>"
+        );
+        logger.log(
+          `Available sources: ${MIGRATION_SOURCES.map((innerSource) => highlighter.info(innerSource)).join(", ")}`
+        );
+        logger.break();
+        process.exit(1);
+      }
+      const { source } = await prompts3__default.default({
+        type: "select",
+        name: "source",
+        message: `What would you like to migrate ${highlighter.info("from")}?`,
+        choices: MIGRATION_SOURCES.map((innerSource) => ({
+          title: MIGRATION_SOURCE_NAMES[innerSource],
+          value: innerSource
+        }))
+      });
+      if (!source) exitWithMessage();
+      migrationSource = source;
+    }
+    if (!MIGRATION_SOURCES.includes(migrationSource)) {
+      logger.error(`Unknown migration source: ${migrationSource}`);
+      logger.log(
+        `Available sources: ${MIGRATION_SOURCES.map((innerSource) => highlighter.info(innerSource)).join(", ")}`
+      );
+      logger.break();
+      process.exit(1);
+    }
+    logger.break();
+    logger.log(
+      `Migrating from ${highlighter.info(MIGRATION_SOURCE_NAMES[migrationSource])} to ${highlighter.info("React Grab")}...`
+    );
+    logger.break();
+    const preflightSpinner = spinner("Preflight checks.").start();
+    const projectInfo = await detectProject(cwd);
+    preflightSpinner.succeed();
+    if (projectInfo.framework === "unknown") {
+      logger.break();
+      logger.error("Could not detect a supported framework.");
+      logger.log(
+        "React Grab supports Next.js, Vite, TanStack Start, and Webpack projects."
+      );
+      logger.log(`Visit ${highlighter.info(DOCS_URL2)} for manual setup.`);
+      logger.break();
+      process.exit(1);
+    }
+    const frameworkSpinner = spinner("Verifying framework.").start();
+    frameworkSpinner.succeed(
+      `Verifying framework. Found ${highlighter.info(FRAMEWORK_NAMES2[projectInfo.framework])}.`
+    );
+    if (projectInfo.framework === "next") {
+      const routerSpinner = spinner("Detecting router type.").start();
+      routerSpinner.succeed(
+        `Detecting router type. Found ${highlighter.info(projectInfo.nextRouterType === "app" ? "App Router" : "Pages Router")}.`
+      );
+    }
+    const sourceSpinner = spinner(
+      `Checking for ${MIGRATION_SOURCE_NAMES[migrationSource]}.`
+    ).start();
+    const reactScanInfo = detectReactScan(cwd);
+    const sourceName = MIGRATION_SOURCE_NAMES[migrationSource];
+    if (!reactScanInfo.hasReactScan) {
+      sourceSpinner.fail(`${sourceName} is not installed in this project.`);
+      exitWithMessage(
+        `Use ${highlighter.info("npx grab init")} to install React Grab directly.`
+      );
+    }
+    sourceSpinner.succeed(
+      `Checking for ${sourceName}. Found ${highlighter.info(reactScanInfo.isPackageInstalled ? "npm package" : "script reference")}.`
+    );
+    if (reactScanInfo.hasReactScanMonitoring) {
+      logger.break();
+      logger.warn(
+        `${sourceName} Monitoring (@react-scan/monitoring) detected.`
+      );
+      logger.warn(
+        "Monitoring features are not available in React Grab. You may need to remove it manually."
+      );
+    }
+    if (projectInfo.hasReactGrab) {
+      logger.break();
+      logger.success("React Grab is already installed.");
+      logger.log(
+        `This migration will only remove ${sourceName} from your project.`
+      );
+      logger.break();
+      const removalResult2 = previewReactScanRemoval(
+        projectInfo.projectRoot,
+        projectInfo.framework,
+        projectInfo.nextRouterType
+      );
+      if (removalResult2.noChanges) {
+        logger.log(`No ${sourceName} code found in configuration files.`);
+        logger.break();
+        if (reactScanInfo.isPackageInstalled) {
+          if (reactScanInfo.detectedFiles.length > 0) {
+            logger.warn(
+              `${sourceName} was detected in files that cannot be automatically cleaned:`
+            );
+            for (const file of reactScanInfo.detectedFiles) {
+              logger.log(`  - ${file}`);
+            }
+            logger.warn(
+              "Please remove React Scan references manually before uninstalling the package."
+            );
+            logger.break();
+            process.exit(1);
+          }
+          await confirmOrExit(
+            `Uninstall ${migrationSource} package?`,
+            isNonInteractive
+          );
+          uninstallPackagesWithFeedback(
+            [migrationSource],
+            projectInfo.packageManager,
+            projectInfo.projectRoot
+          );
+          logger.break();
+          logger.success(`${sourceName} has been removed.`);
+        }
+        exitWithMessage();
+      }
+      if (hasTransformChanges(removalResult2)) {
+        logger.break();
+        printDiff(
+          removalResult2.filePath,
+          removalResult2.originalContent,
+          removalResult2.newContent
+        );
+        logger.break();
+        await confirmOrExit("Apply these changes?", isNonInteractive);
+        applyTransformWithFeedback(
+          removalResult2,
+          `Removing ${sourceName} from ${removalResult2.filePath}.`
+        );
+        if (reactScanInfo.isPackageInstalled) {
+          uninstallPackagesWithFeedback(
+            [migrationSource],
+            projectInfo.packageManager,
+            projectInfo.projectRoot
+          );
+        }
+        logger.break();
+        logger.success(`Migration complete! ${sourceName} has been removed.`);
+      }
+      exitWithMessage();
+    }
+    const removalResult = previewReactScanRemoval(
+      projectInfo.projectRoot,
+      projectInfo.framework,
+      projectInfo.nextRouterType
+    );
+    const addResult = previewTransform(
+      projectInfo.projectRoot,
+      projectInfo.framework,
+      projectInfo.nextRouterType,
+      "none",
+      false
+    );
+    const hasRemovalChanges = hasTransformChanges(removalResult);
+    const hasAddChanges = hasTransformChanges(addResult);
+    if (!hasRemovalChanges && !hasAddChanges) {
+      exitWithMessage("No changes needed.");
+    }
+    logger.break();
+    logger.log("Migration will perform the following changes:");
+    logger.break();
+    if (hasRemovalChanges) {
+      logger.log(
+        `  ${pc5__default.default.red("\u2212")} Remove ${sourceName} from ${removalResult.filePath}`
+      );
+    }
+    if (reactScanInfo.isPackageInstalled) {
+      logger.log(`  ${pc5__default.default.red("\u2212")} Uninstall ${migrationSource} package`);
+    }
+    logger.log(`  ${pc5__default.default.green("+")} Install react-grab package`);
+    if (hasAddChanges) {
+      logger.log(
+        `  ${pc5__default.default.green("+")} Add React Grab to ${addResult.filePath}`
+      );
+    }
+    if (hasRemovalChanges && hasAddChanges && removalResult.filePath === addResult.filePath) {
+      const combinedOriginal = removalResult.originalContent;
+      const combinedNew = addResult.newContent;
+      logger.break();
+      printDiff(removalResult.filePath, combinedOriginal, combinedNew);
+    } else {
+      if (hasRemovalChanges) {
+        logger.break();
+        printDiff(
+          removalResult.filePath,
+          removalResult.originalContent,
+          removalResult.newContent
+        );
+      }
+      if (hasAddChanges) {
+        logger.break();
+        printDiff(
+          addResult.filePath,
+          addResult.originalContent,
+          addResult.newContent
+        );
+      }
+    }
+    logger.break();
+    logger.warn("Auto-detection may not be 100% accurate.");
+    logger.warn("Please verify the changes before committing.");
+    logger.break();
+    await confirmOrExit("Apply these changes?", isNonInteractive);
+    if (reactScanInfo.isPackageInstalled && (hasRemovalChanges || reactScanInfo.detectedFiles.length === 0)) {
+      uninstallPackagesWithFeedback(
+        [migrationSource],
+        projectInfo.packageManager,
+        projectInfo.projectRoot
+      );
+    }
+    installPackagesWithFeedback(
+      getPackagesToInstall("none", true),
+      projectInfo.packageManager,
+      projectInfo.projectRoot
+    );
+    if (hasRemovalChanges) {
+      applyTransformWithFeedback(
+        removalResult,
+        `Removing ${sourceName} from ${removalResult.filePath}.`
+      );
+    }
+    if (hasAddChanges) {
+      applyTransformWithFeedback(
+        addResult,
+        `Adding React Grab to ${addResult.filePath}.`
+      );
+    }
+    logger.break();
+    logger.log(`${highlighter.success("Success!")} Migration complete.`);
+    logger.log("You may now start your development server.");
+    logger.break();
+  } catch (error) {
+    handleError(error);
+  }
+});
+var VERSION5 = "0.1.1";
 var remove = new commander.Command().name("remove").description("remove an agent integration").argument(
   "[agent]",
   "agent to remove (claude-code, cursor, opencode, codex, gemini, amp, ami)"
@@ -3335,7 +3811,7 @@ var remove = new commander.Command().name("remove").description("remove an agent
   process.cwd()
 ).action(async (agentArg, opts) => {
   console.log(
-    `${pc__default.default.magenta("\u273F")} ${pc__default.default.bold("React Grab")} ${pc__default.default.gray(VERSION4)}`
+    `${pc5__default.default.magenta("\u273F")} ${pc5__default.default.bold("React Grab")} ${pc5__default.default.gray(VERSION5)}`
   );
   console.log();
   try {
@@ -3504,7 +3980,7 @@ var remove = new commander.Command().name("remove").description("remove an agent
 });
 
 // src/cli.ts
-var VERSION5 = "0.1.0";
+var VERSION6 = "0.1.1";
 var VERSION_API_URL = "https://www.react-grab.com/api/version";
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));
@@ -3513,11 +3989,12 @@ try {
   });
 } catch {
 }
-var program = new commander.Command().name("grab").description("add React Grab to your project").version(VERSION5, "-v, --version", "display the version number");
+var program = new commander.Command().name("grab").description("add React Grab to your project").version(VERSION6, "-v, --version", "display the version number");
 program.addCommand(init);
 program.addCommand(add);
 program.addCommand(remove);
 program.addCommand(configure);
+program.addCommand(migrate);
 var main = async () => {
   await program.parseAsync();
 };

package/dist/cli.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 import { Command } from 'commander';
-import pc from 'picocolors';
+import pc5 from 'picocolors';
 import prompts3 from 'prompts';
 import { execSync } from 'child_process';
 import { readFileSync, existsSync, writeFileSync, accessSync, constants, readdirSync } from 'fs';
@@ -253,6 +253,85 @@ var AGENT_PACKAGES = [
   "@react-grab/amp",
   "@react-grab/ami"
 ];
+var REACT_SCAN_DETECTION_PATTERNS = [
+  /["'`][^"'`]*react-scan/,
+  /react-scan[^"'`]*["'`]/,
+  /unpkg\.com\/react-scan/,
+  /import\s*\(?["']react-scan/,
+  /require\s*\(["']react-scan/,
+  /from\s+["']react-scan/,
+  /<Script[^>]*react-scan/i,
+  /<script[^>]*react-scan/i
+];
+var REACT_SCAN_FILE_PATTERNS = [
+  ["app", "layout"],
+  ["src", "app", "layout"],
+  ["pages", "_document"],
+  ["pages", "_app"],
+  ["src", "pages", "_document"],
+  ["src", "pages", "_app"],
+  ["index"],
+  ["public", "index"],
+  ["src", "index"],
+  ["src", "main"],
+  ["src", "routes", "__root"],
+  ["app", "routes", "__root"]
+];
+var SCRIPT_EXTENSIONS = ["tsx", "jsx", "ts", "js"];
+var getReactScanFilesToCheck = (projectRoot) => REACT_SCAN_FILE_PATTERNS.flatMap((segments) => {
+  const baseName = segments[segments.length - 1];
+  const isHtmlFile = baseName === "index" && segments.length <= 2;
+  const extensions = isHtmlFile ? [...SCRIPT_EXTENSIONS, "html"] : SCRIPT_EXTENSIONS;
+  return extensions.map(
+    (extension) => join(projectRoot, ...segments) + `.${extension}`
+  );
+});
+var hasReactScanInFile = (filePath) => {
+  if (!existsSync(filePath)) return false;
+  try {
+    const content = readFileSync(filePath, "utf-8");
+    return REACT_SCAN_DETECTION_PATTERNS.some(
+      (pattern) => pattern.test(content)
+    );
+  } catch {
+    return false;
+  }
+};
+var detectReactScan = (projectRoot) => {
+  const result = {
+    hasReactScan: false,
+    hasReactScanMonitoring: false,
+    isPackageInstalled: false,
+    detectedFiles: []
+  };
+  const packageJsonPath = join(projectRoot, "package.json");
+  if (existsSync(packageJsonPath)) {
+    try {
+      const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf-8"));
+      const allDependencies = {
+        ...packageJson.dependencies,
+        ...packageJson.devDependencies
+      };
+      if (allDependencies["react-scan"]) {
+        result.isPackageInstalled = true;
+        result.hasReactScan = true;
+      }
+      if (allDependencies["@react-scan/monitoring"]) {
+        result.hasReactScanMonitoring = true;
+        result.hasReactScan = true;
+      }
+    } catch {
+    }
+  }
+  const filesToCheck = getReactScanFilesToCheck(projectRoot);
+  for (const filePath of filesToCheck) {
+    if (hasReactScanInFile(filePath)) {
+      result.hasReactScan = true;
+      result.detectedFiles.push(filePath);
+    }
+  }
+  return result;
+};
 var detectUnsupportedFramework = (projectRoot) => {
   const packageJsonPath = join(projectRoot, "package.json");
   if (!existsSync(packageJsonPath)) {
@@ -414,11 +493,11 @@ ${BOLD}File: ${filePath}${RESET}`);
   console.log("\u2500".repeat(60));
 };
 var highlighter = {
-  error: pc.red,
-  warn: pc.yellow,
-  info: pc.cyan,
-  success: pc.green,
-  dim: pc.dim
+  error: pc5.red,
+  warn: pc5.yellow,
+  info: pc5.cyan,
+  success: pc5.green,
+  dim: pc5.dim
 };
 
 // src/utils/logger.ts
@@ -1812,9 +1891,120 @@ var previewPackageJsonAgentRemoval = (projectRoot, agent) => {
     };
   }
 };
+var hasReactScanCode = (content) => REACT_SCAN_DETECTION_PATTERNS.some((pattern) => pattern.test(content));
+var createRemovalTransform = (removalPatterns) => {
+  return (originalContent, filePath) => {
+    if (!hasReactScanCode(originalContent)) {
+      return {
+        success: true,
+        filePath,
+        message: "React Scan is not configured in this file",
+        noChanges: true
+      };
+    }
+    let newContent = originalContent;
+    for (const pattern of removalPatterns) {
+      newContent = newContent.replace(pattern, "");
+    }
+    if (newContent === originalContent) {
+      return {
+        success: true,
+        filePath,
+        message: "Could not remove React Scan code",
+        noChanges: true
+      };
+    }
+    return {
+      success: true,
+      filePath,
+      message: "Remove React Scan",
+      originalContent,
+      newContent
+    };
+  };
+};
+var NEXT_APP_REMOVAL_PATTERNS = [
+  /\s*\{process\.env\.NODE_ENV\s*===\s*["']development["']\s*&&\s*\(\s*<Script[^>]*react-scan[^>]*\/>\s*\)\}/gs,
+  /\s*<Script[^>]*react-scan[^>]*\/>/gi,
+  /\s*<script[^>]*>\s*(?:if\s*\([^)]*\)\s*\{)?\s*import\s*\(\s*["']react-scan["']\s*\)[^<]*<\/script>/gi,
+  /\s*<script[^>]*react-scan[^>]*>[^<]*<\/script>/gi,
+  /\s*<script[^>]*react-scan[^>]*\/>/gi
+];
+var VITE_REMOVAL_PATTERNS = [
+  /\s*import\s*\(\s*["']react-scan["']\s*\)\s*\.then\s*\([^)]*\)[^;]*;?/g,
+  /\s*import\s*\(\s*["']react-scan["']\s*\);?/g,
+  /^\s*import\s+(?:\{[^}]*\}|\*\s+as\s+\w+|\w+)\s+from\s+["']react-scan["'];?\s*$/gm,
+  /<script[^>]*type="module"[^>]*>\s*if\s*\(\s*import\.meta\.env\.DEV\s*\)\s*\{\s*\}\s*<\/script>/gi
+];
+var WEBPACK_REMOVAL_PATTERNS = [
+  /\s*import\s*\(\s*["']react-scan["']\s*\)\s*\.then\s*\([^)]*\)[^;]*;?/g,
+  /\s*import\s*\(\s*["']react-scan["']\s*\);?/g,
+  /^\s*import\s+(?:\{[^}]*\}|\*\s+as\s+\w+|\w+)\s+from\s+["']react-scan["'];?\s*$/gm,
+  /if\s*\(\s*process\.env\.NODE_ENV\s*===\s*["']development["']\s*\)\s*\{\s*\}/g
+];
+var TANSTACK_REMOVAL_PATTERNS = [
+  /\s*void\s+import\s*\(\s*["']react-scan["']\s*\);?/g,
+  /\s*import\s*\(\s*["']react-scan["']\s*\);?/g,
+  /^\s*import\s+(?:\{[^}]*\}|\*\s+as\s+\w+|\w+)\s+from\s+["']react-scan["'];?\s*$/gm
+];
+var removeReactScanFromNextApp = createRemovalTransform(
+  NEXT_APP_REMOVAL_PATTERNS
+);
+var removeReactScanFromVite = createRemovalTransform(VITE_REMOVAL_PATTERNS);
+var removeReactScanFromWebpack = createRemovalTransform(
+  WEBPACK_REMOVAL_PATTERNS
+);
+var removeReactScanFromTanStack = createRemovalTransform(
+  TANSTACK_REMOVAL_PATTERNS
+);
+var findReactScanFile = (projectRoot, framework, nextRouterType) => {
+  switch (framework) {
+    case "next":
+      if (nextRouterType === "app") {
+        return findLayoutFile(projectRoot);
+      }
+      return findDocumentFile(projectRoot);
+    case "vite":
+      return findIndexHtml(projectRoot);
+    case "tanstack":
+      return findTanStackRootFile(projectRoot);
+    case "webpack":
+      return findEntryFile(projectRoot);
+    default:
+      return null;
+  }
+};
+var previewReactScanRemoval = (projectRoot, framework, nextRouterType) => {
+  const filePath = findReactScanFile(projectRoot, framework, nextRouterType);
+  if (!filePath) {
+    return {
+      success: true,
+      filePath: "",
+      message: "Could not find file containing React Scan configuration",
+      noChanges: true
+    };
+  }
+  const originalContent = readFileSync(filePath, "utf-8");
+  switch (framework) {
+    case "next":
+      return removeReactScanFromNextApp(originalContent, filePath);
+    case "vite":
+      return removeReactScanFromVite(originalContent, filePath);
+    case "tanstack":
+      return removeReactScanFromTanStack(originalContent, filePath);
+    case "webpack":
+      return removeReactScanFromWebpack(originalContent, filePath);
+    default:
+      return {
+        success: false,
+        filePath,
+        message: `Unknown framework: ${framework}`
+      };
+  }
+};
 
 // src/commands/add.ts
-var VERSION = "0.1.0";
+var VERSION = "0.1.1";
 var formatInstalledAgentNames = (agents) => agents.map((agent) => AGENT_NAMES[agent] || agent).join(", ");
 var add = new Command().name("add").alias("install").description("add an agent integration").argument("[agent]", `agent to add (${AGENTS.join(", ")})`).option("-y, --yes", "skip confirmation prompts", false).option(
   "-c, --cwd <cwd>",
@@ -1822,7 +2012,7 @@ var add = new Command().name("add").alias("install").description("add an agent i
   process.cwd()
 ).action(async (agentArg, opts) => {
   console.log(
-    `${pc.magenta("\u273F")} ${pc.bold("React Grab")} ${pc.gray(VERSION)}`
+    `${pc5.magenta("\u273F")} ${pc5.bold("React Grab")} ${pc5.gray(VERSION)}`
   );
   console.log();
   try {
@@ -2150,7 +2340,7 @@ var MAX_KEY_HOLD_DURATION_MS = 2e3;
 var MAX_CONTEXT_LINES = 50;
 
 // src/commands/configure.ts
-var VERSION2 = "0.1.0";
+var VERSION2 = "0.1.1";
 var isMac = process.platform === "darwin";
 var META_LABEL = isMac ? "Cmd" : "Win";
 var ALT_LABEL = isMac ? "Option" : "Alt";
@@ -2360,7 +2550,7 @@ var configure = new Command().name("configure").alias("config").description("con
   process.cwd()
 ).action(async (opts) => {
   console.log(
-    `${pc.magenta("\u273F")} ${pc.bold("React Grab")} ${pc.gray(VERSION2)}`
+    `${pc5.magenta("\u273F")} ${pc5.bold("React Grab")} ${pc5.gray(VERSION2)}`
   );
   console.log();
   try {
@@ -2547,7 +2737,7 @@ var configure = new Command().name("configure").alias("config").description("con
         `Add this to your ${highlighter.info("init()")} call or ${highlighter.info("data-options")} attribute:`
       );
       logger.break();
-      console.log(`  ${pc.cyan(configJson)}`);
+      console.log(`  ${pc5.cyan(configJson)}`);
       logger.break();
       process.exit(1);
     }
@@ -2650,7 +2840,7 @@ var uninstallPackagesWithFeedback = (packages, packageManager, projectRoot) => {
 };
 
 // src/commands/init.ts
-var VERSION3 = "0.1.0";
+var VERSION3 = "0.1.1";
 var REPORT_URL = "https://react-grab.com/api/report-cli";
 var DOCS_URL = "https://github.com/aidenybai/react-grab";
 var reportToCli = (type, config, error) => {
@@ -2716,7 +2906,7 @@ var init = new Command().name("init").description("initialize React Grab in your
   process.cwd()
 ).action(async (opts) => {
   console.log(
-    `${pc.magenta("\u273F")} ${pc.bold("React Grab")} ${pc.gray(VERSION3)}`
+    `${pc5.magenta("\u273F")} ${pc5.bold("React Grab")} ${pc5.gray(VERSION3)}`
   );
   console.log();
   try {
@@ -3317,7 +3507,293 @@ var init = new Command().name("init").description("initialize React Grab in your
     reportToCli("error", void 0, error);
   }
 });
-var VERSION4 = "0.1.0";
+var VERSION4 = "0.1.1";
+var DOCS_URL2 = "https://github.com/aidenybai/react-grab";
+var exitWithMessage = (message, code = 0) => {
+  if (message) logger.log(message);
+  logger.break();
+  process.exit(code);
+};
+var confirmOrExit = async (message, isNonInteractive) => {
+  if (isNonInteractive) return;
+  const { proceed } = await prompts3({
+    type: "confirm",
+    name: "proceed",
+    message,
+    initial: true
+  });
+  if (!proceed) exitWithMessage("Migration cancelled.");
+};
+var hasTransformChanges = (result) => result.success && !result.noChanges && Boolean(result.originalContent) && Boolean(result.newContent);
+var MIGRATION_SOURCES = ["react-scan"];
+var MIGRATION_SOURCE_NAMES = {
+  "react-scan": "React Scan"
+};
+var FRAMEWORK_NAMES2 = {
+  next: "Next.js",
+  vite: "Vite",
+  tanstack: "TanStack Start",
+  webpack: "Webpack",
+  unknown: "Unknown"
+};
+var migrate = new Command().name("migrate").description("migrate to React Grab from another tool").option("-y, --yes", "skip confirmation prompts", false).option("-f, --from <source>", "migration source (react-scan)").option(
+  "-c, --cwd <cwd>",
+  "working directory (defaults to current directory)",
+  process.cwd()
+).action(async (opts) => {
+  console.log(
+    `${pc5.magenta("\u273F")} ${pc5.bold("React Grab")} ${pc5.gray(VERSION4)}`
+  );
+  console.log();
+  try {
+    const cwd = opts.cwd;
+    const isNonInteractive = opts.yes;
+    let migrationSource = opts.from;
+    if (!migrationSource) {
+      if (isNonInteractive) {
+        logger.error(
+          "Migration source is required in non-interactive mode. Use --from <source>"
+        );
+        logger.log(
+          `Available sources: ${MIGRATION_SOURCES.map((innerSource) => highlighter.info(innerSource)).join(", ")}`
+        );
+        logger.break();
+        process.exit(1);
+      }
+      const { source } = await prompts3({
+        type: "select",
+        name: "source",
+        message: `What would you like to migrate ${highlighter.info("from")}?`,
+        choices: MIGRATION_SOURCES.map((innerSource) => ({
+          title: MIGRATION_SOURCE_NAMES[innerSource],
+          value: innerSource
+        }))
+      });
+      if (!source) exitWithMessage();
+      migrationSource = source;
+    }
+    if (!MIGRATION_SOURCES.includes(migrationSource)) {
+      logger.error(`Unknown migration source: ${migrationSource}`);
+      logger.log(
+        `Available sources: ${MIGRATION_SOURCES.map((innerSource) => highlighter.info(innerSource)).join(", ")}`
+      );
+      logger.break();
+      process.exit(1);
+    }
+    logger.break();
+    logger.log(
+      `Migrating from ${highlighter.info(MIGRATION_SOURCE_NAMES[migrationSource])} to ${highlighter.info("React Grab")}...`
+    );
+    logger.break();
+    const preflightSpinner = spinner("Preflight checks.").start();
+    const projectInfo = await detectProject(cwd);
+    preflightSpinner.succeed();
+    if (projectInfo.framework === "unknown") {
+      logger.break();
+      logger.error("Could not detect a supported framework.");
+      logger.log(
+        "React Grab supports Next.js, Vite, TanStack Start, and Webpack projects."
+      );
+      logger.log(`Visit ${highlighter.info(DOCS_URL2)} for manual setup.`);
+      logger.break();
+      process.exit(1);
+    }
+    const frameworkSpinner = spinner("Verifying framework.").start();
+    frameworkSpinner.succeed(
+      `Verifying framework. Found ${highlighter.info(FRAMEWORK_NAMES2[projectInfo.framework])}.`
+    );
+    if (projectInfo.framework === "next") {
+      const routerSpinner = spinner("Detecting router type.").start();
+      routerSpinner.succeed(
+        `Detecting router type. Found ${highlighter.info(projectInfo.nextRouterType === "app" ? "App Router" : "Pages Router")}.`
+      );
+    }
+    const sourceSpinner = spinner(
+      `Checking for ${MIGRATION_SOURCE_NAMES[migrationSource]}.`
+    ).start();
+    const reactScanInfo = detectReactScan(cwd);
+    const sourceName = MIGRATION_SOURCE_NAMES[migrationSource];
+    if (!reactScanInfo.hasReactScan) {
+      sourceSpinner.fail(`${sourceName} is not installed in this project.`);
+      exitWithMessage(
+        `Use ${highlighter.info("npx grab init")} to install React Grab directly.`
+      );
+    }
+    sourceSpinner.succeed(
+      `Checking for ${sourceName}. Found ${highlighter.info(reactScanInfo.isPackageInstalled ? "npm package" : "script reference")}.`
+    );
+    if (reactScanInfo.hasReactScanMonitoring) {
+      logger.break();
+      logger.warn(
+        `${sourceName} Monitoring (@react-scan/monitoring) detected.`
+      );
+      logger.warn(
+        "Monitoring features are not available in React Grab. You may need to remove it manually."
+      );
+    }
+    if (projectInfo.hasReactGrab) {
+      logger.break();
+      logger.success("React Grab is already installed.");
+      logger.log(
+        `This migration will only remove ${sourceName} from your project.`
+      );
+      logger.break();
+      const removalResult2 = previewReactScanRemoval(
+        projectInfo.projectRoot,
+        projectInfo.framework,
+        projectInfo.nextRouterType
+      );
+      if (removalResult2.noChanges) {
+        logger.log(`No ${sourceName} code found in configuration files.`);
+        logger.break();
+        if (reactScanInfo.isPackageInstalled) {
+          if (reactScanInfo.detectedFiles.length > 0) {
+            logger.warn(
+              `${sourceName} was detected in files that cannot be automatically cleaned:`
+            );
+            for (const file of reactScanInfo.detectedFiles) {
+              logger.log(`  - ${file}`);
+            }
+            logger.warn(
+              "Please remove React Scan references manually before uninstalling the package."
+            );
+            logger.break();
+            process.exit(1);
+          }
+          await confirmOrExit(
+            `Uninstall ${migrationSource} package?`,
+            isNonInteractive
+          );
+          uninstallPackagesWithFeedback(
+            [migrationSource],
+            projectInfo.packageManager,
+            projectInfo.projectRoot
+          );
+          logger.break();
+          logger.success(`${sourceName} has been removed.`);
+        }
+        exitWithMessage();
+      }
+      if (hasTransformChanges(removalResult2)) {
+        logger.break();
+        printDiff(
+          removalResult2.filePath,
+          removalResult2.originalContent,
+          removalResult2.newContent
+        );
+        logger.break();
+        await confirmOrExit("Apply these changes?", isNonInteractive);
+        applyTransformWithFeedback(
+          removalResult2,
+          `Removing ${sourceName} from ${removalResult2.filePath}.`
+        );
+        if (reactScanInfo.isPackageInstalled) {
+          uninstallPackagesWithFeedback(
+            [migrationSource],
+            projectInfo.packageManager,
+            projectInfo.projectRoot
+          );
+        }
+        logger.break();
+        logger.success(`Migration complete! ${sourceName} has been removed.`);
+      }
+      exitWithMessage();
+    }
+    const removalResult = previewReactScanRemoval(
+      projectInfo.projectRoot,
+      projectInfo.framework,
+      projectInfo.nextRouterType
+    );
+    const addResult = previewTransform(
+      projectInfo.projectRoot,
+      projectInfo.framework,
+      projectInfo.nextRouterType,
+      "none",
+      false
+    );
+    const hasRemovalChanges = hasTransformChanges(removalResult);
+    const hasAddChanges = hasTransformChanges(addResult);
+    if (!hasRemovalChanges && !hasAddChanges) {
+      exitWithMessage("No changes needed.");
+    }
+    logger.break();
+    logger.log("Migration will perform the following changes:");
+    logger.break();
+    if (hasRemovalChanges) {
+      logger.log(
+        `  ${pc5.red("\u2212")} Remove ${sourceName} from ${removalResult.filePath}`
+      );
+    }
+    if (reactScanInfo.isPackageInstalled) {
+      logger.log(`  ${pc5.red("\u2212")} Uninstall ${migrationSource} package`);
+    }
+    logger.log(`  ${pc5.green("+")} Install react-grab package`);
+    if (hasAddChanges) {
+      logger.log(
+        `  ${pc5.green("+")} Add React Grab to ${addResult.filePath}`
+      );
+    }
+    if (hasRemovalChanges && hasAddChanges && removalResult.filePath === addResult.filePath) {
+      const combinedOriginal = removalResult.originalContent;
+      const combinedNew = addResult.newContent;
+      logger.break();
+      printDiff(removalResult.filePath, combinedOriginal, combinedNew);
+    } else {
+      if (hasRemovalChanges) {
+        logger.break();
+        printDiff(
+          removalResult.filePath,
+          removalResult.originalContent,
+          removalResult.newContent
+        );
+      }
+      if (hasAddChanges) {
+        logger.break();
+        printDiff(
+          addResult.filePath,
+          addResult.originalContent,
+          addResult.newContent
+        );
+      }
+    }
+    logger.break();
+    logger.warn("Auto-detection may not be 100% accurate.");
+    logger.warn("Please verify the changes before committing.");
+    logger.break();
+    await confirmOrExit("Apply these changes?", isNonInteractive);
+    if (reactScanInfo.isPackageInstalled && (hasRemovalChanges || reactScanInfo.detectedFiles.length === 0)) {
+      uninstallPackagesWithFeedback(
+        [migrationSource],
+        projectInfo.packageManager,
+        projectInfo.projectRoot
+      );
+    }
+    installPackagesWithFeedback(
+      getPackagesToInstall("none", true),
+      projectInfo.packageManager,
+      projectInfo.projectRoot
+    );
+    if (hasRemovalChanges) {
+      applyTransformWithFeedback(
+        removalResult,
+        `Removing ${sourceName} from ${removalResult.filePath}.`
+      );
+    }
+    if (hasAddChanges) {
+      applyTransformWithFeedback(
+        addResult,
+        `Adding React Grab to ${addResult.filePath}.`
+      );
+    }
+    logger.break();
+    logger.log(`${highlighter.success("Success!")} Migration complete.`);
+    logger.log("You may now start your development server.");
+    logger.break();
+  } catch (error) {
+    handleError(error);
+  }
+});
+var VERSION5 = "0.1.1";
 var remove = new Command().name("remove").description("remove an agent integration").argument(
   "[agent]",
   "agent to remove (claude-code, cursor, opencode, codex, gemini, amp, ami)"
@@ -3327,7 +3803,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
   process.cwd()
 ).action(async (agentArg, opts) => {
   console.log(
-    `${pc.magenta("\u273F")} ${pc.bold("React Grab")} ${pc.gray(VERSION4)}`
+    `${pc5.magenta("\u273F")} ${pc5.bold("React Grab")} ${pc5.gray(VERSION5)}`
   );
   console.log();
   try {
@@ -3496,7 +3972,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
 });
 
 // src/cli.ts
-var VERSION5 = "0.1.0";
+var VERSION6 = "0.1.1";
 var VERSION_API_URL = "https://www.react-grab.com/api/version";
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));
@@ -3505,11 +3981,12 @@ try {
   });
 } catch {
 }
-var program = new Command().name("grab").description("add React Grab to your project").version(VERSION5, "-v, --version", "display the version number");
+var program = new Command().name("grab").description("add React Grab to your project").version(VERSION6, "-v, --version", "display the version number");
 program.addCommand(init);
 program.addCommand(add);
 program.addCommand(remove);
 program.addCommand(configure);
+program.addCommand(migrate);
 var main = async () => {
   await program.parseAsync();
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-grab/cli",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "bin": {
     "react-grab": "./dist/cli.js"
   },