@react-grab/claude-code 0.0.81 → 0.0.82

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/dist/cli.cjs CHANGED
@@ -1,10 +1,8 @@
1
1
  #!/usr/bin/env node
2
2
  'use strict';
3
3
 
4
- var url = require('url');
5
4
  var path = require('path');
6
5
 
7
- var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
8
6
  var __create = Object.create;
9
7
  var __defProp = Object.defineProperty;
10
8
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -605,10 +603,8 @@ var import_picocolors = __toESM(require_picocolors());
605
603
  var DEFAULT_PORT = 4567;
606
604
 
607
605
  // src/cli.ts
608
- var VERSION = "0.0.81";
609
- 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)));
610
- var __dirname$1 = path.dirname(__filename$1);
611
- var serverPath = path.join(__dirname$1, "server.js");
606
+ var VERSION = "0.0.82";
607
+ var serverPath = path.join(__dirname, "server.cjs");
612
608
  (0, import_cross_spawn.default)(process.execPath, [serverPath], {
613
609
  detached: true,
614
610
  stdio: "ignore"
package/dist/cli.js CHANGED
@@ -1,6 +1,5 @@
1
1
  #!/usr/bin/env node
2
- import { fileURLToPath } from 'url';
3
- import { dirname, join } from 'path';
2
+ import { join } from 'path';
4
3
 
5
4
  var __create = Object.create;
6
5
  var __defProp = Object.defineProperty;
@@ -602,10 +601,8 @@ var import_picocolors = __toESM(require_picocolors());
602
601
  var DEFAULT_PORT = 4567;
603
602
 
604
603
  // src/cli.ts
605
- var VERSION = "0.0.81";
606
- var __filename = fileURLToPath(import.meta.url);
607
- var __dirname = dirname(__filename);
608
- var serverPath = join(__dirname, "server.js");
604
+ var VERSION = "0.0.82";
605
+ var serverPath = join(__dirname, "server.cjs");
609
606
  (0, import_cross_spawn.default)(process.execPath, [serverPath], {
610
607
  detached: true,
611
608
  stdio: "ignore"
package/dist/client.cjs CHANGED
@@ -147,12 +147,6 @@ var createClaudeAgentProvider = (providerOptions = {}) => {
147
147
  connectionCache = { result: false, timestamp: now };
148
148
  return false;
149
149
  }
150
- },
151
- undo: async () => {
152
- try {
153
- await fetch(`${serverUrl}/undo`, { method: "POST" });
154
- } catch {
155
- }
156
150
  }
157
151
  };
158
152
  };
package/dist/client.d.cts CHANGED
@@ -13,7 +13,6 @@ declare const createClaudeAgentProvider: (providerOptions?: ClaudeAgentProviderO
13
13
  supportsResume: boolean;
14
14
  supportsFollowUp: boolean;
15
15
  checkConnection: () => Promise<boolean>;
16
- undo: () => Promise<void>;
17
16
  };
18
17
  declare global {
19
18
  interface Window {
package/dist/client.d.ts CHANGED
@@ -13,7 +13,6 @@ declare const createClaudeAgentProvider: (providerOptions?: ClaudeAgentProviderO
13
13
  supportsResume: boolean;
14
14
  supportsFollowUp: boolean;
15
15
  checkConnection: () => Promise<boolean>;
16
- undo: () => Promise<void>;
17
16
  };
18
17
  declare global {
19
18
  interface Window {
@@ -1,6 +1,6 @@
1
- var ReactGrabClaudeCode=(function(exports){'use strict';var A=`http://localhost:${4567}`,y="react-grab:agent-sessions",h={systemPrompt:{type:"preset",preset:"claude_code",append:`You are helping a user make changes to a React component based on a selected element.
1
+ 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.
2
2
  The user has selected an element from their UI and wants you to help modify it.
3
- Provide clear, concise status updates as you work.`},model:"haiku",permissionMode:"bypassPermissions",maxTurns:10},E=s=>{let t="",o="";for(let n of s.split(`
4
- `))n.startsWith("event:")?t=n.slice(6).trim():n.startsWith("data:")&&(o=n.slice(5).trim());return {eventType:t,data:o}};async function*b(s,t){let o=s.getReader(),n=new TextDecoder,r="",e=false,i=()=>{e=true,o.cancel().catch(()=>{});};t.addEventListener("abort",i);try{if(t.aborted)throw new DOMException("Aborted","AbortError");for(;;){let a=await o.read();if(e||t.aborted)throw new DOMException("Aborted","AbortError");let{done:p,value:u}=a;u&&(r+=n.decode(u,{stream:!0}));let c;for(;(c=r.indexOf(`
3
+ Provide clear, concise status updates as you work.`},model:"haiku",permissionMode:"bypassPermissions",maxTurns:10},b=s=>{let t="",o="";for(let n of s.split(`
4
+ `))n.startsWith("event:")?t=n.slice(6).trim():n.startsWith("data:")&&(o=n.slice(5).trim());return {eventType:t,data:o}};async function*h(s,t){let o=s.getReader(),n=new TextDecoder,r="",e=false,i=()=>{e=true,o.cancel().catch(()=>{});};t.addEventListener("abort",i);try{if(t.aborted)throw new DOMException("Aborted","AbortError");for(;;){let a=await o.read();if(e||t.aborted)throw new DOMException("Aborted","AbortError");let{done:p,value:u}=a;u&&(r+=n.decode(u,{stream:!0}));let c;for(;(c=r.indexOf(`
5
5
 
6
- `))!==-1;){let{eventType:d,data:l}=E(r.slice(0,c));if(r=r.slice(c+2),d==="done")return;if(d==="error")throw new Error(l||"Agent error");l&&(yield l);}if(p)break}}finally{t.removeEventListener("abort",i);try{o.releaseLock();}catch{}}}async function*m(s,t,o){let n=t.sessionId,r=()=>{n&&fetch(`${s}/abort/${n}`,{method:"POST"}).catch(()=>{});};o.addEventListener("abort",r);try{let e=await fetch(`${s}/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);}finally{o.removeEventListener("abort",r);}}var C=(s={})=>{let{serverUrl:t=A,getOptions:o}=s,n=null,r=e=>({...h,...o?.()??{},...e??{}});return {send:async function*(e,i){let a={...e,options:r(e.options)};yield*m(t,a,i);},resume:async function*(e,i,a){let p=a.getItem(y);if(!p)throw new Error("No sessions to resume");let c=JSON.parse(p)[e];if(!c)throw new Error(`Session ${e} not found`);let d=c.context,l={...d,options:r(d.options)};yield "Resuming...",yield*m(t,l,i);},supportsResume:true,supportsFollowUp:true,checkConnection:async()=>{let e=Date.now();if(n&&e-n.timestamp<5e3)return n.result;try{let a=(await fetch(`${t}/health`,{method:"GET"})).ok;return n={result:a,timestamp:e},a}catch{return n={result:false,timestamp:e},false}},undo:async()=>{try{await fetch(`${t}/undo`,{method:"POST"});}catch{}}}},w=async()=>{if(typeof window>"u")return;let s=C(),t=r=>{r.setAgent({provider:s,storage:sessionStorage});},o=window.__REACT_GRAB__;if(o){t(o);return}window.addEventListener("react-grab:init",r=>{t(r.detail);},{once:true});let n=window.__REACT_GRAB__;n&&t(n);};w();exports.attachAgent=w;exports.createClaudeAgentProvider=C;return exports;})({});
6
+ `))!==-1;){let{eventType:d,data:l}=b(r.slice(0,c));if(r=r.slice(c+2),d==="done")return;if(d==="error")throw new Error(l||"Agent error");l&&(yield l);}if(p)break}}finally{t.removeEventListener("abort",i);try{o.releaseLock();}catch{}}}async function*m(s,t,o){let n=t.sessionId,r=()=>{n&&fetch(`${s}/abort/${n}`,{method:"POST"}).catch(()=>{});};o.addEventListener("abort",r);try{let e=await fetch(`${s}/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*h(e.body,o);}finally{o.removeEventListener("abort",r);}}var C=(s={})=>{let{serverUrl:t=A,getOptions:o}=s,n=null,r=e=>({...E,...o?.()??{},...e??{}});return {send:async function*(e,i){let a={...e,options:r(e.options)};yield*m(t,a,i);},resume:async function*(e,i,a){let p=a.getItem(y);if(!p)throw new Error("No sessions to resume");let c=JSON.parse(p)[e];if(!c)throw new Error(`Session ${e} not found`);let d=c.context,l={...d,options:r(d.options)};yield "Resuming...",yield*m(t,l,i);},supportsResume:true,supportsFollowUp:true,checkConnection:async()=>{let e=Date.now();if(n&&e-n.timestamp<5e3)return n.result;try{let a=(await fetch(`${t}/health`,{method:"GET"})).ok;return n={result:a,timestamp:e},a}catch{return n={result:false,timestamp:e},false}}}},w=async()=>{if(typeof window>"u")return;let s=C(),t=r=>{r.setAgent({provider:s,storage:sessionStorage});},o=window.__REACT_GRAB__;if(o){t(o);return}window.addEventListener("react-grab:init",r=>{t(r.detail);},{once:true});let n=window.__REACT_GRAB__;n&&t(n);};w();exports.attachAgent=w;exports.createClaudeAgentProvider=C;return exports;})({});
package/dist/client.js CHANGED
@@ -145,12 +145,6 @@ var createClaudeAgentProvider = (providerOptions = {}) => {
145
145
  connectionCache = { result: false, timestamp: now };
146
146
  return false;
147
147
  }
148
- },
149
- undo: async () => {
150
- try {
151
- await fetch(`${serverUrl}/undo`, { method: "POST" });
152
- } catch {
153
- }
154
148
  }
155
149
  };
156
150
  };
package/dist/server.cjs CHANGED
@@ -18158,7 +18158,7 @@ function query({
18158
18158
  var DEFAULT_PORT = 4567;
18159
18159
 
18160
18160
  // src/server.ts
18161
- var VERSION = "0.0.81";
18161
+ var VERSION = "0.0.82";
18162
18162
  var resolveClaudePath = () => {
18163
18163
  const command = process.platform === "win32" ? "where claude" : "which claude";
18164
18164
  try {
@@ -18170,7 +18170,6 @@ var resolveClaudePath = () => {
18170
18170
  };
18171
18171
  var claudeSessionMap = /* @__PURE__ */ new Map();
18172
18172
  var abortedSessions = /* @__PURE__ */ new Set();
18173
- var lastClaudeSessionId;
18174
18173
  var isTextBlock = (block) => block.type === "text";
18175
18174
  var createServer = () => {
18176
18175
  const app = new Hono2();
@@ -18221,7 +18220,6 @@ ${content}`;
18221
18220
  }
18222
18221
  }
18223
18222
  if (!isAborted2() && capturedClaudeSessionId) {
18224
- lastClaudeSessionId = capturedClaudeSessionId;
18225
18223
  if (sessionId) {
18226
18224
  claudeSessionMap.set(sessionId, capturedClaudeSessionId);
18227
18225
  }
@@ -18254,40 +18252,16 @@ ${stderr.trim()}` : errorMessage;
18254
18252
  abortedSessions.add(sessionId);
18255
18253
  return context.json({ status: "ok" });
18256
18254
  });
18257
- app.post("/undo", async (context) => {
18258
- if (!lastClaudeSessionId) {
18259
- return context.json({ status: "error", message: "No session to undo" });
18260
- }
18261
- try {
18262
- const env = { ...process.env };
18263
- delete env.NODE_OPTIONS;
18264
- delete env.VSCODE_INSPECTOR_OPTIONS;
18265
- const queryResult = query({
18266
- prompt: "/rewind",
18267
- options: {
18268
- pathToClaudeCodeExecutable: resolveClaudePath(),
18269
- cwd: process.cwd(),
18270
- env,
18271
- resume: lastClaudeSessionId
18272
- }
18273
- });
18274
- for await (const message of queryResult) {
18275
- if (message.type === "result") break;
18276
- }
18277
- return context.json({ status: "ok" });
18278
- } catch (error) {
18279
- const errorMessage = error instanceof Error ? error.message : "Unknown error";
18280
- return context.json({ status: "error", message: errorMessage });
18281
- }
18282
- });
18283
18255
  app.get("/health", (context) => {
18284
18256
  return context.json({ status: "ok", provider: "claude" });
18285
18257
  });
18286
18258
  return app;
18287
18259
  };
18260
+ var sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
18288
18261
  var startServer = async (port = DEFAULT_PORT) => {
18289
18262
  await fkill(`:${port}`, { force: true, silent: true }).catch(() => {
18290
18263
  });
18264
+ await sleep(100);
18291
18265
  const app = createServer();
18292
18266
  serve({ fetch: app.fetch, port });
18293
18267
  console.log(
package/dist/server.js CHANGED
@@ -18129,7 +18129,7 @@ function query({
18129
18129
  var DEFAULT_PORT = 4567;
18130
18130
 
18131
18131
  // src/server.ts
18132
- var VERSION = "0.0.81";
18132
+ var VERSION = "0.0.82";
18133
18133
  var resolveClaudePath = () => {
18134
18134
  const command = process.platform === "win32" ? "where claude" : "which claude";
18135
18135
  try {
@@ -18141,7 +18141,6 @@ var resolveClaudePath = () => {
18141
18141
  };
18142
18142
  var claudeSessionMap = /* @__PURE__ */ new Map();
18143
18143
  var abortedSessions = /* @__PURE__ */ new Set();
18144
- var lastClaudeSessionId;
18145
18144
  var isTextBlock = (block) => block.type === "text";
18146
18145
  var createServer = () => {
18147
18146
  const app = new Hono2();
@@ -18192,7 +18191,6 @@ ${content}`;
18192
18191
  }
18193
18192
  }
18194
18193
  if (!isAborted2() && capturedClaudeSessionId) {
18195
- lastClaudeSessionId = capturedClaudeSessionId;
18196
18194
  if (sessionId) {
18197
18195
  claudeSessionMap.set(sessionId, capturedClaudeSessionId);
18198
18196
  }
@@ -18225,40 +18223,16 @@ ${stderr.trim()}` : errorMessage;
18225
18223
  abortedSessions.add(sessionId);
18226
18224
  return context.json({ status: "ok" });
18227
18225
  });
18228
- app.post("/undo", async (context) => {
18229
- if (!lastClaudeSessionId) {
18230
- return context.json({ status: "error", message: "No session to undo" });
18231
- }
18232
- try {
18233
- const env = { ...process.env };
18234
- delete env.NODE_OPTIONS;
18235
- delete env.VSCODE_INSPECTOR_OPTIONS;
18236
- const queryResult = query({
18237
- prompt: "/rewind",
18238
- options: {
18239
- pathToClaudeCodeExecutable: resolveClaudePath(),
18240
- cwd: process.cwd(),
18241
- env,
18242
- resume: lastClaudeSessionId
18243
- }
18244
- });
18245
- for await (const message of queryResult) {
18246
- if (message.type === "result") break;
18247
- }
18248
- return context.json({ status: "ok" });
18249
- } catch (error) {
18250
- const errorMessage = error instanceof Error ? error.message : "Unknown error";
18251
- return context.json({ status: "error", message: errorMessage });
18252
- }
18253
- });
18254
18226
  app.get("/health", (context) => {
18255
18227
  return context.json({ status: "ok", provider: "claude" });
18256
18228
  });
18257
18229
  return app;
18258
18230
  };
18231
+ var sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
18259
18232
  var startServer = async (port = DEFAULT_PORT) => {
18260
18233
  await fkill(`:${port}`, { force: true, silent: true }).catch(() => {
18261
18234
  });
18235
+ await sleep(100);
18262
18236
  const app = createServer();
18263
18237
  serve({ fetch: app.fetch, port });
18264
18238
  console.log(
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@react-grab/claude-code",
3
- "version": "0.0.81",
3
+ "version": "0.0.82",
4
4
  "type": "module",
5
5
  "bin": {
6
- "react-grab-claude-code": "./dist/cli.js"
6
+ "react-grab-claude-code": "./dist/cli.cjs"
7
7
  },
8
8
  "exports": {
9
9
  "./client": {
@@ -34,7 +34,7 @@
34
34
  "fkill": "^9.0.0",
35
35
  "hono": "^4.0.0",
36
36
  "picocolors": "^1.1.1",
37
- "react-grab": "0.0.81"
37
+ "react-grab": "0.0.82"
38
38
  },
39
39
  "scripts": {
40
40
  "dev": "tsup --watch",