react-grab 0.0.83 → 0.0.85
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -9
- package/dist/{chunk-D2T4TGEM.js → chunk-EVTBFQDA.js} +20 -18
- package/dist/{chunk-FU7ZULMN.cjs → chunk-GQE4KUP2.cjs} +20 -18
- package/dist/cli.cjs +1 -1
- package/dist/{core-CO-ZnW1x.d.cts → core-fiyB3sPz.d.cts} +1 -0
- package/dist/{core-CO-ZnW1x.d.ts → core-fiyB3sPz.d.ts} +1 -0
- package/dist/core.cjs +1 -1
- package/dist/core.d.cts +1 -1
- package/dist/core.d.ts +1 -1
- package/dist/core.js +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.global.js +20 -18
- package/dist/index.js +1 -1
- package/package.json +2 -2
package/dist/cli.cjs
CHANGED
|
@@ -315,7 +315,7 @@ ${_s}`));}let a=Nf(e),h=n.match(/<Head[^>]*>/);return h&&(n=n.replace(h[0],`${h[
|
|
|
315
315
|
${u}`)),{success:true,filePath:s,message:"Add React Grab"+(e!=="none"?` with ${e} agent`:""),originalContent:i,newContent:n}},vv=(t,e,r)=>{let s=gv(t);if(!s)return {success:false,filePath:"",message:"Could not find entry file (src/index.tsx, src/main.tsx, etc.)"};let i=Kd.readFileSync(s,"utf-8"),n=xr(i);if(n&&r)return bv(i,e,s);if(n)return {success:true,filePath:s,message:"React Grab is already installed in this file",noChanges:true};let u=`${Lf(e)}
|
|
316
316
|
|
|
317
317
|
${i}`;return {success:true,filePath:s,message:"Add React Grab"+(e!=="none"?` with ${e} agent`:""),originalContent:i,newContent:u}},vs=(t,e,r,s,i=false)=>{switch(e){case "next":return r==="app"?yv(t,s,i):Cv(t,s,i);case "vite":return _v(t,s,i);case "webpack":return vv(t,s,i);default:return {success:false,filePath:"",message:`Unknown framework: ${e}. Please add React Grab manually.`}}},Wf=t=>{try{return Kd.accessSync(t,Kd.constants.W_OK),!0}catch{return false}},xs=t=>{if(t.success&&t.newContent&&t.filePath){if(!Wf(t.filePath))return {success:false,error:`Cannot write to ${t.filePath}. Check file permissions.`};try{return Kd.writeFileSync(t.filePath,t.newContent),{success:!0}}catch(e){return {success:false,error:`Failed to write to ${t.filePath}: ${e instanceof Error?e.message:"Unknown error"}`}}}return {success:true}};var jf={"claude-code":"npx @react-grab/claude-code@latest &&",cursor:"npx @react-grab/cursor@latest &&",opencode:"npx @react-grab/opencode@latest &&",codex:"npx @react-grab/codex@latest &&",gemini:"npx @react-grab/gemini@latest &&",amp:"npx @react-grab/amp@latest &&"},Fs=(t,e,r)=>{if(e==="none"||e==="ami"||e==="instant")return {success:true,filePath:"",message:e==="ami"||e==="instant"?`${e==="ami"?"Ami":"Instant"} does not require package.json modification`:"No agent selected, skipping package.json modification",noChanges:true};let s=vt.join(t,"package.json");if(!Kd.existsSync(s))return {success:false,filePath:"",message:"Could not find package.json"};let i=Kd.readFileSync(s,"utf-8"),n=jf[e];if(!n)return {success:false,filePath:s,message:`Unknown agent: ${e}`};if(i.includes(n))return {success:true,filePath:s,message:`Agent ${e} dev script is already configured`,noChanges:true};try{let o=JSON.parse(i);if(!o.scripts?.dev)return {success:!1,filePath:s,message:'No "dev" script found in package.json'};let u=o.scripts.dev;for(let h of r){let l=jf[h];if(l&&u.includes(l))return {success:!0,filePath:s,message:`Agent ${h} is already in dev script`,noChanges:!0}}o.scripts.dev=`${n} ${u}`;let a=JSON.stringify(o,null,2)+`
|
|
318
|
-
`;return {success:!0,filePath:s,message:`Add ${e} server to dev script`,originalContent:i,newContent:a}}catch{return {success:false,filePath:s,message:"Failed to parse package.json"}}},ws=t=>{if(t.success&&t.newContent&&t.filePath){if(!Wf(t.filePath))return {success:false,error:`Cannot write to ${t.filePath}. Check file permissions.`};try{return Kd.writeFileSync(t.filePath,t.newContent),{success:!0}}catch(e){return {success:false,error:`Failed to write to ${t.filePath}: ${e instanceof Error?e.message:"Unknown error"}`}}}return {success:true}};var xv="0.0.83",Es={"claude-code":"Claude Code",cursor:"Cursor",opencode:"Opencode",codex:"Codex",gemini:"Gemini",amp:"Amp",ami:"Ami",instant:"Instant"},Yf=new lt().name("add").description("add an agent integration").argument("[agent]","agent to add (claude-code, cursor, opencode, codex, gemini, amp, ami, instant)").option("-y, --yes","skip confirmation prompts",false).option("-c, --cwd <cwd>","working directory (defaults to current directory)",process.cwd()).action(async(t,e)=>{console.log(`${As.default.magenta("\u269B")} ${As.default.bold("React Grab")} ${As.default.gray(xv)}`),console.log();try{let r=e.cwd,s=e.yes,i=ue("Preflight checks.").start(),n=await Dr(r);n.hasReactGrab||(i.fail("React Grab is not installed."),w.break(),w.error(`Run ${j.info("react-grab init")} first to install React Grab.`),w.break(),process.exit(1)),i.succeed();let o=["claude-code","cursor","opencode","codex","gemini","amp","ami","instant"].filter(p=>!n.installedAgents.includes(p));o.length===0&&(w.break(),w.success("All agent integrations are already installed."),w.break(),process.exit(0));let u;if(t)["claude-code","cursor","opencode","codex","gemini","amp","ami","instant"].includes(t)||(w.break(),w.error(`Invalid agent: ${t}`),w.error("Available agents: claude-code, cursor, opencode, codex, gemini, amp, ami, instant"),w.break(),process.exit(1)),n.installedAgents.includes(t)&&(w.break(),w.warn(`${Es[t]} is already installed.`),w.break(),process.exit(0)),u=t;else if(s)w.break(),w.error("Please specify an agent to add."),w.error("Available agents: "+o.join(", ")),w.break(),process.exit(1);else {w.break();let{agent:p}=await(0,tu.default)({type:"select",name:"agent",message:`Which ${j.info("agent integration")} would you like to add?`,choices:o.map(m=>({title:Es[m],value:m}))});p||(w.break(),process.exit(1)),u=p;}ue(`Adding ${Es[u]}.`).start().succeed();let h=vs(n.projectRoot,n.framework,n.nextRouterType,u,!0),l=Fs(n.projectRoot,u,n.installedAgents);h.success||(w.break(),w.error(h.message),w.break(),process.exit(1));let c=!h.noChanges&&h.originalContent&&h.newContent,d=l.success&&!l.noChanges&&l.originalContent&&l.newContent;if((c||d)&&(w.break(),c&&qt(h.filePath,h.originalContent,h.newContent),d&&(c&&w.break(),qt(l.filePath,l.originalContent,l.newContent)),!s)){w.break();let{proceed:p}=await(0,tu.default)({type:"confirm",name:"proceed",message:"Apply these changes?",initial:!0});p||(w.break(),w.log("Changes cancelled."),w.break(),process.exit(0));}let f=hs(u,!1);if(f.length>0){let p=ue(`Installing ${f.join(", ")}.`).start();try{cs(f,n.packageManager,n.projectRoot),p.succeed();}catch(m){p.fail(),jt(m);}}if(c){let p=ue(`Applying changes to ${h.filePath}.`).start(),m=xs(h);m.success||(p.fail(),w.break(),w.error(m.error||"Failed to write file."),w.break(),process.exit(1)),p.succeed();}if(d){let p=ue(`Applying changes to ${l.filePath}.`).start(),m=ws(l);m.success||(p.fail(),w.break(),w.error(m.error||"Failed to write file."),w.break(),process.exit(1)),p.succeed();}w.break(),w.log(`${j.success("Success!")} ${Es[u]} has been added.`),w.log("Make sure to start the agent server before using it."),w.break();}catch(r){jt(r);}});var Ss=we(sr()),Rs=we(us());var Kf="0.0.83",Fv="https://react-grab.com/api/report-cli",Os="https://github.com/aidenybai/react-grab",Jf=async(t,e,r)=>{try{await fetch(Fv,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type:t,version:Kf,config:e,error:r?{message:r.message,stack:r.stack}:void 0,timestamp:new Date().toISOString()})}).catch(()=>{});}catch{}},ru={next:"Next.js",vite:"Vite",webpack:"Webpack",unknown:"Unknown"},wv={npm:"npm",yarn:"Yarn",pnpm:"pnpm",bun:"Bun"},Ev={remix:"Remix",astro:"Astro",sveltekit:"SvelteKit",gatsby:"Gatsby"},zf=new lt().name("init").description("initialize React Grab in your project").option("-y, --yes","skip confirmation prompts",false).option("-f, --force","force overwrite existing config",false).option("-a, --agent <agent>","agent integration (claude-code, cursor, opencode, codex, gemini, amp, ami, instant)").option("--skip-install","skip package installation",false).option("-c, --cwd <cwd>","working directory (defaults to current directory)",process.cwd()).action(async t=>{console.log(`${Ss.default.magenta("\u269B")} ${Ss.default.bold("React Grab")} ${Ss.default.gray(Kf)}`),console.log();try{let e=t.cwd,r=t.yes,s=ue("Preflight checks.").start(),i=await Dr(e);i.hasReactGrab&&!t.force&&(s.succeed(),w.break(),w.warn("React Grab is already installed."),w.log(`Use ${j.info("--force")} to reconfigure, or ${j.info("react-grab add")} to add an agent.`),w.break(),process.exit(0)),s.succeed();let n=ue("Verifying framework.").start();if(i.unsupportedFramework){let b=Ev[i.unsupportedFramework];n.fail(`Found ${j.info(b)}.`),w.break(),w.log(`${b} is not yet supported by automatic setup.`),w.log(`Visit ${j.info(Os)} for manual setup.`),w.break(),process.exit(1);}if(i.framework==="unknown")if(i.isMonorepo&&!r){n.info("Verifying framework. Found monorepo.");let y=hf(i.projectRoot).filter(v=>v.hasReact||v.framework!=="unknown");if(y.length>0){w.break();let v=[...y].sort((P,O)=>P.framework==="unknown"&&O.framework!=="unknown"?1:P.framework!=="unknown"&&O.framework==="unknown"?-1:0),{selectedProject:F}=await(0,Rs.default)({type:"select",name:"selectedProject",message:"Select a project to install React Grab:",choices:v.map(P=>{let O=P.framework!=="unknown"?` ${j.dim(`(${ru[P.framework]})`)}`:"";return {title:`${P.name}${O}`,value:P.path}})});F||(w.break(),process.exit(1)),process.chdir(F);let E=await Dr(F);Object.assign(i,E),ue("Verifying framework.").start().succeed(`Verifying framework. Found ${j.info(ru[E.framework])}.`);}else n.fail("Could not detect a supported framework."),w.break(),w.log(`Visit ${j.info(Os)} for manual setup.`),w.break(),process.exit(1);}else n.fail("Could not detect a supported framework."),w.break(),w.log("React Grab supports Next.js, Vite, and Webpack projects."),w.log(`Visit ${j.info(Os)} for manual setup.`),w.break(),process.exit(1);else n.succeed(`Verifying framework. Found ${j.info(ru[i.framework])}.`);i.framework==="next"&&ue("Detecting router type.").start().succeed(`Detecting router type. Found ${j.info(i.nextRouterType==="app"?"App Router":"Pages Router")}.`),ue("Detecting package manager.").start().succeed(`Detecting package manager. Found ${j.info(wv[i.packageManager])}.`);let u=i.framework,a=i.packageManager,h=i.nextRouterType,l=t.agent||"none";if(!r&&!t.agent){w.break();let{agent:b}=await(0,Rs.default)({type:"select",name:"agent",message:`Would you like to add an ${j.info("agent integration")}?`,choices:[{title:"None",value:"none"},{title:"Claude Code",value:"claude-code"},{title:"Cursor",value:"cursor"},{title:"Opencode",value:"opencode"},{title:"Codex",value:"codex"},{title:"Gemini",value:"gemini"},{title:"Amp",value:"amp"},{title:"Ami",value:"ami"},{title:"Instant",value:"instant"}]});b===void 0&&(w.break(),process.exit(1)),l=b;}let c=vs(i.projectRoot,u,h,l,!1),d=Fs(i.projectRoot,l,i.installedAgents);c.success||(w.break(),w.error(c.message),w.error(`Visit ${j.info(Os)} for manual setup.`),w.break(),process.exit(1));let f=!c.noChanges&&c.originalContent&&c.newContent,p=d.success&&!d.noChanges&&d.originalContent&&d.newContent;if((f||p)&&(w.break(),f&&qt(c.filePath,c.originalContent,c.newContent),p&&(f&&w.break(),qt(d.filePath,d.originalContent,d.newContent)),w.break(),w.warn("Auto-detection may not be 100% accurate."),w.warn("Please verify the changes before committing."),!r)){w.break();let{proceed:b}=await(0,Rs.default)({type:"confirm",name:"proceed",message:"Apply these changes?",initial:!0});b||(w.break(),w.log("Changes cancelled."),w.break(),process.exit(0));}let m=!i.hasReactGrab,g=l!=="none"&&!i.installedAgents.includes(l);if(!t.skipInstall&&(m||g)){let b=hs(l,m);if(b.length>0){let y=ue(`Installing ${b.join(", ")}.`).start();try{cs(b,a,i.projectRoot),y.succeed();}catch(v){y.fail(),jt(v);}}}if(f){let b=ue(`Applying changes to ${c.filePath}.`).start(),y=xs(c);y.success||(b.fail(),w.break(),w.error(y.error||"Failed to write file."),w.break(),process.exit(1)),b.succeed();}if(p){let b=ue(`Applying changes to ${d.filePath}.`).start(),y=ws(d);y.success||(b.fail(),w.break(),w.error(y.error||"Failed to write file."),w.break(),process.exit(1)),b.succeed();}w.break(),w.log(`${j.success("Success!")} React Grab has been installed.`),w.log("You may now start your development server."),w.break(),await Jf("completed",{framework:u,packageManager:a,router:h,agent:l!=="none"?l:void 0,isMonorepo:i.isMonorepo});}catch(e){jt(e),await Jf("error",void 0,e);}});var oi=we(sr()),ui=we(Pg()),ua=we(us());var aE="0.0.83",$g=2e3,kg='<script src="//unpkg.com/react-grab/dist/index.global.js"></script>',lE=t=>`<script src="//unpkg.com/${t}/dist/client.global.js"></script>`,Bg=async(t,e)=>new Promise(r=>{let s=http.createServer();s.listen(t,e,()=>{s.close(()=>r(t));}),s.on("error",()=>{r(Bg(t+1,e));});}),cE=t=>t.startsWith("http://")||t.startsWith("https://")?t:`http://${t}`,hE=async t=>{try{return (await fetch(t,{method:"HEAD",redirect:"follow"})).url}catch{return t}},Mg=new lt().name("start").alias("proxy").description("start a proxy server for a given URL").argument("[url]","target URL to proxy (e.g., localhost:3000)").option("-p, --port <port>","starting port for the proxy server",String($g)).option("--host <hostname>","hostname to bind the proxy server to","localhost").option("--provider <package>","provider package to run via npx (e.g., @react-grab/cursor)").action(async(t,e)=>{console.log(`${oi.default.magenta("\u269B")} ${oi.default.bold("React Grab")} ${oi.default.gray(aE)}`),console.log();let r=t,s=e.provider;if(!r){let{targetUrl:y}=await(0, ua.default)({type:"text",name:"targetUrl",message:"Enter the target URL to proxy:",initial:"localhost:3000"});if(y||(w.break(),process.exit(1)),r=y,!s){let{selectedProvider:v}=await(0, ua.default)({type:"select",name:"selectedProvider",message:`Select a ${j.info("provider")} to use:`,choices:[{title:"None",value:""},{title:"Claude Code",value:"@react-grab/claude-code"},{title:"Cursor",value:"@react-grab/cursor"},{title:"Opencode",value:"@react-grab/opencode"},{title:"Codex",value:"@react-grab/codex"},{title:"Gemini",value:"@react-grab/gemini"},{title:"Amp",value:"@react-grab/amp"},{title:"Ami",value:"@react-grab/ami"}]});v===void 0&&(w.break(),process.exit(1)),s=v||void 0;}w.break();}let i=cE(r),n=await hE(i),o=parseInt(e.port,10),u=e.host||"localhost";(isNaN(o)||o<1||o>65535)&&(w.break(),w.error("Invalid port number. Please provide a port between 1 and 65535."),w.break(),process.exit(1));let a=await Bg(o,u),h=s?kg+lE(s):kg,l=y=>{let v=y.indexOf("</head>");if(v!==-1)return y.slice(0,v)+h+y.slice(v);let F=y.indexOf("</body>");return F!==-1?y.slice(0,F)+h+y.slice(F):y+h},c=(0, ui.createProxyMiddleware)({target:n,changeOrigin:true,followRedirects:false,ws:true,selfHandleResponse:true,cookieDomainRewrite:{"*":""},autoRewrite:true,preserveHeaderKeyCase:true,xfwd:true,on:{error:(y,v,F)=>{"writeHead"in F&&!F.headersSent&&(F.writeHead(503,{"Content-Type":"text/plain"}),F.end(`Proxy error: Unable to connect to ${n}`));},proxyReq:y=>{y.removeHeader("accept-encoding");},proxyRes:(0, ui.responseInterceptor)(async(y,v)=>{if(!(v.headers["content-type"]||"").includes("text/html"))return y;let R=y.toString("utf-8");return l(R)})}}),d=http.createServer((y,v)=>{c(y,v,F=>{F&&(w.error(`Request error: ${F}`),v.writeHead(500),v.end("Internal Server Error"));});});d.on("upgrade",c.upgrade);let f=ue("Starting.").start(),p=()=>{f.succeed(`Open in your browser: http://${u}:${a}`);let y=["npx react-grab@latest start",r];e.port!==String($g)&&y.push(`--port=${e.port}`),u!=="localhost"&&y.push(`--host=${u}`),s&&y.push(`--provider=${s}`),w.break(),w.log(j.dim(`$ ${y.join(" ")}`));},m=false,g=!s,b=()=>{m&&g&&p();};if(d.listen(a,u,()=>{m=true,b();}),s){let y=child_process.spawn("npx",[`${s}@latest`],{stdio:"ignore",shell:true,detached:false}),v=()=>{y.killed||y.kill();};process.on("exit",v),process.on("SIGINT",()=>{v(),process.exit(0);}),process.on("SIGTERM",()=>{v(),process.exit(0);}),y.on("error",F=>{f.fail(`Failed to start provider: ${F.message}`);}),y.on("spawn",()=>{g=true,b();}),y.on("close",F=>{F!==0&&F!==null&&w.error(`Provider exited with code ${F}`);});}d.on("error",y=>{w.break(),w.error(`Server error: ${y.message}`),w.break(),process.exit(1);});});var dE="0.0.83",fE="https://react-grab.com/api/version";process.on("SIGINT",()=>process.exit(0));process.on("SIGTERM",()=>process.exit(0));try{fetch(`${fE}?source=cli&t=${Date.now()}`).catch(()=>{});}catch{}var ai=new lt().name("react-grab").description("add React Grab to your project").version(dE,"-v, --version","display the version number");ai.addCommand(zf);ai.addCommand(Yf);ai.addCommand(Mg);ai.parse();
|
|
318
|
+
`;return {success:!0,filePath:s,message:`Add ${e} server to dev script`,originalContent:i,newContent:a}}catch{return {success:false,filePath:s,message:"Failed to parse package.json"}}},ws=t=>{if(t.success&&t.newContent&&t.filePath){if(!Wf(t.filePath))return {success:false,error:`Cannot write to ${t.filePath}. Check file permissions.`};try{return Kd.writeFileSync(t.filePath,t.newContent),{success:!0}}catch(e){return {success:false,error:`Failed to write to ${t.filePath}: ${e instanceof Error?e.message:"Unknown error"}`}}}return {success:true}};var xv="0.0.85",Es={"claude-code":"Claude Code",cursor:"Cursor",opencode:"OpenCode",codex:"Codex",gemini:"Gemini",amp:"Amp",ami:"Ami",instant:"Instant"},Yf=new lt().name("add").description("add an agent integration").argument("[agent]","agent to add (claude-code, cursor, opencode, codex, gemini, amp, ami, instant)").option("-y, --yes","skip confirmation prompts",false).option("-c, --cwd <cwd>","working directory (defaults to current directory)",process.cwd()).action(async(t,e)=>{console.log(`${As.default.magenta("\u269B")} ${As.default.bold("React Grab")} ${As.default.gray(xv)}`),console.log();try{let r=e.cwd,s=e.yes,i=ue("Preflight checks.").start(),n=await Dr(r);n.hasReactGrab||(i.fail("React Grab is not installed."),w.break(),w.error(`Run ${j.info("react-grab init")} first to install React Grab.`),w.break(),process.exit(1)),i.succeed();let o=["claude-code","cursor","opencode","codex","gemini","amp","ami","instant"].filter(p=>!n.installedAgents.includes(p));o.length===0&&(w.break(),w.success("All agent integrations are already installed."),w.break(),process.exit(0));let u;if(t)["claude-code","cursor","opencode","codex","gemini","amp","ami","instant"].includes(t)||(w.break(),w.error(`Invalid agent: ${t}`),w.error("Available agents: claude-code, cursor, opencode, codex, gemini, amp, ami, instant"),w.break(),process.exit(1)),n.installedAgents.includes(t)&&(w.break(),w.warn(`${Es[t]} is already installed.`),w.break(),process.exit(0)),u=t;else if(s)w.break(),w.error("Please specify an agent to add."),w.error("Available agents: "+o.join(", ")),w.break(),process.exit(1);else {w.break();let{agent:p}=await(0,tu.default)({type:"select",name:"agent",message:`Which ${j.info("agent integration")} would you like to add?`,choices:o.map(m=>({title:Es[m],value:m}))});p||(w.break(),process.exit(1)),u=p;}ue(`Adding ${Es[u]}.`).start().succeed();let h=vs(n.projectRoot,n.framework,n.nextRouterType,u,!0),l=Fs(n.projectRoot,u,n.installedAgents);h.success||(w.break(),w.error(h.message),w.break(),process.exit(1));let c=!h.noChanges&&h.originalContent&&h.newContent,d=l.success&&!l.noChanges&&l.originalContent&&l.newContent;if((c||d)&&(w.break(),c&&qt(h.filePath,h.originalContent,h.newContent),d&&(c&&w.break(),qt(l.filePath,l.originalContent,l.newContent)),!s)){w.break();let{proceed:p}=await(0,tu.default)({type:"confirm",name:"proceed",message:"Apply these changes?",initial:!0});p||(w.break(),w.log("Changes cancelled."),w.break(),process.exit(0));}let f=hs(u,!1);if(f.length>0){let p=ue(`Installing ${f.join(", ")}.`).start();try{cs(f,n.packageManager,n.projectRoot),p.succeed();}catch(m){p.fail(),jt(m);}}if(c){let p=ue(`Applying changes to ${h.filePath}.`).start(),m=xs(h);m.success||(p.fail(),w.break(),w.error(m.error||"Failed to write file."),w.break(),process.exit(1)),p.succeed();}if(d){let p=ue(`Applying changes to ${l.filePath}.`).start(),m=ws(l);m.success||(p.fail(),w.break(),w.error(m.error||"Failed to write file."),w.break(),process.exit(1)),p.succeed();}w.break(),w.log(`${j.success("Success!")} ${Es[u]} has been added.`),w.log("Make sure to start the agent server before using it."),w.break();}catch(r){jt(r);}});var Ss=we(sr()),Rs=we(us());var Kf="0.0.85",Fv="https://react-grab.com/api/report-cli",Os="https://github.com/aidenybai/react-grab",Jf=async(t,e,r)=>{try{await fetch(Fv,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type:t,version:Kf,config:e,error:r?{message:r.message,stack:r.stack}:void 0,timestamp:new Date().toISOString()})}).catch(()=>{});}catch{}},ru={next:"Next.js",vite:"Vite",webpack:"Webpack",unknown:"Unknown"},wv={npm:"npm",yarn:"Yarn",pnpm:"pnpm",bun:"Bun"},Ev={remix:"Remix",astro:"Astro",sveltekit:"SvelteKit",gatsby:"Gatsby"},zf=new lt().name("init").description("initialize React Grab in your project").option("-y, --yes","skip confirmation prompts",false).option("-f, --force","force overwrite existing config",false).option("-a, --agent <agent>","agent integration (claude-code, cursor, opencode, codex, gemini, amp, ami, instant)").option("--skip-install","skip package installation",false).option("-c, --cwd <cwd>","working directory (defaults to current directory)",process.cwd()).action(async t=>{console.log(`${Ss.default.magenta("\u269B")} ${Ss.default.bold("React Grab")} ${Ss.default.gray(Kf)}`),console.log();try{let e=t.cwd,r=t.yes,s=ue("Preflight checks.").start(),i=await Dr(e);i.hasReactGrab&&!t.force&&(s.succeed(),w.break(),w.warn("React Grab is already installed."),w.log(`Use ${j.info("--force")} to reconfigure, or ${j.info("react-grab add")} to add an agent.`),w.break(),process.exit(0)),s.succeed();let n=ue("Verifying framework.").start();if(i.unsupportedFramework){let b=Ev[i.unsupportedFramework];n.fail(`Found ${j.info(b)}.`),w.break(),w.log(`${b} is not yet supported by automatic setup.`),w.log(`Visit ${j.info(Os)} for manual setup.`),w.break(),process.exit(1);}if(i.framework==="unknown")if(i.isMonorepo&&!r){n.info("Verifying framework. Found monorepo.");let y=hf(i.projectRoot).filter(v=>v.hasReact||v.framework!=="unknown");if(y.length>0){w.break();let v=[...y].sort((P,O)=>P.framework==="unknown"&&O.framework!=="unknown"?1:P.framework!=="unknown"&&O.framework==="unknown"?-1:0),{selectedProject:F}=await(0,Rs.default)({type:"select",name:"selectedProject",message:"Select a project to install React Grab:",choices:v.map(P=>{let O=P.framework!=="unknown"?` ${j.dim(`(${ru[P.framework]})`)}`:"";return {title:`${P.name}${O}`,value:P.path}})});F||(w.break(),process.exit(1)),process.chdir(F);let E=await Dr(F);Object.assign(i,E),ue("Verifying framework.").start().succeed(`Verifying framework. Found ${j.info(ru[E.framework])}.`);}else n.fail("Could not detect a supported framework."),w.break(),w.log(`Visit ${j.info(Os)} for manual setup.`),w.break(),process.exit(1);}else n.fail("Could not detect a supported framework."),w.break(),w.log("React Grab supports Next.js, Vite, and Webpack projects."),w.log(`Visit ${j.info(Os)} for manual setup.`),w.break(),process.exit(1);else n.succeed(`Verifying framework. Found ${j.info(ru[i.framework])}.`);i.framework==="next"&&ue("Detecting router type.").start().succeed(`Detecting router type. Found ${j.info(i.nextRouterType==="app"?"App Router":"Pages Router")}.`),ue("Detecting package manager.").start().succeed(`Detecting package manager. Found ${j.info(wv[i.packageManager])}.`);let u=i.framework,a=i.packageManager,h=i.nextRouterType,l=t.agent||"none";if(!r&&!t.agent){w.break();let{agent:b}=await(0,Rs.default)({type:"select",name:"agent",message:`Would you like to add an ${j.info("agent integration")}?`,choices:[{title:"None",value:"none"},{title:"Claude Code",value:"claude-code"},{title:"Cursor",value:"cursor"},{title:"OpenCode",value:"opencode"},{title:"Codex",value:"codex"},{title:"Gemini",value:"gemini"},{title:"Amp",value:"amp"},{title:"Ami",value:"ami"},{title:"Instant",value:"instant"}]});b===void 0&&(w.break(),process.exit(1)),l=b;}let c=vs(i.projectRoot,u,h,l,!1),d=Fs(i.projectRoot,l,i.installedAgents);c.success||(w.break(),w.error(c.message),w.error(`Visit ${j.info(Os)} for manual setup.`),w.break(),process.exit(1));let f=!c.noChanges&&c.originalContent&&c.newContent,p=d.success&&!d.noChanges&&d.originalContent&&d.newContent;if((f||p)&&(w.break(),f&&qt(c.filePath,c.originalContent,c.newContent),p&&(f&&w.break(),qt(d.filePath,d.originalContent,d.newContent)),w.break(),w.warn("Auto-detection may not be 100% accurate."),w.warn("Please verify the changes before committing."),!r)){w.break();let{proceed:b}=await(0,Rs.default)({type:"confirm",name:"proceed",message:"Apply these changes?",initial:!0});b||(w.break(),w.log("Changes cancelled."),w.break(),process.exit(0));}let m=!i.hasReactGrab,g=l!=="none"&&!i.installedAgents.includes(l);if(!t.skipInstall&&(m||g)){let b=hs(l,m);if(b.length>0){let y=ue(`Installing ${b.join(", ")}.`).start();try{cs(b,a,i.projectRoot),y.succeed();}catch(v){y.fail(),jt(v);}}}if(f){let b=ue(`Applying changes to ${c.filePath}.`).start(),y=xs(c);y.success||(b.fail(),w.break(),w.error(y.error||"Failed to write file."),w.break(),process.exit(1)),b.succeed();}if(p){let b=ue(`Applying changes to ${d.filePath}.`).start(),y=ws(d);y.success||(b.fail(),w.break(),w.error(y.error||"Failed to write file."),w.break(),process.exit(1)),b.succeed();}w.break(),w.log(`${j.success("Success!")} React Grab has been installed.`),w.log("You may now start your development server."),w.break(),await Jf("completed",{framework:u,packageManager:a,router:h,agent:l!=="none"?l:void 0,isMonorepo:i.isMonorepo});}catch(e){jt(e),await Jf("error",void 0,e);}});var oi=we(sr()),ui=we(Pg()),ua=we(us());var aE="0.0.85",$g=2e3,kg='<script src="//unpkg.com/react-grab/dist/index.global.js"></script>',lE=t=>`<script src="//unpkg.com/${t}/dist/client.global.js"></script>`,Bg=async(t,e)=>new Promise(r=>{let s=http.createServer();s.listen(t,e,()=>{s.close(()=>r(t));}),s.on("error",()=>{r(Bg(t+1,e));});}),cE=t=>t.startsWith("http://")||t.startsWith("https://")?t:`http://${t}`,hE=async t=>{try{return (await fetch(t,{method:"HEAD",redirect:"follow"})).url}catch{return t}},Mg=new lt().name("start").alias("proxy").description("start a proxy server for a given URL").argument("[url]","target URL to proxy (e.g., localhost:3000)").option("-p, --port <port>","starting port for the proxy server",String($g)).option("--host <hostname>","hostname to bind the proxy server to","localhost").option("--provider <package>","provider package to run via npx (e.g., @react-grab/cursor)").action(async(t,e)=>{console.log(`${oi.default.magenta("\u269B")} ${oi.default.bold("React Grab")} ${oi.default.gray(aE)}`),console.log();let r=t,s=e.provider;if(!r){let{targetUrl:y}=await(0, ua.default)({type:"text",name:"targetUrl",message:"Enter the target URL to proxy:",initial:"localhost:3000"});if(y||(w.break(),process.exit(1)),r=y,!s){let{selectedProvider:v}=await(0, ua.default)({type:"select",name:"selectedProvider",message:`Select a ${j.info("provider")} to use:`,choices:[{title:"None",value:""},{title:"Claude Code",value:"@react-grab/claude-code"},{title:"Cursor",value:"@react-grab/cursor"},{title:"OpenCode",value:"@react-grab/opencode"},{title:"Codex",value:"@react-grab/codex"},{title:"Gemini",value:"@react-grab/gemini"},{title:"Amp",value:"@react-grab/amp"},{title:"Ami",value:"@react-grab/ami"}]});v===void 0&&(w.break(),process.exit(1)),s=v||void 0;}w.break();}let i=cE(r),n=await hE(i),o=parseInt(e.port,10),u=e.host||"localhost";(isNaN(o)||o<1||o>65535)&&(w.break(),w.error("Invalid port number. Please provide a port between 1 and 65535."),w.break(),process.exit(1));let a=await Bg(o,u),h=s?kg+lE(s):kg,l=y=>{let v=y.indexOf("</head>");if(v!==-1)return y.slice(0,v)+h+y.slice(v);let F=y.indexOf("</body>");return F!==-1?y.slice(0,F)+h+y.slice(F):y+h},c=(0, ui.createProxyMiddleware)({target:n,changeOrigin:true,followRedirects:false,ws:true,selfHandleResponse:true,cookieDomainRewrite:{"*":""},autoRewrite:true,preserveHeaderKeyCase:true,xfwd:true,on:{error:(y,v,F)=>{"writeHead"in F&&!F.headersSent&&(F.writeHead(503,{"Content-Type":"text/plain"}),F.end(`Proxy error: Unable to connect to ${n}`));},proxyReq:y=>{y.removeHeader("accept-encoding");},proxyRes:(0, ui.responseInterceptor)(async(y,v)=>{if(!(v.headers["content-type"]||"").includes("text/html"))return y;let R=y.toString("utf-8");return l(R)})}}),d=http.createServer((y,v)=>{c(y,v,F=>{F&&(w.error(`Request error: ${F}`),v.writeHead(500),v.end("Internal Server Error"));});});d.on("upgrade",c.upgrade);let f=ue("Starting.").start(),p=()=>{f.succeed(`Open in your browser: http://${u}:${a}`);let y=["npx react-grab@latest start",r];e.port!==String($g)&&y.push(`--port=${e.port}`),u!=="localhost"&&y.push(`--host=${u}`),s&&y.push(`--provider=${s}`),w.break(),w.log(j.dim(`$ ${y.join(" ")}`));},m=false,g=!s,b=()=>{m&&g&&p();};if(d.listen(a,u,()=>{m=true,b();}),s){let y=child_process.spawn("npx",[`${s}@latest`],{stdio:"ignore",shell:true,detached:false}),v=()=>{y.killed||y.kill();};process.on("exit",v),process.on("SIGINT",()=>{v(),process.exit(0);}),process.on("SIGTERM",()=>{v(),process.exit(0);}),y.on("error",F=>{f.fail(`Failed to start provider: ${F.message}`);}),y.on("spawn",()=>{g=true,b();}),y.on("close",F=>{F!==0&&F!==null&&w.error(`Provider exited with code ${F}`);});}d.on("error",y=>{w.break(),w.error(`Server error: ${y.message}`),w.break(),process.exit(1);});});var dE="0.0.85",fE="https://www.react-grab.com/api/version";process.on("SIGINT",()=>process.exit(0));process.on("SIGTERM",()=>process.exit(0));try{fetch(`${fE}?source=cli&t=${Date.now()}`).catch(()=>{});}catch{}var ai=new lt().name("react-grab").description("add React Grab to your project").version(dE,"-v, --version","display the version number");ai.addCommand(zf);ai.addCommand(Yf);ai.addCommand(Mg);ai.parse();
|
|
319
319
|
/*! Bundled license information:
|
|
320
320
|
|
|
321
321
|
http-proxy/lib/http-proxy/passes/web-outgoing.js:
|
|
@@ -156,6 +156,7 @@ interface Options {
|
|
|
156
156
|
theme?: Theme;
|
|
157
157
|
activationShortcut?: (event: KeyboardEvent) => boolean;
|
|
158
158
|
activationKey?: ActivationKey;
|
|
159
|
+
getContent?: (elements: Element[]) => Promise<string> | string;
|
|
159
160
|
onActivate?: () => void;
|
|
160
161
|
onDeactivate?: () => void;
|
|
161
162
|
onElementHover?: (element: Element) => void;
|
|
@@ -156,6 +156,7 @@ interface Options {
|
|
|
156
156
|
theme?: Theme;
|
|
157
157
|
activationShortcut?: (event: KeyboardEvent) => boolean;
|
|
158
158
|
activationKey?: ActivationKey;
|
|
159
|
+
getContent?: (elements: Element[]) => Promise<string> | string;
|
|
159
160
|
onActivate?: () => void;
|
|
160
161
|
onDeactivate?: () => void;
|
|
161
162
|
onElementHover?: (element: Element) => void;
|
package/dist/core.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunkGQE4KUP2_cjs=require('./chunk-GQE4KUP2.cjs');Object.defineProperty(exports,"DEFAULT_THEME",{enumerable:true,get:function(){return chunkGQE4KUP2_cjs.d}});Object.defineProperty(exports,"formatElementInfo",{enumerable:true,get:function(){return chunkGQE4KUP2_cjs.c}});Object.defineProperty(exports,"generateSnippet",{enumerable:true,get:function(){return chunkGQE4KUP2_cjs.e}});Object.defineProperty(exports,"getStack",{enumerable:true,get:function(){return chunkGQE4KUP2_cjs.b}});Object.defineProperty(exports,"init",{enumerable:true,get:function(){return chunkGQE4KUP2_cjs.f}});Object.defineProperty(exports,"isInstrumentationActive",{enumerable:true,get:function(){return chunkGQE4KUP2_cjs.a}});
|
package/dist/core.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { o as AgentCompleteResult, A as AgentContext, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, D as DEFAULT_THEME, O as Options, d as OverlayBounds, R as ReactGrabAPI, p as ReactGrabRendererProps, U as UpdatableOptions, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-
|
|
1
|
+
export { o as AgentCompleteResult, A as AgentContext, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, D as DEFAULT_THEME, O as Options, d as OverlayBounds, R as ReactGrabAPI, p as ReactGrabRendererProps, U as UpdatableOptions, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-fiyB3sPz.cjs';
|
|
2
2
|
export { isInstrumentationActive } from 'bippy';
|
|
3
3
|
import 'bippy/source';
|
package/dist/core.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { o as AgentCompleteResult, A as AgentContext, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, D as DEFAULT_THEME, O as Options, d as OverlayBounds, R as ReactGrabAPI, p as ReactGrabRendererProps, U as UpdatableOptions, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-
|
|
1
|
+
export { o as AgentCompleteResult, A as AgentContext, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, D as DEFAULT_THEME, O as Options, d as OverlayBounds, R as ReactGrabAPI, p as ReactGrabRendererProps, U as UpdatableOptions, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-fiyB3sPz.js';
|
|
2
2
|
export { isInstrumentationActive } from 'bippy';
|
|
3
3
|
import 'bippy/source';
|
package/dist/core.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{d as DEFAULT_THEME,c as formatElementInfo,e as generateSnippet,b as getStack,f as init,a as isInstrumentationActive}from'./chunk-
|
|
1
|
+
export{d as DEFAULT_THEME,c as formatElementInfo,e as generateSnippet,b as getStack,f as init,a as isInstrumentationActive}from'./chunk-EVTBFQDA.js';
|
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunkGQE4KUP2_cjs=require('./chunk-GQE4KUP2.cjs');/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) 2025 Aiden Bai
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
* This source code is licensed under the MIT license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
|
-
var e=null,A=()=>typeof window>"u"?e:window.__REACT_GRAB__??e??null,d=t=>{e=t,typeof window<"u"&&(t?window.__REACT_GRAB__=t:delete window.__REACT_GRAB__);};typeof window<"u"&&(window.__REACT_GRAB__?e=window.__REACT_GRAB__:(e=
|
|
9
|
+
var e=null,A=()=>typeof window>"u"?e:window.__REACT_GRAB__??e??null,d=t=>{e=t,typeof window<"u"&&(t?window.__REACT_GRAB__=t:delete window.__REACT_GRAB__);};typeof window<"u"&&(window.__REACT_GRAB__?e=window.__REACT_GRAB__:(e=chunkGQE4KUP2_cjs.f(),window.__REACT_GRAB__=e,window.dispatchEvent(new CustomEvent("react-grab:init",{detail:e}))));Object.defineProperty(exports,"DEFAULT_THEME",{enumerable:true,get:function(){return chunkGQE4KUP2_cjs.d}});Object.defineProperty(exports,"formatElementInfo",{enumerable:true,get:function(){return chunkGQE4KUP2_cjs.c}});Object.defineProperty(exports,"generateSnippet",{enumerable:true,get:function(){return chunkGQE4KUP2_cjs.e}});Object.defineProperty(exports,"getStack",{enumerable:true,get:function(){return chunkGQE4KUP2_cjs.b}});Object.defineProperty(exports,"init",{enumerable:true,get:function(){return chunkGQE4KUP2_cjs.f}});Object.defineProperty(exports,"isInstrumentationActive",{enumerable:true,get:function(){return chunkGQE4KUP2_cjs.a}});exports.getGlobalApi=A;exports.setGlobalApi=d;
|
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { R as ReactGrabAPI } from './core-
|
|
2
|
-
export { o as AgentCompleteResult, A as AgentContext, n as AgentOptions, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, C as CrosshairContext, D as DEFAULT_THEME, h as DeepPartial, e as DragRect, j as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, d as OverlayBounds, c as ReactGrabState, f as Rect, T as Theme, U as UpdatableOptions, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-
|
|
1
|
+
import { R as ReactGrabAPI } from './core-fiyB3sPz.cjs';
|
|
2
|
+
export { o as AgentCompleteResult, A as AgentContext, n as AgentOptions, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, C as CrosshairContext, D as DEFAULT_THEME, h as DeepPartial, e as DragRect, j as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, d as OverlayBounds, c as ReactGrabState, f as Rect, T as Theme, U as UpdatableOptions, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-fiyB3sPz.cjs';
|
|
3
3
|
export { isInstrumentationActive } from 'bippy';
|
|
4
4
|
import 'bippy/source';
|
|
5
5
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { R as ReactGrabAPI } from './core-
|
|
2
|
-
export { o as AgentCompleteResult, A as AgentContext, n as AgentOptions, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, C as CrosshairContext, D as DEFAULT_THEME, h as DeepPartial, e as DragRect, j as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, d as OverlayBounds, c as ReactGrabState, f as Rect, T as Theme, U as UpdatableOptions, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-
|
|
1
|
+
import { R as ReactGrabAPI } from './core-fiyB3sPz.js';
|
|
2
|
+
export { o as AgentCompleteResult, A as AgentContext, n as AgentOptions, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, C as CrosshairContext, D as DEFAULT_THEME, h as DeepPartial, e as DragRect, j as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, d as OverlayBounds, c as ReactGrabState, f as Rect, T as Theme, U as UpdatableOptions, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-fiyB3sPz.js';
|
|
3
3
|
export { isInstrumentationActive } from 'bippy';
|
|
4
4
|
import 'bippy/source';
|
|
5
5
|
|