@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 +2 -6
- package/dist/cli.js +3 -6
- package/dist/client.cjs +0 -6
- package/dist/client.d.cts +0 -1
- package/dist/client.d.ts +0 -1
- package/dist/client.global.js +4 -4
- package/dist/client.js +0 -6
- package/dist/server.cjs +3 -29
- package/dist/server.js +3 -29
- package/package.json +3 -3
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.
|
|
609
|
-
var
|
|
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 {
|
|
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.
|
|
606
|
-
var
|
|
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
package/dist/client.d.ts
CHANGED
package/dist/client.global.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
var ReactGrabClaudeCode=(function(exports){'use strict';var A=`http://localhost:${4567}`,y="react-grab:agent-sessions",
|
|
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},
|
|
4
|
-
`))n.startsWith("event:")?t=n.slice(6).trim():n.startsWith("data:")&&(o=n.slice(5).trim());return {eventType:t,data:o}};async function*
|
|
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}=
|
|
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.
|
|
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.
|
|
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.
|
|
3
|
+
"version": "0.0.82",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"bin": {
|
|
6
|
-
"react-grab-claude-code": "./dist/cli.
|
|
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.
|
|
37
|
+
"react-grab": "0.0.82"
|
|
38
38
|
},
|
|
39
39
|
"scripts": {
|
|
40
40
|
"dev": "tsup --watch",
|