@react-grab/claude-code 0.0.70 → 0.0.72

package/dist/cli.cjs

@@ -111,7 +111,7 @@ var import_picocolors = __toESM(require_picocolors());
 var DEFAULT_PORT = 4567;
 
 // src/cli.ts
-var VERSION = "0.0.70";
+var VERSION = "0.0.72";
 var __filename$1 = url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('cli.cjs', document.baseURI).href)));
 var __dirname$1 = path.dirname(__filename$1);
 var serverPath = path.join(__dirname$1, "server.js");

package/dist/cli.js

@@ -108,7 +108,7 @@ var import_picocolors = __toESM(require_picocolors());
 var DEFAULT_PORT = 4567;
 
 // src/cli.ts
-var VERSION = "0.0.70";
+var VERSION = "0.0.72";
 var __filename = fileURLToPath(import.meta.url);
 var __dirname = dirname(__filename);
 var serverPath = join(__dirname, "server.js");

package/dist/client.cjs

@@ -2,6 +2,7 @@
 
 // src/constants.ts
 var DEFAULT_PORT = 4567;
+var CONNECTION_CHECK_TTL_MS = 5e3;
 
 // src/client.ts
 var DEFAULT_SERVER_URL = `http://localhost:${DEFAULT_PORT}`;
@@ -27,13 +28,27 @@ var parseSSEEvent = (eventBlock) => {
   }
   return { eventType, data };
 };
