@react-grab/claude-code 0.0.91 → 0.0.92

package/dist/cli.cjs

@@ -7138,7 +7138,7 @@ var import_picocolors = __toESM(require_picocolors());
 var DEFAULT_PORT = 4567;
 
 // src/cli.ts
-var VERSION = "0.0.91";
+var VERSION = "0.0.92";
 var serverPath = path2.join(__dirname, "server.cjs");
 execa(process.execPath, [serverPath], {
   detached: true,

package/dist/cli.js

@@ -7130,7 +7130,7 @@ var import_picocolors = __toESM(require_picocolors());
 var DEFAULT_PORT = 4567;
 
 // src/cli.ts
-var VERSION = "0.0.91";
+var VERSION = "0.0.92";
 var serverPath = join(__dirname, "server.cjs");
 execa(process.execPath, [serverPath], {
   detached: true,

package/dist/client.cjs

@@ -71,7 +71,7 @@ var getStoredAgentContext = (storage, sessionId, storageKey = STORAGE_KEY) => {
   if (!isRecord(context)) throw new Error(`Session ${sessionId} is invalid`);
   const content = context.content;
   const prompt = context.prompt;
-  if (typeof content !== "string" || typeof prompt !== "string") {
+  if (!Array.isArray(content) || typeof prompt !== "string") {
     throw new Error(`Session ${sessionId} is invalid`);
   }
   const options = context.options;

package/dist/client.global.js

@@ -1,6 +1,6 @@
-var ReactGrabClaudeCode=(function(exports){'use strict';var y=5e3,b="react-grab:agent-sessions",v=t=>{let e="",o="";for(let n of t.split(`
+var ReactGrabClaudeCode=(function(exports){'use strict';var h=5e3,b="react-grab:agent-sessions",v=t=>{let e="",o="";for(let n of t.split(`
 `))n.startsWith("event:")?e=n.slice(6).trim():n.startsWith("data:")&&(o=n.slice(5).trim());return {eventType:e,data:o}},T=async function*(t,e){let o=t.getReader(),n=new TextDecoder,r="",s=false,i=()=>{s=true,o.cancel().catch(()=>{});};e.addEventListener("abort",i);try{if(e.aborted)throw new DOMException("Aborted","AbortError");for(;;){let d=await o.read();if(s||e.aborted)throw new DOMException("Aborted","AbortError");let{done:a,value:l}=d;l&&(r+=n.decode(l,{stream:!0}));let c;for(;(c=r.indexOf(`
 
-`))!==-1;){let{eventType:f,data:p}=v(r.slice(0,c));if(r=r.slice(c+2),f==="done")return;if(f==="error")throw new Error(p||"Agent error");p&&(yield p);}if(a)break}}finally{e.removeEventListener("abort",i);try{o.releaseLock();}catch{}}},h=t=>typeof t=="object"&&t!==null,S=(t,e,o=b)=>{let n=t.getItem(o);if(!n)throw new Error("No sessions to resume");let r;try{r=JSON.parse(n);}catch{throw new Error("Failed to parse stored sessions")}if(!h(r))throw new Error("Invalid stored sessions");let s=r[e];if(!h(s))throw new Error(`Session ${e} not found`);let i=s.context;if(!h(i))throw new Error(`Session ${e} is invalid`);let d=i.content,a=i.prompt;if(typeof d!="string"||typeof a!="string")throw new Error(`Session ${e} is invalid`);let l=i.options,c=i.sessionId;return {content:d,prompt:a,options:l,sessionId:typeof c=="string"?c:void 0}},w=async function*(t,e,o){let n=Date.now(),r=e.sessionId,s=t.pollIntervalMs??100,i=`${t.serverUrl}${t.agentPath??"/agent"}`,d=()=>{if(!r)return;let a=t.abortPath?.(r)??`/abort/${r}`;fetch(`${t.serverUrl}${a}`,{method:"POST"}).catch(()=>{});};o.addEventListener("abort",d);try{let a=await fetch(i,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e),signal:o});if(!a.ok)throw new Error(`Server error: ${a.status}`);if(!a.body)throw new Error("No response body");let l=T(a.body,o)[Symbol.asyncIterator](),c=!1,f=l.next(),p=null;for(;!c;){let A=await Promise.race([f.then(u=>({type:"status",iteratorResult:u})),new Promise(u=>setTimeout(()=>u({type:"timeout"}),s))]),m=(Date.now()-n)/1e3;if(A.type==="status"){let u=A.iteratorResult;c=u.done??!1,!c&&u.value&&(p=u.value,f=l.next());}p===t.completedStatus?yield `Completed in ${m.toFixed(1)}s`:p?yield `${p} ${m.toFixed(1)}s`:yield `Working\u2026 ${m.toFixed(1)}s`;}}finally{o.removeEventListener("abort",d);}},E=(t,e=y)=>{let o=null;return async()=>{let n=Date.now();if(o&&n-o.timestamp<e)return o.result;try{let r=await t();return o={result:r,timestamp:n},r}catch{return o={result:false,timestamp:n},false}}};var g="Completed successfully";var _=`http://localhost:${4567}`,x={systemPrompt:{type:"preset",preset:"claude_code",append:`You are helping a user make changes to a React component based on a selected element.
+`))!==-1;){let{eventType:f,data:p}=v(r.slice(0,c));if(r=r.slice(c+2),f==="done")return;if(f==="error")throw new Error(p||"Agent error");p&&(yield p);}if(a)break}}finally{e.removeEventListener("abort",i);try{o.releaseLock();}catch{}}},y=t=>typeof t=="object"&&t!==null,S=(t,e,o=b)=>{let n=t.getItem(o);if(!n)throw new Error("No sessions to resume");let r;try{r=JSON.parse(n);}catch{throw new Error("Failed to parse stored sessions")}if(!y(r))throw new Error("Invalid stored sessions");let s=r[e];if(!y(s))throw new Error(`Session ${e} not found`);let i=s.context;if(!y(i))throw new Error(`Session ${e} is invalid`);let d=i.content,a=i.prompt;if(!Array.isArray(d)||typeof a!="string")throw new Error(`Session ${e} is invalid`);let l=i.options,c=i.sessionId;return {content:d,prompt:a,options:l,sessionId:typeof c=="string"?c:void 0}},w=async function*(t,e,o){let n=Date.now(),r=e.sessionId,s=t.pollIntervalMs??100,i=`${t.serverUrl}${t.agentPath??"/agent"}`,d=()=>{if(!r)return;let a=t.abortPath?.(r)??`/abort/${r}`;fetch(`${t.serverUrl}${a}`,{method:"POST"}).catch(()=>{});};o.addEventListener("abort",d);try{let a=await fetch(i,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e),signal:o});if(!a.ok)throw new Error(`Server error: ${a.status}`);if(!a.body)throw new Error("No response body");let l=T(a.body,o)[Symbol.asyncIterator](),c=!1,f=l.next(),p=null;for(;!c;){let C=await Promise.race([f.then(u=>({type:"status",iteratorResult:u})),new Promise(u=>setTimeout(()=>u({type:"timeout"}),s))]),m=(Date.now()-n)/1e3;if(C.type==="status"){let u=C.iteratorResult;c=u.done??!1,!c&&u.value&&(p=u.value,f=l.next());}p===t.completedStatus?yield `Completed in ${m.toFixed(1)}s`:p?yield `${p} ${m.toFixed(1)}s`:yield `Working\u2026 ${m.toFixed(1)}s`;}}finally{o.removeEventListener("abort",d);}},E=(t,e=h)=>{let o=null;return async()=>{let n=Date.now();if(o&&n-o.timestamp<e)return o.result;try{let r=await t();return o={result:r,timestamp:n},r}catch{return o={result:false,timestamp:n},false}}};var g="Completed successfully";var _=`http://localhost:${4567}`,x={systemPrompt:{type:"preset",preset:"claude_code",append:`You are helping a user make changes to a React component based on a selected element.
 The user has selected an element from their UI and wants you to help modify it.
-Provide clear, concise status updates as you work.`},model:"haiku",permissionMode:"bypassPermissions",maxTurns:10},C=t=>typeof t=="object"&&t!==null&&"setAgent"in t,R=(t={})=>{let{serverUrl:e=_,getOptions:o}=t,n=s=>({...x,...o?.()??{},...s??{}}),r=E(async()=>(await fetch(`${e}/health`,{method:"GET"})).ok,y);return {send:async function*(s,i){let d={...s,options:n(s.options)};yield*w({serverUrl:e,completedStatus:g},d,i);},resume:async function*(s,i,d){let a=S(d,s),l={content:a.content,prompt:a.prompt,options:a.options,sessionId:a.sessionId??s},c={...l,options:n(l.options)};yield "Resuming...",yield*w({serverUrl:e,completedStatus:g},c,i);},supportsResume:true,supportsFollowUp:true,checkConnection:r,undo:async()=>{try{await fetch(`${e}/undo`,{method:"POST"});}catch{}}}},P=async()=>{if(typeof window>"u")return;let t=R(),e=r=>{r.setAgent({provider:t,storage:sessionStorage});},o=window.__REACT_GRAB__;if(C(o)){e(o);return}window.addEventListener("react-grab:init",r=>{r instanceof CustomEvent&&C(r.detail)&&e(r.detail);},{once:true});let n=window.__REACT_GRAB__;C(n)&&e(n);};P();exports.attachAgent=P;exports.createClaudeAgentProvider=R;return exports;})({});
+Provide clear, concise status updates as you work.`},model:"haiku",permissionMode:"bypassPermissions",maxTurns:10},A=t=>typeof t=="object"&&t!==null&&"setAgent"in t,R=(t={})=>{let{serverUrl:e=_,getOptions:o}=t,n=s=>({...x,...o?.()??{},...s??{}}),r=E(async()=>(await fetch(`${e}/health`,{method:"GET"})).ok,h);return {send:async function*(s,i){let d={...s,options:n(s.options)};yield*w({serverUrl:e,completedStatus:g},d,i);},resume:async function*(s,i,d){let a=S(d,s),l={content:a.content,prompt:a.prompt,options:a.options,sessionId:a.sessionId??s},c={...l,options:n(l.options)};yield "Resuming...",yield*w({serverUrl:e,completedStatus:g},c,i);},supportsResume:true,supportsFollowUp:true,checkConnection:r,undo:async()=>{try{await fetch(`${e}/undo`,{method:"POST"});}catch{}}}},P=async()=>{if(typeof window>"u")return;let t=R(),e=r=>{r.setAgent({provider:t,storage:sessionStorage});},o=window.__REACT_GRAB__;if(A(o)){e(o);return}window.addEventListener("react-grab:init",r=>{r instanceof CustomEvent&&A(r.detail)&&e(r.detail);},{once:true});let n=window.__REACT_GRAB__;A(n)&&e(n);};P();exports.attachAgent=P;exports.createClaudeAgentProvider=R;return exports;})({});

package/dist/client.js

@@ -69,7 +69,7 @@ var getStoredAgentContext = (storage, sessionId, storageKey = STORAGE_KEY) => {
   if (!isRecord(context)) throw new Error(`Session ${sessionId} is invalid`);
   const content = context.content;
   const prompt = context.prompt;
-  if (typeof content !== "string" || typeof prompt !== "string") {
+  if (!Array.isArray(content) || typeof prompt !== "string") {
     throw new Error(`Session ${sessionId} is invalid`);
   }
   const options = context.options;

package/dist/server.cjs

@@ -18187,7 +18187,7 @@ Check that the command is executable: chmod +x $(which ${commandName})`;
 };
 
 // src/server.ts
-var VERSION = "0.0.91";
+var VERSION = "0.0.92";
 try {
   fetch(
     `https://www.react-grab.com/api/version?source=claude-code&t=${Date.now()}`
@@ -18285,21 +18285,53 @@ var createServer = () => {
     const { content, prompt, options, sessionId } = body;
     const claudeSessionId = sessionId ? claudeSessionMap.get(sessionId) : void 0;
     const isFollowUp = Boolean(claudeSessionId);
-    const userPrompt = isFollowUp ? prompt : `${prompt}
-
-${content}`;
+    const contentItems = Array.isArray(content) ? content : [content];
     return streamSSE(context, async (stream2) => {
-      for await (const message of runAgent(userPrompt, {
-        ...options,
-        sessionId
-      })) {
-        if (message.type === "error") {
+      if (isFollowUp) {
+        for await (const message of runAgent(prompt, {
+          ...options,
+          sessionId
+        })) {
+          if (message.type === "error") {
+            await stream2.writeSSE({
+              data: `Error: ${message.content}`,
+              event: "error"
+            });
+          } else {
+            await stream2.writeSSE({
+              data: message.content,
+              event: message.type
+            });
+          }
+        }
+        return;
+      }
+      for (let i = 0; i < contentItems.length; i++) {
+        const elementContent = contentItems[i];
+        const userPrompt = `${prompt}
+
+${elementContent}`;
+        if (contentItems.length > 1) {
           await stream2.writeSSE({
-            data: `Error: ${message.content}`,
-            event: "error"
+            data: `Processing element ${i + 1} of ${contentItems.length}...`,
+            event: "status"
           });
-        } else {
-          await stream2.writeSSE({ data: message.content, event: message.type });
+        }
+        for await (const message of runAgent(userPrompt, {
+          ...options,
+          sessionId
+        })) {
+          if (message.type === "error") {
+            await stream2.writeSSE({
+              data: `Error: ${message.content}`,
+              event: "error"
+            });
+          } else {
+            await stream2.writeSSE({
+              data: message.content,
+              event: message.type
+            });
+          }
         }
       }
     });

package/dist/server.js

@@ -18158,7 +18158,7 @@ Check that the command is executable: chmod +x $(which ${commandName})`;
 };
 
 // src/server.ts
-var VERSION = "0.0.91";
+var VERSION = "0.0.92";
 try {
   fetch(
     `https://www.react-grab.com/api/version?source=claude-code&t=${Date.now()}`
@@ -18256,21 +18256,53 @@ var createServer = () => {
     const { content, prompt, options, sessionId } = body;
     const claudeSessionId = sessionId ? claudeSessionMap.get(sessionId) : void 0;
     const isFollowUp = Boolean(claudeSessionId);
-    const userPrompt = isFollowUp ? prompt : `${prompt}
-
-${content}`;
+    const contentItems = Array.isArray(content) ? content : [content];
     return streamSSE(context, async (stream2) => {
-      for await (const message of runAgent(userPrompt, {
-        ...options,
-        sessionId
-      })) {
-        if (message.type === "error") {
+      if (isFollowUp) {
+        for await (const message of runAgent(prompt, {
+          ...options,
+          sessionId
+        })) {
+          if (message.type === "error") {
+            await stream2.writeSSE({
+              data: `Error: ${message.content}`,
+              event: "error"
+            });
+          } else {
+            await stream2.writeSSE({
+              data: message.content,
+              event: message.type
+            });
+          }
+        }
+        return;
+      }
+      for (let i = 0; i < contentItems.length; i++) {
+        const elementContent = contentItems[i];
+        const userPrompt = `${prompt}
+
+${elementContent}`;
+        if (contentItems.length > 1) {
           await stream2.writeSSE({
-            data: `Error: ${message.content}`,
-            event: "error"
+            data: `Processing element ${i + 1} of ${contentItems.length}...`,
+            event: "status"
           });
-        } else {
-          await stream2.writeSSE({ data: message.content, event: message.type });
+        }
+        for await (const message of runAgent(userPrompt, {
+          ...options,
+          sessionId
+        })) {
+          if (message.type === "error") {
+            await stream2.writeSSE({
+              data: `Error: ${message.content}`,
+              event: "error"
+            });
+          } else {
+            await stream2.writeSSE({
+              data: message.content,
+              event: message.type
+            });
+          }
         }
       }
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-grab/claude-code",
-  "version": "0.0.91",
+  "version": "0.0.92",
   "type": "module",
   "bin": {
     "react-grab-claude-code": "./dist/cli.cjs"
@@ -26,7 +26,7 @@
   "devDependencies": {
     "@types/node": "^22.10.7",
     "tsup": "^8.4.0",
-    "@react-grab/utils": "0.0.91"
+    "@react-grab/utils": "0.0.92"
   },
   "dependencies": {
     "@anthropic-ai/claude-agent-sdk": "^0.1.0",
@@ -35,7 +35,7 @@
     "fkill": "^9.0.0",
     "hono": "^4.0.0",
     "picocolors": "^1.1.1",
-    "react-grab": "0.0.91"
+    "react-grab": "0.0.92"
   },
   "scripts": {
     "dev": "tsup --watch",