@react-grab/cli 0.1.0-beta.12 → 0.1.0-beta.13

package/dist/cli.cjs

@@ -37,6 +37,9 @@ var detectFramework = (projectRoot) => {
     if (allDependencies["next"]) {
       return "next";
     }
+    if (allDependencies["@tanstack/react-start"]) {
+      return "tanstack";
+    }
     if (allDependencies["vite"]) {
       return "vite";
     }
@@ -241,7 +244,11 @@ var detectReactGrab = (projectRoot) => {
     path.join(projectRoot, "src", "index.tsx"),
     path.join(projectRoot, "src", "index.ts"),
     path.join(projectRoot, "src", "main.tsx"),
-    path.join(projectRoot, "src", "main.ts")
+    path.join(projectRoot, "src", "main.ts"),
+    path.join(projectRoot, "src", "routes", "__root.tsx"),
+    path.join(projectRoot, "src", "routes", "__root.jsx"),
+    path.join(projectRoot, "app", "routes", "__root.tsx"),
+    path.join(projectRoot, "app", "routes", "__root.jsx")
   ];
   return filesToCheck.some(hasReactGrabInFile);
 };
@@ -604,6 +611,20 @@ var WEBPACK_IMPORT_WITH_AGENT = (agent) => {
   import("@react-grab/${agent}/client");
 }`;
 };
+var TANSTACK_EFFECT = `useEffect(() => {
+    if (import.meta.env.DEV) {
+      void import("react-grab");
+    }
+  }, []);`;
+var TANSTACK_EFFECT_WITH_AGENT = (agent) => {
+  if (agent === "none") return TANSTACK_EFFECT;
+  return `useEffect(() => {
+    if (import.meta.env.DEV) {
+      void import("react-grab");
+      void import("@react-grab/${agent}/client");
+    }
+  }, []);`;
+};
 var SCRIPT_IMPORT = 'import Script from "next/script";';
 var hasReactGrabCode = (content) => {
   const fuzzyPatterns = [
@@ -696,6 +717,20 @@ var findEntryFile = (projectRoot) => {
   }
   return null;
 };
+var findTanStackRootFile = (projectRoot) => {
+  const possiblePaths = [
+    path.join(projectRoot, "src", "routes", "__root.tsx"),
+    path.join(projectRoot, "src", "routes", "__root.jsx"),
+    path.join(projectRoot, "app", "routes", "__root.tsx"),
+    path.join(projectRoot, "app", "routes", "__root.jsx")
+  ];
+  for (const filePath of possiblePaths) {
+    if (fs.existsSync(filePath)) {
+      return filePath;
+    }
+  }
+  return null;
+};
 var addAgentToExistingNextApp = (originalContent, agent, filePath) => {
   if (agent === "none") {
     return {
@@ -848,6 +883,50 @@ var addAgentToExistingWebpack = (originalContent, agent, filePath) => {
     message: "Could not find React Grab import to add agent after"
   };
 };
+var addAgentToExistingTanStack = (originalContent, agent, filePath) => {
+  if (agent === "none") {
+    return {
+      success: true,
+      filePath,
+      message: "React Grab is already configured",
+      noChanges: true
+    };
+  }
+  const agentPackage = `@react-grab/${agent}`;
+  if (originalContent.includes(agentPackage)) {
+    return {
+      success: true,
+      filePath,
+      message: `Agent ${agent} is already configured`,
+      noChanges: true
+    };
+  }
+  const agentImport = `void import("${agentPackage}/client");`;
+  const reactGrabImportMatch = originalContent.match(
+    /void\s+import\s*\(\s*["']react-grab["']\s*\);?/
+  );
+  if (reactGrabImportMatch) {
+    const matchedText = reactGrabImportMatch[0];
+    const hasSemicolon = matchedText.endsWith(";");
+    const newContent = originalContent.replace(
+      matchedText,
+      `${hasSemicolon ? matchedText.slice(0, -1) : matchedText};
+      ${agentImport}`
+    );
+    return {
+      success: true,
+      filePath,
+      message: `Add ${agent} agent`,
+      originalContent,
+      newContent
+    };
+  }
+  return {
+    success: false,
+    filePath,
+    message: "Could not find React Grab import to add agent after"
+  };
+};
 var transformNextAppRouter = (projectRoot, agent, reactGrabAlreadyConfigured) => {
   const layoutPath = findLayoutFile(projectRoot);
   if (!layoutPath) {
@@ -1039,6 +1118,79 @@ ${originalContent}`;
     newContent
   };
 };