-async function* streamSSE(stream) {
+async function* streamSSE(stream, signal) {
   const reader = stream.getReader();
   const decoder = new TextDecoder();
   let buffer = "";
+  let aborted = false;
+  const onAbort = () => {
+    aborted = true;
+    reader.cancel().catch(() => {
+    });
+  };
+  signal.addEventListener("abort", onAbort);
   try {
+    if (signal.aborted) {
+      throw new DOMException("Aborted", "AbortError");
+    }
     while (true) {
-      const { done, value } = await reader.read();
+      const result = await reader.read();
+      if (aborted || signal.aborted) {
+        throw new DOMException("Aborted", "AbortError");
+      }
+      const { done, value } = result;
       if (value) buffer += decoder.decode(value, { stream: true });
       let boundary;
       while ((boundary = buffer.indexOf("\n\n")) !== -1) {
@@ -49,7 +64,11 @@ async function* streamSSE(stream) {
       if (done) break;
     }
   } finally {
-    reader.releaseLock();
+    signal.removeEventListener("abort", onAbort);
+    try {
+      reader.releaseLock();
+    } catch {
+    }
   }
 }
 async function* streamFromServer(serverUrl, context, signal) {
@@ -65,10 +84,11 @@ async function* streamFromServer(serverUrl, context, signal) {
   if (!response.body) {
     throw new Error("No response body");
   }
-  yield* streamSSE(response.body);
+  yield* streamSSE(response.body, signal);
 }
 var createClaudeAgentProvider = (providerOptions = {}) => {
   const { serverUrl = DEFAULT_SERVER_URL, getOptions } = providerOptions;
+  let connectionCache = null;
   const mergeOptions = (contextOptions) => ({
     ...DEFAULT_OPTIONS,
     ...getOptions?.() ?? {},
@@ -100,7 +120,22 @@ var createClaudeAgentProvider = (providerOptions = {}) => {
       yield "Resuming...";
       yield* streamFromServer(serverUrl, mergedContext, signal);
     },
-    supportsResume: true
+    supportsResume: true,
+    checkConnection: async () => {
+      const now = Date.now();
+      if (connectionCache && now - connectionCache.timestamp < CONNECTION_CHECK_TTL_MS) {
+        return connectionCache.result;
+      }
+      try {
+        const response = await fetch(`${serverUrl}/health`, { method: "GET" });
+        const result = response.ok;
+        connectionCache = { result, timestamp: now };
+        return result;
+      } catch {
+        connectionCache = { result: false, timestamp: now };
+        return false;
+      }
+    }
   };
 };
 var attachAgent = async () => {

package/dist/client.global.js

@@ -1,6 +1,6 @@
-var ReactGrabClaudeCode=(function(exports){'use strict';var f=`http://localhost:${4567}`,m="react-grab:agent-sessions",y={systemPrompt:{type:"preset",preset:"claude_code",append:`You are helping a user make changes to a React component based on a selected element.
+var ReactGrabClaudeCode=(function(exports){'use strict';var A=`http://localhost:${4567}`,y="react-grab:agent-sessions",E={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},A=n=>{let t="",o="";for(let e of n.split(`
-`))e.startsWith("event:")?t=e.slice(6).trim():e.startsWith("data:")&&(o=e.slice(5).trim());return {eventType:t,data:o}};async function*S(n){let t=n.getReader(),o=new TextDecoder,e="";try{for(;;){let{done:s,value:i}=await t.read();i&&(e+=o.decode(i,{stream:!0}));let r;for(;(r=e.indexOf(`
+Provide clear, concise status updates as you work.`},model:"haiku",permissionMode:"bypassPermissions",maxTurns:10},C=r=>{let t="",o="";for(let e of r.split(`
+`))e.startsWith("event:")?t=e.slice(6).trim():e.startsWith("data:")&&(o=e.slice(5).trim());return {eventType:t,data:o}};async function*b(r,t){let o=r.getReader(),e=new TextDecoder,s="",n=false,i=()=>{n=true,o.cancel().catch(()=>{});};t.addEventListener("abort",i);try{if(t.aborted)throw new DOMException("Aborted","AbortError");for(;;){let a=await o.read();if(n||t.aborted)throw new DOMException("Aborted","AbortError");let{done:p,value:u}=a;u&&(s+=e.decode(u,{stream:!0}));let c;for(;(c=s.indexOf(`
 
-`))!==-1;){let{eventType:a,data:c}=A(e.slice(0,r));if(e=e.slice(r+2),a==="done")return;if(a==="error"){console.error("[react-grab]",c||"Agent error");return}c&&(yield c);}if(s)break}}finally{t.releaseLock();}}async function*p(n,t,o){let e=await fetch(`${n}/agent`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t),signal:o});if(!e.ok)throw new Error(`Server error: ${e.status}`);if(!e.body)throw new Error("No response body");yield*S(e.body);}var C=(n={})=>{let{serverUrl:t=f,getOptions:o}=n,e=s=>({...y,...o?.()??{},...s??{}});return {send:async function*(s,i){let r={...s,options:e(s.options)};yield*p(t,r,i);},resume:async function*(s,i,r){let a=r.getItem(m);if(!a)throw new Error("No sessions to resume");let d=JSON.parse(a)[s];if(!d)throw new Error(`Session ${s} not found`);let l=d.context,g={...l,options:e(l.options)};yield "Resuming...",yield*p(t,g,i);},supportsResume:true}},E=async()=>{if(typeof window>"u")return;let n=C(),t=window.__REACT_GRAB__;if(t){t.setAgent({provider:n,storage:sessionStorage});return}window.addEventListener("react-grab:init",o=>{o.detail.setAgent({provider:n,storage:sessionStorage});},{once:true});};E();exports.attachAgent=E;exports.createClaudeAgentProvider=C;return exports;})({});
+`))!==-1;){let{eventType:d,data:l}=C(s.slice(0,c));if(s=s.slice(c+2),d==="done")return;if(d==="error"){console.error("[react-grab]",l||"Agent error");return}l&&(yield l);}if(p)break}}finally{t.removeEventListener("abort",i);try{o.releaseLock();}catch{}}}async function*g(r,t,o){let e=await fetch(`${r}/agent`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t),signal:o});if(!e.ok)throw new Error(`Server error: ${e.status}`);if(!e.body)throw new Error("No response body");yield*b(e.body,o);}var h=(r={})=>{let{serverUrl:t=A,getOptions:o}=r,e=null,s=n=>({...E,...o?.()??{},...n??{}});return {send:async function*(n,i){let a={...n,options:s(n.options)};yield*g(t,a,i);},resume:async function*(n,i,a){let p=a.getItem(y);if(!p)throw new Error("No sessions to resume");let c=JSON.parse(p)[n];if(!c)throw new Error(`Session ${n} not found`);let d=c.context,l={...d,options:s(d.options)};yield "Resuming...",yield*g(t,l,i);},supportsResume:true,checkConnection:async()=>{let n=Date.now();if(e&&n-e.timestamp<5e3)return e.result;try{let a=(await fetch(`${t}/health`,{method:"GET"})).ok;return e={result:a,timestamp:n},a}catch{return e={result:false,timestamp:n},false}}}},S=async()=>{if(typeof window>"u")return;let r=h(),t=window.__REACT_GRAB__;if(t){t.setAgent({provider:r,storage:sessionStorage});return}window.addEventListener("react-grab:init",o=>{o.detail.setAgent({provider:r,storage:sessionStorage});},{once:true});};S();exports.attachAgent=S;exports.createClaudeAgentProvider=h;return exports;})({});

package/dist/client.js

@@ -1,5 +1,6 @@
 // src/constants.ts
 var DEFAULT_PORT = 4567;
+var CONNECTION_CHECK_TTL_MS = 5e3;
 
 // src/client.ts
 var DEFAULT_SERVER_URL = `http://localhost:${DEFAULT_PORT}`;
