@react-grab/cli 0.1.2 → 0.1.4

package/dist/cli.js

@@ -1,13 +1,56 @@
 #!/usr/bin/env node
 import { Command } from 'commander';
-import pc5 from 'picocolors';
-import prompts3 from 'prompts';
+import pc from 'picocolors';
+import basePrompts from 'prompts';
 import { execSync } from 'child_process';
 import { readFileSync, existsSync, writeFileSync, accessSync, constants, readdirSync } from 'fs';
 import { join, basename } from 'path';
 import { detect } from '@antfu/ni';
 import ora from 'ora';
 
+var highlighter = {
+  error: pc.red,
+  warn: pc.yellow,
+  info: pc.cyan,
+  success: pc.green,
+  dim: pc.dim
+};
+
+// src/utils/logger.ts
+var logger = {
+  error(...args) {
+    console.log(highlighter.error(args.join(" ")));
+  },
+  warn(...args) {
+    console.log(highlighter.warn(args.join(" ")));
+  },
+  info(...args) {
+    console.log(highlighter.info(args.join(" ")));
+  },
+  success(...args) {
+    console.log(highlighter.success(args.join(" ")));
+  },
+  dim(...args) {
+    console.log(highlighter.dim(args.join(" ")));
+  },
+  log(...args) {
+    console.log(args.join(" "));
+  },
+  break() {
+    console.log("");
+  }
+};
+
+// src/utils/prompts.ts
+var onCancel = () => {
+  logger.break();
+  logger.log("Cancelled.");
+  logger.break();
+  process.exit(0);
+};
+var prompts = (questions) => {
+  return basePrompts(questions, { onCancel });
+};
 var detectPackageManager = async (projectRoot) => {
   const detected = await detect({ cwd: projectRoot });
   if (detected && ["npm", "yarn", "pnpm", "bun"].includes(detected)) {
@@ -253,85 +296,6 @@ 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)) {
@@ -492,38 +456,6 @@ ${BOLD}File: ${filePath}${RESET}`);
   console.log(formatDiff(diff));
   console.log("\u2500".repeat(60));
 };
-var highlighter = {
-  error: pc5.red,
-  warn: pc5.yellow,
-  info: pc5.cyan,
-  success: pc5.green,
-  dim: pc5.dim
-};
-
-// src/utils/logger.ts
-var logger = {
-  error(...args) {
-    console.log(highlighter.error(args.join(" ")));
-  },
-  warn(...args) {
-    console.log(highlighter.warn(args.join(" ")));
-  },
-  info(...args) {
-    console.log(highlighter.info(args.join(" ")));
-  },
-  success(...args) {
-    console.log(highlighter.success(args.join(" ")));
-  },
-  dim(...args) {
-    console.log(highlighter.dim(args.join(" ")));
-  },
-  log(...args) {
-    console.log(args.join(" "));
-  },
-  break() {
-    console.log("");
-  }
-};
 
 // src/utils/handle-error.ts
 var handleError = (error) => {
@@ -1526,7 +1458,7 @@ var findReactGrabFile = (projectRoot, framework, nextRouterType) => {
 };
 var addOptionsToNextScript = (originalContent, options, filePath) => {
   const reactGrabScriptMatch = originalContent.match(
-    /(<Script[^>]*react-grab[^>]*)(\/?>)/is
+    /(<Script[\s\S]*?react-grab[\s\S]*?)\s*(\/?>)/i
   );
   if (!reactGrabScriptMatch) {
     return {
@@ -1565,10 +1497,10 @@ var addOptionsToNextScript = (originalContent, options, filePath) => {
   };
 };
 var addOptionsToViteScript = (originalContent, options, filePath) => {
-  const reactGrabImportMatch = originalContent.match(
-    /import\s*\(\s*["']react-grab["']\s*\)/
+  const reactGrabImportWithInitMatch = originalContent.match(
+    /import\s*\(\s*["']react-grab["']\s*\)(?:\.then\s*\(\s*\(m\)\s*=>\s*m\.init\s*\([^)]*\)\s*\))?/
   );
-  if (!reactGrabImportMatch) {
+  if (!reactGrabImportWithInitMatch) {
     return {
       success: false,
       filePath,
@@ -1578,7 +1510,7 @@ var addOptionsToViteScript = (originalContent, options, filePath) => {
   const optionsJson = formatOptionsAsJson(options);
   const newImport = `import("react-grab").then((m) => m.init(${optionsJson}))`;
   const newContent = originalContent.replace(
-    reactGrabImportMatch[0],
+    reactGrabImportWithInitMatch[0],
     newImport
   );
   return {
@@ -1590,10 +1522,10 @@ var addOptionsToViteScript = (originalContent, options, filePath) => {
   };
 };
 var addOptionsToWebpackImport = (originalContent, options, filePath) => {
-  const reactGrabImportMatch = originalContent.match(
-    /import\s*\(\s*["']react-grab["']\s*\)/
+  const reactGrabImportWithInitMatch = originalContent.match(
+    /import\s*\(\s*["']react-grab["']\s*\)(?:\.then\s*\(\s*\(m\)\s*=>\s*m\.init\s*\([^)]*\)\s*\))?/
   );
-  if (!reactGrabImportMatch) {
+  if (!reactGrabImportWithInitMatch) {
     return {
       success: false,
       filePath,
@@ -1603,7 +1535,7 @@ var addOptionsToWebpackImport = (originalContent, options, filePath) => {
   const optionsJson = formatOptionsAsJson(options);
   const newImport = `import("react-grab").then((m) => m.init(${optionsJson}))`;
   const newContent = originalContent.replace(
-    reactGrabImportMatch[0],
+    reactGrabImportWithInitMatch[0],
     newImport
   );
   return {
@@ -1615,10 +1547,10 @@ var addOptionsToWebpackImport = (originalContent, options, filePath) => {
   };
 };
 var addOptionsToTanStackImport = (originalContent, options, filePath) => {
-  const reactGrabImportMatch = originalContent.match(
-    /void\s+import\s*\(\s*["']react-grab["']\s*\)/
+  const reactGrabImportWithInitMatch = originalContent.match(
+    /(?:void\s+import\s*\(\s*["']react-grab["']\s*\)|import\s*\(\s*["']react-grab\/core["']\s*\)\.then\s*\(\s*\(\s*\{\s*init\s*\}\s*\)\s*=>\s*init\s*\([^)]*\)\s*\))/
   );
-  if (!reactGrabImportMatch) {
+  if (!reactGrabImportWithInitMatch) {
     return {
       success: false,
       filePath,
@@ -1628,7 +1560,7 @@ var addOptionsToTanStackImport = (originalContent, options, filePath) => {
   const optionsJson = formatOptionsAsJson(options);
   const newImport = `import("react-grab/core").then(({ init }) => init(${optionsJson}))`;
   const newContent = originalContent.replace(
-    reactGrabImportMatch[0],
+    reactGrabImportWithInitMatch[0],
     newImport
   );
   return {
@@ -1891,120 +1823,9 @@ 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.1";
+var VERSION = "0.1.3";
 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>",
@@ -2012,7 +1833,7 @@ var add = new Command().name("add").alias("install").description("add an agent i
   process.cwd()
 ).action(async (agentArg, opts) => {
   console.log(
-    `${pc5.magenta("\u273F")} ${pc5.bold("React Grab")} ${pc5.gray(VERSION)}`
+    `${pc.magenta("\u273F")} ${pc.bold("React Grab")} ${pc.gray(VERSION)}`
   );
   console.log();
   try {
@@ -2063,7 +1884,7 @@ var add = new Command().name("add").alias("install").description("add an agent i
         );
         logger.break();
         logger.warn(`${installedNames} is already installed.`);
-        const { action } = await prompts3({
+        const { action } = await prompts({
           type: "select",
           name: "action",
           message: "How would you like to proceed?",
@@ -2097,7 +1918,7 @@ var add = new Command().name("add").alias("install").description("add an agent i
         logger.warn(`Currently installed: ${installedNames}`);
         logger.break();
       }
-      const { agent } = await prompts3({
+      const { agent } = await prompts({
         type: "select",
         name: "agent",
         message: `Which ${highlighter.info("agent integration")} would you like to add?`,
@@ -2115,7 +1936,7 @@ var add = new Command().name("add").alias("install").description("add an agent i
         const installedNames = formatInstalledAgentNames(
           projectInfo.installedAgents
         );
-        const { action } = await prompts3({
+        const { action } = await prompts({
           type: "select",
           name: "action",
           message: "How would you like to proceed?",
@@ -2260,7 +2081,7 @@ var add = new Command().name("add").alias("install").description("add an agent i
       }
       if (!isNonInteractive && agentsToRemove.length === 0) {
         logger.break();
-        const { proceed } = await prompts3({
+        const { proceed } = await prompts({
           type: "confirm",
           name: "proceed",
           message: "Apply these changes?",
@@ -2340,7 +2161,7 @@ var MAX_KEY_HOLD_DURATION_MS = 2e3;
 var MAX_CONTEXT_LINES = 50;
 
 // src/commands/configure.ts
-var VERSION2 = "0.1.1";
+var VERSION2 = "0.1.3";
 var isMac = process.platform === "darwin";
 var META_LABEL = isMac ? "Cmd" : "Win";
 var ALT_LABEL = isMac ? "Option" : "Alt";
@@ -2550,7 +2371,7 @@ var configure = new Command().name("configure").alias("config").description("con
   process.cwd()
 ).action(async (opts) => {
   console.log(
-    `${pc5.magenta("\u273F")} ${pc5.bold("React Grab")} ${pc5.gray(VERSION2)}`
+    `${pc.magenta("\u273F")} ${pc.bold("React Grab")} ${pc.gray(VERSION2)}`
   );
   console.log();
   try {
@@ -2622,7 +2443,7 @@ var configure = new Command().name("configure").alias("config").description("con
         logger.log(`  Max context lines: ${highlighter.info(String(lines))}`);
       }
     } else {
-      const { selectedOption } = await prompts3({
+      const { selectedOption } = await prompts({
         type: "autocomplete",
         name: "selectedOption",
         message: "Search for an option to configure:",
@@ -2642,7 +2463,7 @@ var configure = new Command().name("configure").alias("config").description("con
         process.exit(1);
       }
       if (selectedOption === "activationKey") {
-        const { selectedCombo } = await prompts3({
+        const { selectedCombo } = await prompts({
           type: "autocomplete",
           name: "selectedCombo",
           message: "Type key combination (e.g. ctrl+shift+g):",
@@ -2659,7 +2480,7 @@ var configure = new Command().name("configure").alias("config").description("con
         );
       }
       if (selectedOption === "activationMode") {
-        const { activationMode } = await prompts3({
+        const { activationMode } = await prompts({
           type: "select",
           name: "activationMode",
           message: `Select ${highlighter.info("activation mode")}:`,
@@ -2679,7 +2500,7 @@ var configure = new Command().name("configure").alias("config").description("con
         collectedOptions.activationMode = activationMode;
       }
       if (selectedOption === "keyHoldDuration") {
-        const { keyHoldDuration } = await prompts3({
+        const { keyHoldDuration } = await prompts({
           type: "number",
           name: "keyHoldDuration",
           message: `Enter ${highlighter.info("key hold duration")} in milliseconds:`,
@@ -2694,7 +2515,7 @@ var configure = new Command().name("configure").alias("config").description("con
         collectedOptions.keyHoldDuration = keyHoldDuration;
       }
       if (selectedOption === "allowActivationInsideInput") {
-        const { allowActivationInsideInput } = await prompts3({
+        const { allowActivationInsideInput } = await prompts({
           type: "confirm",
           name: "allowActivationInsideInput",
           message: `Allow activation ${highlighter.info("inside input fields")}?`,
@@ -2707,7 +2528,7 @@ var configure = new Command().name("configure").alias("config").description("con
         collectedOptions.allowActivationInsideInput = allowActivationInsideInput;
       }
       if (selectedOption === "maxContextLines") {
-        const { maxContextLines } = await prompts3({
+        const { maxContextLines } = await prompts({
           type: "number",
           name: "maxContextLines",
           message: `Enter ${highlighter.info("max context lines")} to include:`,
@@ -2737,7 +2558,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(`  ${pc5.cyan(configJson)}`);
+      console.log(`  ${pc.cyan(configJson)}`);
       logger.break();
       process.exit(1);
     }
@@ -2747,7 +2568,7 @@ var configure = new Command().name("configure").alias("config").description("con
       printDiff(result.filePath, result.originalContent, result.newContent);
       if (!opts.yes) {
         logger.break();
-        const { proceed } = await prompts3({
+        const { proceed } = await prompts({
           type: "confirm",
           name: "proceed",
           message: "Apply these changes?",
@@ -2840,7 +2661,7 @@ var uninstallPackagesWithFeedback = (packages, packageManager, projectRoot) => {
 };
 
 // src/commands/init.ts
-var VERSION3 = "0.1.1";
+var VERSION3 = "0.1.3";
 var REPORT_URL = "https://react-grab.com/api/report-cli";
 var DOCS_URL = "https://github.com/aidenybai/react-grab";
 var reportToCli = (type, config, error) => {
@@ -2906,7 +2727,7 @@ var init = new Command().name("init").description("initialize React Grab in your
   process.cwd()
 ).action(async (opts) => {
   console.log(
-    `${pc5.magenta("\u273F")} ${pc5.bold("React Grab")} ${pc5.gray(VERSION3)}`
+    `${pc.magenta("\u273F")} ${pc.bold("React Grab")} ${pc.gray(VERSION3)}`
   );
   console.log();
   try {
@@ -2967,7 +2788,7 @@ var init = new Command().name("init").description("initialize React Grab in your
         );
         logger.break();
       }
-      const { wantCustomizeOptions } = await prompts3({
+      const { wantCustomizeOptions } = await prompts({
         type: "confirm",
         name: "wantCustomizeOptions",
         message: `Would you like to customize ${highlighter.info("options")}?`,
@@ -2988,7 +2809,7 @@ var init = new Command().name("init").description("initialize React Grab in your
             `  Activation key: ${highlighter.info(formatActivationKeyDisplay2(collectedOptions.activationKey))}`
           );
         } else {
-          const { wantActivationKey } = await prompts3({
+          const { wantActivationKey } = await prompts({
             type: "confirm",
             name: "wantActivationKey",
             message: `Configure ${highlighter.info("activation key")}?`,
@@ -2999,7 +2820,7 @@ var init = new Command().name("init").description("initialize React Grab in your
             process.exit(1);
           }
           if (wantActivationKey) {
-            const { key } = await prompts3({
+            const { key } = await prompts({
               type: "text",
               name: "key",
               message: "Enter the activation key (e.g., g, k, space):",
@@ -3015,7 +2836,7 @@ var init = new Command().name("init").description("initialize React Grab in your
             );
           }
         }
-        const { activationMode } = await prompts3({
+        const { activationMode } = await prompts({
           type: "select",
           name: "activationMode",
           message: `Select ${highlighter.info("activation mode")}:`,
@@ -3034,7 +2855,7 @@ var init = new Command().name("init").description("initialize React Grab in your
         }
         collectedOptions.activationMode = activationMode;
         if (activationMode === "hold") {
-          const { keyHoldDuration } = await prompts3({
+          const { keyHoldDuration } = await prompts({
             type: "number",
             name: "keyHoldDuration",
             message: `Enter ${highlighter.info("key hold duration")} in milliseconds:`,
@@ -3048,7 +2869,7 @@ var init = new Command().name("init").description("initialize React Grab in your
           }
           collectedOptions.keyHoldDuration = keyHoldDuration;
         }
-        const { allowActivationInsideInput } = await prompts3({
+        const { allowActivationInsideInput } = await prompts({
           type: "confirm",
           name: "allowActivationInsideInput",
           message: `Allow activation ${highlighter.info("inside input fields")}?`,
@@ -3059,7 +2880,7 @@ var init = new Command().name("init").description("initialize React Grab in your
           process.exit(1);
         }
         collectedOptions.allowActivationInsideInput = allowActivationInsideInput;
-        const { maxContextLines } = await prompts3({
+        const { maxContextLines } = await prompts({
           type: "number",
           name: "maxContextLines",
           message: `Enter ${highlighter.info("max context lines")} to include:`,
@@ -3093,7 +2914,7 @@ var init = new Command().name("init").description("initialize React Grab in your
             optionsResult.newContent
           );
           logger.break();
-          const { proceed } = await prompts3({
+          const { proceed } = await prompts({
             type: "confirm",
             name: "proceed",
             message: "Apply these changes?",
@@ -3117,7 +2938,7 @@ var init = new Command().name("init").description("initialize React Grab in your
       );
       if (availableAgents.length > 0) {
         logger.break();
-        const { wantAddAgent } = await prompts3({
+        const { wantAddAgent } = await prompts({
           type: "confirm",
           name: "wantAddAgent",
           message: `Would you like to add an ${highlighter.info("agent integration")}?`,
@@ -3128,7 +2949,7 @@ var init = new Command().name("init").description("initialize React Grab in your
           process.exit(1);
         }
         if (wantAddAgent) {
-          const { agent } = await prompts3({
+          const { agent } = await prompts({
             type: "select",
             name: "agent",
             message: `Which ${highlighter.info("agent integration")} would you like to add?`,
@@ -3150,7 +2971,7 @@ var init = new Command().name("init").description("initialize React Grab in your
             const installedNames = formatInstalledAgentNames2(
               projectInfo.installedAgents
             );
-            const { action } = await prompts3({
+            const { action } = await prompts({
               type: "select",
               name: "action",
               message: "How would you like to proceed?",
@@ -3221,7 +3042,7 @@ var init = new Command().name("init").description("initialize React Grab in your
                 }
                 if (agentsToRemove2.length === 0) {
                   logger.break();
-                  const { proceed } = await prompts3({
+                  const { proceed } = await prompts({
                     type: "confirm",
                     name: "proceed",
                     message: "Apply these changes?",
@@ -3266,6 +3087,75 @@ var init = new Command().name("init").description("initialize React Grab in your
                 }
               }
             }
+          } else {
+            const result2 = previewTransform(
+              projectInfo.projectRoot,
+              projectInfo.framework,
+              projectInfo.nextRouterType,
+              agentIntegration2,
+              true
+            );
+            const packageJsonResult2 = previewPackageJsonTransform(
+              projectInfo.projectRoot,
+              agentIntegration2,
+              projectInfo.installedAgents,
+              projectInfo.packageManager
+            );
+            if (!result2.success) {
+              logger.break();
+              logger.error(result2.message);
+              logger.break();
+              process.exit(1);
+            }
+            const hasLayoutChanges2 = !result2.noChanges && result2.originalContent && result2.newContent;
+            const hasPackageJsonChanges2 = packageJsonResult2.success && !packageJsonResult2.noChanges && packageJsonResult2.originalContent && packageJsonResult2.newContent;
+            if (hasLayoutChanges2 || hasPackageJsonChanges2) {
+              logger.break();
+              if (hasLayoutChanges2) {
+                printDiff(
+                  result2.filePath,
+                  result2.originalContent,
+                  result2.newContent
+                );
+              }
+              if (hasPackageJsonChanges2) {
+                if (hasLayoutChanges2) {
+                  logger.break();
+                }
+                printDiff(
+                  packageJsonResult2.filePath,
+                  packageJsonResult2.originalContent,
+                  packageJsonResult2.newContent
+                );
+              }
+              logger.break();
+              const { proceed } = await prompts({
+                type: "confirm",
+                name: "proceed",
+                message: "Apply these changes?",
+                initial: true
+              });
+              if (!proceed) {
+                logger.break();
+                logger.log("Agent addition cancelled.");
+              } else {
+                installPackagesWithFeedback(
+                  getPackagesToInstall(agentIntegration2, false),
+                  projectInfo.packageManager,
+                  projectInfo.projectRoot
+                );
+                if (hasLayoutChanges2) {
+                  applyTransformWithFeedback(result2);
+                }
+                if (hasPackageJsonChanges2) {
+                  applyPackageJsonWithFeedback(packageJsonResult2);
+                }
+                logger.break();
+                logger.success(
+                  `${getAgentName(agentIntegration2)} has been added.`
+                );
+              }
+            }
           }
         }
       }
@@ -3303,7 +3193,7 @@ var init = new Command().name("init").description("initialize React Grab in your
               return 0;
             }
           );
-          const { selectedProject } = await prompts3({
+          const { selectedProject } = await prompts({
             type: "select",
             name: "selectedProject",
             message: "Select a project to install React Grab:",
@@ -3370,7 +3260,7 @@ var init = new Command().name("init").description("initialize React Grab in your
     const agentsToRemove = [];
     if (!isNonInteractive && !opts.agent) {
       logger.break();
-      const { wantAddAgent } = await prompts3({
+      const { wantAddAgent } = await prompts({
         type: "confirm",
         name: "wantAddAgent",
         message: `Would you like to add an ${highlighter.info("agent integration")}?`,
@@ -3381,7 +3271,7 @@ var init = new Command().name("init").description("initialize React Grab in your
         process.exit(1);
       }
       if (wantAddAgent) {
-        const { agent } = await prompts3({
+        const { agent } = await prompts({
           type: "select",
           name: "agent",
           message: `Which ${highlighter.info("agent integration")} would you like to add?`,
@@ -3448,7 +3338,7 @@ var init = new Command().name("init").description("initialize React Grab in your
       logger.warn("Please verify the changes before committing.");
       if (!isNonInteractive) {
         logger.break();
-        const { proceed } = await prompts3({
+        const { proceed } = await prompts({
           type: "confirm",
           name: "proceed",
           message: "Apply these changes?",
@@ -3507,293 +3397,7 @@ var init = new Command().name("init").description("initialize React Grab in your
     reportToCli("error", void 0, error);
   }
 });
-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 VERSION4 = "0.1.3";
 var remove = new Command().name("remove").description("remove an agent integration").argument(
   "[agent]",
   "agent to remove (claude-code, cursor, opencode, codex, gemini, amp, ami)"
@@ -3803,7 +3407,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
   process.cwd()
 ).action(async (agentArg, opts) => {
   console.log(
-    `${pc5.magenta("\u273F")} ${pc5.bold("React Grab")} ${pc5.gray(VERSION5)}`
+    `${pc.magenta("\u273F")} ${pc.bold("React Grab")} ${pc.gray(VERSION4)}`
   );
   console.log();
   try {
@@ -3842,7 +3446,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
       agentToRemove = agentArg;
     } else if (!isNonInteractive) {
       logger.break();
-      const { agent } = await prompts3({
+      const { agent } = await prompts({
         type: "select",
         name: "agent",
         message: `Which ${highlighter.info("agent integration")} would you like to remove?`,
@@ -3902,7 +3506,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
       }
       if (!isNonInteractive) {
         logger.break();
-        const { proceed } = await prompts3({
+        const { proceed } = await prompts({
           type: "confirm",
           name: "proceed",
           message: "Apply these changes?",
@@ -3972,7 +3576,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
 });
 
 // src/cli.ts
-var VERSION6 = "0.1.1";
+var VERSION5 = "0.1.3";
 var VERSION_API_URL = "https://www.react-grab.com/api/version";
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));
@@ -3981,12 +3585,11 @@ try {
   });
 } catch {
 }
-var program = new Command().name("grab").description("add React Grab to your project").version(VERSION6, "-v, --version", "display the version number");
+var program = new Command().name("grab").description("add React Grab to your project").version(VERSION5, "-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();
 };