+var transformTanStack = (projectRoot, agent, reactGrabAlreadyConfigured) => {
+  const rootPath = findTanStackRootFile(projectRoot);
+  if (!rootPath) {
+    return {
+      success: false,
+      filePath: "",
+      message: 'Could not find src/routes/__root.tsx or app/routes/__root.tsx.\n\nTo set up React Grab with TanStack Start, add this to your root route component:\n\n  import { useEffect } from "react";\n\n  useEffect(() => {\n    if (import.meta.env.DEV) {\n      void import("react-grab");\n    }\n  }, []);'
+    };
+  }
+  const originalContent = fs.readFileSync(rootPath, "utf-8");
+  let newContent = originalContent;
+  const hasReactGrabInFile2 = hasReactGrabCode(originalContent);
+  if (hasReactGrabInFile2 && reactGrabAlreadyConfigured) {
+    return addAgentToExistingTanStack(originalContent, agent, rootPath);
+  }
+  if (hasReactGrabInFile2) {
+    return {
+      success: true,
+      filePath: rootPath,
+      message: "React Grab is already installed in this file",
+      noChanges: true
+    };
+  }
+  const hasUseEffectImport = /import\s+\{[^}]*useEffect[^}]*\}\s+from\s+["']react["']/.test(newContent);
+  if (!hasUseEffectImport) {
+    const reactImportMatch = newContent.match(
+      /import\s+\{([^}]*)\}\s+from\s+["']react["'];?/
+    );
+    if (reactImportMatch) {
+      const existingImports = reactImportMatch[1];
+      newContent = newContent.replace(
+        reactImportMatch[0],
+        `import { ${existingImports.trim()}, useEffect } from "react";`
+      );
+    } else {
+      const firstImportMatch = newContent.match(
+        /^import .+ from ['"].+['"];?\s*$/m
+      );
+      if (firstImportMatch) {
+        newContent = newContent.replace(
+          firstImportMatch[0],
+          `import { useEffect } from "react";
+${firstImportMatch[0]}`
+        );
+      } else {
+        newContent = `import { useEffect } from "react";
+
+${newContent}`;
+      }
+    }
+  }
+  const effectBlock = TANSTACK_EFFECT_WITH_AGENT(agent);
+  const componentMatch = newContent.match(/function\s+(\w+)\s*\([^)]*\)\s*\{/);
+  if (componentMatch) {
+    const insertPosition = componentMatch.index + componentMatch[0].length;
+    newContent = newContent.slice(0, insertPosition) + `
+  ${effectBlock}
+` + newContent.slice(insertPosition);
+  } else {
+    return {
+      success: false,
+      filePath: rootPath,
+      message: "Could not find a component function in the root file"
+    };
+  }
+  return {
+    success: true,
+    filePath: rootPath,
+    message: "Add React Grab" + (agent !== "none" ? ` with ${agent} agent` : ""),
+    originalContent,
+    newContent
+  };
+};
 var previewTransform = (projectRoot, framework, nextRouterType, agent, reactGrabAlreadyConfigured = false) => {
   switch (framework) {
     case "next":
@@ -1056,6 +1208,8 @@ var previewTransform = (projectRoot, framework, nextRouterType, agent, reactGrab
       );
     case "vite":
       return transformVite(projectRoot, agent, reactGrabAlreadyConfigured);
+    case "tanstack":
+      return transformTanStack(projectRoot, agent, reactGrabAlreadyConfigured);
     case "webpack":
       return transformWebpack(projectRoot, agent, reactGrabAlreadyConfigured);
     default:
@@ -1291,6 +1445,8 @@ var findReactGrabFile = (projectRoot, framework, nextRouterType) => {
       return findDocumentFile(projectRoot);
     case "vite":
       return findIndexHtml(projectRoot);
+    case "tanstack":
+      return findTanStackRootFile(projectRoot);
     case "webpack":
       return findEntryFile(projectRoot);
     default:
@@ -1387,6 +1543,31 @@ var addOptionsToWebpackImport = (originalContent, options, filePath) => {
     newContent
   };
 };
+var addOptionsToTanStackImport = (originalContent, options, filePath) => {
+  const reactGrabImportMatch = originalContent.match(
+    /void\s+import\s*\(\s*["']react-grab["']\s*\)/
+  );
+  if (!reactGrabImportMatch) {
+    return {
+      success: false,
+      filePath,
+      message: "Could not find React Grab import"
+    };
+  }
+  const optionsJson = formatOptionsAsJson(options);
+  const newImport = `import("react-grab/core").then(({ init }) => init(${optionsJson}))`;
+  const newContent = originalContent.replace(
+    reactGrabImportMatch[0],
+    newImport
+  );
+  return {
+    success: true,
+    filePath,
+    message: "Update React Grab options",
+    originalContent,
+    newContent
+  };
+};
 var previewOptionsTransform = (projectRoot, framework, nextRouterType, options) => {
   const filePath = findReactGrabFile(projectRoot, framework, nextRouterType);
   if (!filePath) {
@@ -1409,6 +1590,8 @@ var previewOptionsTransform = (projectRoot, framework, nextRouterType, options)
       return addOptionsToNextScript(originalContent, options, filePath);
     case "vite":
       return addOptionsToViteScript(originalContent, options, filePath);
+    case "tanstack":
+      return addOptionsToTanStackImport(originalContent, options, filePath);
     case "webpack":
       return addOptionsToWebpackImport(originalContent, options, filePath);
     default:
@@ -1519,6 +1702,36 @@ var removeAgentFromWebpack = (originalContent, agent, filePath) => {
     newContent
   };
 };
+var removeAgentFromTanStack = (originalContent, agent, filePath) => {
+  const agentPackage = `@react-grab/${agent}`;
+  if (!originalContent.includes(agentPackage)) {
+    return {
+      success: true,
+      filePath,
+      message: `Agent ${agent} is not configured in this file`,
+      noChanges: true
+    };
+  }
+  const agentImportPattern = new RegExp(
+    `\\s*void\\s+import\\s*\\(\\s*["']${agentPackage.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}/client["']\\s*\\);?`,
+    "g"
+  );
+  const newContent = originalContent.replace(agentImportPattern, "");
+  if (newContent === originalContent) {
+    return {
+      success: false,
+      filePath,
+      message: `Could not find agent ${agent} import to remove`
+    };
+  }
+  return {
+    success: true,
+    filePath,
+    message: `Remove ${agent} agent`,
+    originalContent,
+    newContent
+  };
+};
 var previewAgentRemoval = (projectRoot, framework, nextRouterType, agent) => {
   const filePath = findReactGrabFile(projectRoot, framework, nextRouterType);
   if (!filePath) {
@@ -1535,6 +1748,8 @@ var previewAgentRemoval = (projectRoot, framework, nextRouterType, agent) => {
       return removeAgentFromNextApp(originalContent, agent, filePath);
     case "vite":
       return removeAgentFromVite(originalContent, agent, filePath);
+    case "tanstack":
+      return removeAgentFromTanStack(originalContent, agent, filePath);
     case "webpack":
       return removeAgentFromWebpack(originalContent, agent, filePath);
     default:
@@ -1607,7 +1822,7 @@ var previewPackageJsonAgentRemoval = (projectRoot, agent) => {
 };
 
 // src/commands/add.ts
-var VERSION = "0.1.0-beta.11";
+var VERSION = "0.1.0-beta.12";
 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>",
@@ -1943,7 +2158,7 @@ var MAX_KEY_HOLD_DURATION_MS = 2e3;
 var MAX_CONTEXT_LINES = 50;
 
 // src/commands/configure.ts
-var VERSION2 = "0.1.0-beta.11";
+var VERSION2 = "0.1.0-beta.12";
 var isMac = process.platform === "darwin";
 var META_LABEL = isMac ? "Cmd" : "Win";
 var ALT_LABEL = isMac ? "Option" : "Alt";
@@ -2443,7 +2658,7 @@ var uninstallPackagesWithFeedback = (packages, packageManager, projectRoot) => {
 };
 
 // src/commands/init.ts
-var VERSION3 = "0.1.0-beta.11";
+var VERSION3 = "0.1.0-beta.12";
 var REPORT_URL = "https://react-grab.com/api/report-cli";
 var DOCS_URL = "https://github.com/aidenybai/react-grab";
 var reportToCli = (type, config, error) => {
@@ -2463,6 +2678,7 @@ var reportToCli = (type, config, error) => {
 var FRAMEWORK_NAMES = {
   next: "Next.js",
   vite: "Vite",
+  tanstack: "TanStack Start",
   webpack: "Webpack",
   unknown: "Unknown"
 };
@@ -2942,7 +3158,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
         frameworkSpinner.fail("Could not detect a supported framework.");
         logger.break();
         logger.log(
-          "React Grab supports Next.js, Vite, and Webpack projects."
+          "React Grab supports Next.js, Vite, TanStack Start, and Webpack projects."
         );
         logger.log(`Visit ${highlighter.info(DOCS_URL)} for manual setup.`);
         logger.break();
@@ -2968,8 +3184,42 @@ var init = new commander.Command().name("init").description("initialize React Gr
     const finalFramework = projectInfo.framework;
     const finalPackageManager = projectInfo.packageManager;
     const finalNextRouterType = projectInfo.nextRouterType;
-    const agentIntegration = opts.agent || "none";
+    let agentIntegration = opts.agent || "none";
     const agentsToRemove = [];
+    if (!isNonInteractive && !opts.agent) {
+      logger.break();
+      const { wantAddAgent } = await prompts3__default.default({
+        type: "confirm",
+        name: "wantAddAgent",
+        message: `Would you like to add an ${highlighter.info("agent integration")}?`,
+        initial: false
+      });
+      if (wantAddAgent === void 0) {
+        logger.break();
+        process.exit(1);
+      }
+      if (wantAddAgent) {
+        const { agent } = await prompts3__default.default({
+          type: "select",
+          name: "agent",
+          message: `Which ${highlighter.info("agent integration")} would you like to add?`,
+          choices: [
+            ...AGENTS.map((innerAgent) => ({
+              title: getAgentName(innerAgent),
+              value: innerAgent
+            })),
+            { title: "Skip", value: "skip" }
+          ]
+        });
+        if (agent === void 0) {
+          logger.break();
+          process.exit(1);
+        }
+        if (agent !== "skip") {
+          agentIntegration = agent;
+        }
+      }
+    }
     const result = previewTransform(
       projectInfo.projectRoot,
       finalFramework,
@@ -3075,7 +3325,7 @@ var init = new commander.Command().name("init").description("initialize React Gr
     reportToCli("error", void 0, error);
   }
 });
-var VERSION4 = "0.1.0-beta.11";
+var VERSION4 = "0.1.0-beta.12";
 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)"
@@ -3254,7 +3504,7 @@ var remove = new commander.Command().name("remove").description("remove an agent
 });
 
 // src/cli.ts
-var VERSION5 = "0.1.0-beta.11";
+var VERSION5 = "0.1.0-beta.12";
 var VERSION_API_URL = "https://www.react-grab.com/api/version";
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));

package/dist/cli.js

@@ -29,6 +29,9 @@ var detectFramework = (projectRoot) => {
     if (allDependencies["next"]) {
       return "next";
     }
+    if (allDependencies["@tanstack/react-start"]) {
+      return "tanstack";
+    }
     if (allDependencies["vite"]) {
       return "vite";
     }
@@ -233,7 +236,11 @@ var detectReactGrab = (projectRoot) => {
     join(projectRoot, "src", "index.tsx"),
     join(projectRoot, "src", "index.ts"),
     join(projectRoot, "src", "main.tsx"),
-    join(projectRoot, "src", "main.ts")
+    join(projectRoot, "src", "main.ts"),
+    join(projectRoot, "src", "routes", "__root.tsx"),
+    join(projectRoot, "src", "routes", "__root.jsx"),
+    join(projectRoot, "app", "routes", "__root.tsx"),
+    join(projectRoot, "app", "routes", "__root.jsx")
   ];
   return filesToCheck.some(hasReactGrabInFile);
 };
@@ -596,6 +603,20 @@ var WEBPACK_IMPORT_WITH_AGENT = (agent) => {
   import("@react-grab/${agent}/client");
 }`;
 };
+var TANSTACK_EFFECT = `useEffect(() => {
+    if (import.meta.env.DEV) {
+      void import("react-grab");
+    }
+  }, []);`;
+var TANSTACK_EFFECT_WITH_AGENT = (agent) => {
+  if (agent === "none") return TANSTACK_EFFECT;
+  return `useEffect(() => {
+    if (import.meta.env.DEV) {
+      void import("react-grab");
+      void import("@react-grab/${agent}/client");
+    }
+  }, []);`;
+};
 var SCRIPT_IMPORT = 'import Script from "next/script";';
 var hasReactGrabCode = (content) => {
   const fuzzyPatterns = [
@@ -688,6 +709,20 @@ var findEntryFile = (projectRoot) => {
   }
   return null;
 };
+var findTanStackRootFile = (projectRoot) => {
+  const possiblePaths = [
+    join(projectRoot, "src", "routes", "__root.tsx"),
+    join(projectRoot, "src", "routes", "__root.jsx"),
+    join(projectRoot, "app", "routes", "__root.tsx"),
+    join(projectRoot, "app", "routes", "__root.jsx")
+  ];
+  for (const filePath of possiblePaths) {
+    if (existsSync(filePath)) {
+      return filePath;
+    }
+  }
+  return null;
+};
 var addAgentToExistingNextApp = (originalContent, agent, filePath) => {
   if (agent === "none") {
     return {
@@ -840,6 +875,50 @@ var addAgentToExistingWebpack = (originalContent, agent, filePath) => {
     message: "Could not find React Grab import to add agent after"
   };
 };
+var addAgentToExistingTanStack = (originalContent, agent, filePath) => {
+  if (agent === "none") {
+    return {
+      success: true,
+      filePath,
+      message: "React Grab is already configured",
+      noChanges: true
+    };
+  }
+  const agentPackage = `@react-grab/${agent}`;
+  if (originalContent.includes(agentPackage)) {
+    return {
+      success: true,
+      filePath,
+      message: `Agent ${agent} is already configured`,
+      noChanges: true
+    };
+  }
+  const agentImport = `void import("${agentPackage}/client");`;
+  const reactGrabImportMatch = originalContent.match(
+    /void\s+import\s*\(\s*["']react-grab["']\s*\);?/
+  );
+  if (reactGrabImportMatch) {
+    const matchedText = reactGrabImportMatch[0];
+    const hasSemicolon = matchedText.endsWith(";");
+    const newContent = originalContent.replace(
+      matchedText,
+      `${hasSemicolon ? matchedText.slice(0, -1) : matchedText};
+      ${agentImport}`
+    );
+    return {
+      success: true,
+      filePath,
+      message: `Add ${agent} agent`,
+      originalContent,
+      newContent
+    };
+  }
+  return {
+    success: false,
+    filePath,
+    message: "Could not find React Grab import to add agent after"
+  };
+};
 var transformNextAppRouter = (projectRoot, agent, reactGrabAlreadyConfigured) => {
   const layoutPath = findLayoutFile(projectRoot);
   if (!layoutPath) {
@@ -1031,6 +1110,79 @@ ${originalContent}`;
     newContent
   };
 };
+var transformTanStack = (projectRoot, agent, reactGrabAlreadyConfigured) => {
+  const rootPath = findTanStackRootFile(projectRoot);
+  if (!rootPath) {
+    return {
+      success: false,
+      filePath: "",
+      message: 'Could not find src/routes/__root.tsx or app/routes/__root.tsx.\n\nTo set up React Grab with TanStack Start, add this to your root route component:\n\n  import { useEffect } from "react";\n\n  useEffect(() => {\n    if (import.meta.env.DEV) {\n      void import("react-grab");\n    }\n  }, []);'
+    };
+  }
+  const originalContent = readFileSync(rootPath, "utf-8");
+  let newContent = originalContent;
+  const hasReactGrabInFile2 = hasReactGrabCode(originalContent);
+  if (hasReactGrabInFile2 && reactGrabAlreadyConfigured) {
+    return addAgentToExistingTanStack(originalContent, agent, rootPath);
+  }
+  if (hasReactGrabInFile2) {
+    return {
+      success: true,
+      filePath: rootPath,
+      message: "React Grab is already installed in this file",
+      noChanges: true
+    };
+  }
+  const hasUseEffectImport = /import\s+\{[^}]*useEffect[^}]*\}\s+from\s+["']react["']/.test(newContent);
+  if (!hasUseEffectImport) {
+    const reactImportMatch = newContent.match(
+      /import\s+\{([^}]*)\}\s+from\s+["']react["'];?/
+    );
+    if (reactImportMatch) {
+      const existingImports = reactImportMatch[1];
+      newContent = newContent.replace(
+        reactImportMatch[0],
+        `import { ${existingImports.trim()}, useEffect } from "react";`
+      );
+    } else {
+      const firstImportMatch = newContent.match(
+        /^import .+ from ['"].+['"];?\s*$/m
+      );
+      if (firstImportMatch) {
+        newContent = newContent.replace(
+          firstImportMatch[0],
+          `import { useEffect } from "react";
+${firstImportMatch[0]}`
+        );
+      } else {
+        newContent = `import { useEffect } from "react";
+
+${newContent}`;
+      }
+    }
+  }
+  const effectBlock = TANSTACK_EFFECT_WITH_AGENT(agent);
+  const componentMatch = newContent.match(/function\s+(\w+)\s*\([^)]*\)\s*\{/);
+  if (componentMatch) {
+    const insertPosition = componentMatch.index + componentMatch[0].length;
+    newContent = newContent.slice(0, insertPosition) + `
+  ${effectBlock}
+` + newContent.slice(insertPosition);
+  } else {
+    return {
+      success: false,
+      filePath: rootPath,
+      message: "Could not find a component function in the root file"
+    };
+  }
+  return {
+    success: true,
+    filePath: rootPath,
+    message: "Add React Grab" + (agent !== "none" ? ` with ${agent} agent` : ""),
+    originalContent,
+    newContent
+  };
+};
 var previewTransform = (projectRoot, framework, nextRouterType, agent, reactGrabAlreadyConfigured = false) => {
   switch (framework) {
     case "next":
@@ -1048,6 +1200,8 @@ var previewTransform = (projectRoot, framework, nextRouterType, agent, reactGrab
       );
     case "vite":
       return transformVite(projectRoot, agent, reactGrabAlreadyConfigured);
+    case "tanstack":
+      return transformTanStack(projectRoot, agent, reactGrabAlreadyConfigured);
     case "webpack":
       return transformWebpack(projectRoot, agent, reactGrabAlreadyConfigured);
     default:
@@ -1283,6 +1437,8 @@ var findReactGrabFile = (projectRoot, framework, nextRouterType) => {
       return findDocumentFile(projectRoot);
     case "vite":
       return findIndexHtml(projectRoot);
+    case "tanstack":
+      return findTanStackRootFile(projectRoot);
     case "webpack":
       return findEntryFile(projectRoot);
     default:
@@ -1379,6 +1535,31 @@ var addOptionsToWebpackImport = (originalContent, options, filePath) => {
     newContent
   };
 };
+var addOptionsToTanStackImport = (originalContent, options, filePath) => {
+  const reactGrabImportMatch = originalContent.match(
+    /void\s+import\s*\(\s*["']react-grab["']\s*\)/
+  );
+  if (!reactGrabImportMatch) {
+    return {
+      success: false,
+      filePath,
+      message: "Could not find React Grab import"
+    };
+  }
+  const optionsJson = formatOptionsAsJson(options);
+  const newImport = `import("react-grab/core").then(({ init }) => init(${optionsJson}))`;
+  const newContent = originalContent.replace(
+    reactGrabImportMatch[0],
+    newImport
+  );
+  return {
+    success: true,
+    filePath,
+    message: "Update React Grab options",
+    originalContent,
+    newContent
+  };
+};
 var previewOptionsTransform = (projectRoot, framework, nextRouterType, options) => {
   const filePath = findReactGrabFile(projectRoot, framework, nextRouterType);
   if (!filePath) {
@@ -1401,6 +1582,8 @@ var previewOptionsTransform = (projectRoot, framework, nextRouterType, options)
       return addOptionsToNextScript(originalContent, options, filePath);
     case "vite":
       return addOptionsToViteScript(originalContent, options, filePath);
+    case "tanstack":
+      return addOptionsToTanStackImport(originalContent, options, filePath);
     case "webpack":
       return addOptionsToWebpackImport(originalContent, options, filePath);
     default:
@@ -1511,6 +1694,36 @@ var removeAgentFromWebpack = (originalContent, agent, filePath) => {
     newContent
   };
 };
+var removeAgentFromTanStack = (originalContent, agent, filePath) => {
+  const agentPackage = `@react-grab/${agent}`;
+  if (!originalContent.includes(agentPackage)) {
+    return {
+      success: true,
+      filePath,
+      message: `Agent ${agent} is not configured in this file`,
+      noChanges: true
+    };
+  }
+  const agentImportPattern = new RegExp(
+    `\\s*void\\s+import\\s*\\(\\s*["']${agentPackage.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}/client["']\\s*\\);?`,
+    "g"
+  );
+  const newContent = originalContent.replace(agentImportPattern, "");
+  if (newContent === originalContent) {
+    return {
+      success: false,
+      filePath,
+      message: `Could not find agent ${agent} import to remove`
+    };
+  }
+  return {
+    success: true,
+    filePath,
+    message: `Remove ${agent} agent`,
+    originalContent,
+    newContent
+  };
+};
 var previewAgentRemoval = (projectRoot, framework, nextRouterType, agent) => {
   const filePath = findReactGrabFile(projectRoot, framework, nextRouterType);
   if (!filePath) {
@@ -1527,6 +1740,8 @@ var previewAgentRemoval = (projectRoot, framework, nextRouterType, agent) => {
       return removeAgentFromNextApp(originalContent, agent, filePath);
     case "vite":
       return removeAgentFromVite(originalContent, agent, filePath);
+    case "tanstack":
+      return removeAgentFromTanStack(originalContent, agent, filePath);
     case "webpack":
       return removeAgentFromWebpack(originalContent, agent, filePath);
     default:
@@ -1599,7 +1814,7 @@ var previewPackageJsonAgentRemoval = (projectRoot, agent) => {
 };
 
 // src/commands/add.ts
-var VERSION = "0.1.0-beta.11";
+var VERSION = "0.1.0-beta.12";
 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>",
@@ -1935,7 +2150,7 @@ var MAX_KEY_HOLD_DURATION_MS = 2e3;
 var MAX_CONTEXT_LINES = 50;
 
 // src/commands/configure.ts
-var VERSION2 = "0.1.0-beta.11";
+var VERSION2 = "0.1.0-beta.12";
 var isMac = process.platform === "darwin";
 var META_LABEL = isMac ? "Cmd" : "Win";
 var ALT_LABEL = isMac ? "Option" : "Alt";
@@ -2435,7 +2650,7 @@ var uninstallPackagesWithFeedback = (packages, packageManager, projectRoot) => {
 };
 
 // src/commands/init.ts
-var VERSION3 = "0.1.0-beta.11";
+var VERSION3 = "0.1.0-beta.12";
 var REPORT_URL = "https://react-grab.com/api/report-cli";
 var DOCS_URL = "https://github.com/aidenybai/react-grab";
 var reportToCli = (type, config, error) => {
@@ -2455,6 +2670,7 @@ var reportToCli = (type, config, error) => {
 var FRAMEWORK_NAMES = {
   next: "Next.js",
   vite: "Vite",
+  tanstack: "TanStack Start",
   webpack: "Webpack",
   unknown: "Unknown"
 };
@@ -2934,7 +3150,7 @@ var init = new Command().name("init").description("initialize React Grab in your
         frameworkSpinner.fail("Could not detect a supported framework.");
         logger.break();
         logger.log(
-          "React Grab supports Next.js, Vite, and Webpack projects."
+          "React Grab supports Next.js, Vite, TanStack Start, and Webpack projects."
         );
         logger.log(`Visit ${highlighter.info(DOCS_URL)} for manual setup.`);
         logger.break();
@@ -2960,8 +3176,42 @@ var init = new Command().name("init").description("initialize React Grab in your
     const finalFramework = projectInfo.framework;
     const finalPackageManager = projectInfo.packageManager;
     const finalNextRouterType = projectInfo.nextRouterType;
-    const agentIntegration = opts.agent || "none";
+    let agentIntegration = opts.agent || "none";
     const agentsToRemove = [];
+    if (!isNonInteractive && !opts.agent) {
+      logger.break();
+      const { wantAddAgent } = await prompts3({
+        type: "confirm",
+        name: "wantAddAgent",
+        message: `Would you like to add an ${highlighter.info("agent integration")}?`,
+        initial: false
+      });
+      if (wantAddAgent === void 0) {
+        logger.break();
+        process.exit(1);
+      }
+      if (wantAddAgent) {
+        const { agent } = await prompts3({
+          type: "select",
+          name: "agent",
+          message: `Which ${highlighter.info("agent integration")} would you like to add?`,
+          choices: [
+            ...AGENTS.map((innerAgent) => ({
+              title: getAgentName(innerAgent),
+              value: innerAgent
+            })),
+            { title: "Skip", value: "skip" }
+          ]
+        });
+        if (agent === void 0) {
+          logger.break();
+          process.exit(1);
+        }
+        if (agent !== "skip") {
+          agentIntegration = agent;
+        }
+      }
+    }
     const result = previewTransform(
       projectInfo.projectRoot,
       finalFramework,
@@ -3067,7 +3317,7 @@ var init = new Command().name("init").description("initialize React Grab in your
     reportToCli("error", void 0, error);
   }
 });
-var VERSION4 = "0.1.0-beta.11";
+var VERSION4 = "0.1.0-beta.12";
 var remove = new Command().name("remove").description("remove an agent integration").argument(
   "[agent]",
   "agent to remove (claude-code, cursor, opencode, codex, gemini, amp, ami)"
@@ -3246,7 +3496,7 @@ var remove = new Command().name("remove").description("remove an agent integrati
 });
 
 // src/cli.ts
-var VERSION5 = "0.1.0-beta.11";
+var VERSION5 = "0.1.0-beta.12";
 var VERSION_API_URL = "https://www.react-grab.com/api/version";
 process.on("SIGINT", () => process.exit(0));
 process.on("SIGTERM", () => process.exit(0));

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@react-grab/cli",
-  "version": "0.1.0-beta.12",
-  "type": "module",
+  "version": "0.1.0-beta.13",
   "bin": {
     "react-grab": "./dist/cli.js"
   },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/cli.d.ts",
@@ -12,14 +15,6 @@
       "require": "./dist/cli.cjs"
     }
   },
-  "files": [
-    "dist"
-  ],
-  "devDependencies": {
-    "@types/prompts": "^2.4.9",
-    "tsup": "^8.4.0",
-    "vitest": "^3.2.4"
-  },
   "dependencies": {
     "@antfu/ni": "^0.23.0",
     "commander": "^14.0.0",
@@ -27,6 +22,11 @@
     "picocolors": "^1.1.1",
     "prompts": "^2.4.2"
   },
+  "devDependencies": {
+    "@types/prompts": "^2.4.9",
+    "tsup": "^8.4.0",
+    "vitest": "^3.2.4"
+  },
   "scripts": {
     "dev": "tsup --watch",
     "build": "rm -rf dist && NODE_ENV=production tsup",