@@ -25,13 +26,27 @@ var parseSSEEvent = (eventBlock) => {
   }
   return { eventType, data };
 };
-async function* streamSSE(stream) {
+async function* streamSSE(stream, signal) {
   const reader = stream.getReader();
   const decoder = new TextDecoder();
   let buffer = "";
+  let aborted = false;
+  const onAbort = () => {
+    aborted = true;
+    reader.cancel().catch(() => {
+    });
+  };
+  signal.addEventListener("abort", onAbort);
   try {
+    if (signal.aborted) {
+      throw new DOMException("Aborted", "AbortError");
+    }
     while (true) {
-      const { done, value } = await reader.read();
+      const result = await reader.read();
+      if (aborted || signal.aborted) {
+        throw new DOMException("Aborted", "AbortError");
+      }
+      const { done, value } = result;
       if (value) buffer += decoder.decode(value, { stream: true });
       let boundary;
       while ((boundary = buffer.indexOf("\n\n")) !== -1) {
@@ -47,7 +62,11 @@ async function* streamSSE(stream) {
       if (done) break;
     }
   } finally {
-    reader.releaseLock();
+    signal.removeEventListener("abort", onAbort);
+    try {
+      reader.releaseLock();
+    } catch {
+    }
   }
 }
 async function* streamFromServer(serverUrl, context, signal) {
@@ -63,10 +82,11 @@ async function* streamFromServer(serverUrl, context, signal) {
   if (!response.body) {
     throw new Error("No response body");
   }
-  yield* streamSSE(response.body);
+  yield* streamSSE(response.body, signal);
 }
 var createClaudeAgentProvider = (providerOptions = {}) => {
   const { serverUrl = DEFAULT_SERVER_URL, getOptions } = providerOptions;
+  let connectionCache = null;
   const mergeOptions = (contextOptions) => ({
     ...DEFAULT_OPTIONS,
     ...getOptions?.() ?? {},
@@ -98,7 +118,22 @@ var createClaudeAgentProvider = (providerOptions = {}) => {
       yield "Resuming...";
       yield* streamFromServer(serverUrl, mergedContext, signal);
     },
-    supportsResume: true
+    supportsResume: true,
+    checkConnection: async () => {
+      const now = Date.now();
+      if (connectionCache && now - connectionCache.timestamp < CONNECTION_CHECK_TTL_MS) {
+        return connectionCache.result;
+      }
+      try {
+        const response = await fetch(`${serverUrl}/health`, { method: "GET" });
+        const result = response.ok;
+        connectionCache = { result, timestamp: now };
+        return result;
+      } catch {
+        connectionCache = { result: false, timestamp: now };
+        return false;
+      }
+    }
   };
 };
 var attachAgent = async () => {

package/dist/server.cjs

@@ -14696,7 +14696,7 @@ function query({
 var DEFAULT_PORT = 4567;
 
 // src/server.ts
-var VERSION = "0.0.70";
+var VERSION = "0.0.72";
 var isTextBlock = (block) => block.type === "text";
 var createServer = () => {
   const app = new Hono2();
@@ -14709,7 +14709,7 @@ var createServer = () => {
 ${content}`;
     return streamSSE(context, async (stream2) => {
       try {
-        await stream2.writeSSE({ data: "Please wait...", event: "status" });
+        await stream2.writeSSE({ data: "Thinking...", event: "status" });
         const queryResult = query({
           prompt: fullPrompt,
           options: {

package/dist/server.js

@@ -14670,7 +14670,7 @@ function query({
 var DEFAULT_PORT = 4567;
 
 // src/server.ts
-var VERSION = "0.0.70";
+var VERSION = "0.0.72";
 var isTextBlock = (block) => block.type === "text";
 var createServer = () => {
   const app = new Hono2();
@@ -14683,7 +14683,7 @@ var createServer = () => {
 ${content}`;
     return streamSSE(context, async (stream2) => {
       try {
-        await stream2.writeSSE({ data: "Please wait...", event: "status" });
+        await stream2.writeSSE({ data: "Thinking...", event: "status" });
         const queryResult = query({
           prompt: fullPrompt,
           options: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-grab/claude-code",
-  "version": "0.0.70",
+  "version": "0.0.72",
   "type": "module",
   "bin": {
     "react-grab-claude-code": "./dist/cli.js"
@@ -31,7 +31,7 @@
     "@hono/node-server": "^1.19.6",
     "hono": "^4.0.0",
     "picocolors": "^1.1.1",
-    "react-grab": "0.0.70"
+    "react-grab": "0.0.72"
   },
   "scripts": {
     "dev": "tsup --watch",