@react-grab/claude-code 0.0.72 → 0.0.73
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 +1 -1
- package/dist/cli.js +1 -1
- package/dist/client.cjs +6 -0
- package/dist/client.d.cts +9 -2
- package/dist/client.d.ts +9 -2
- package/dist/client.global.js +4 -4
- package/dist/client.js +6 -0
- package/dist/server.cjs +1 -1
- package/dist/server.js +1 -1
- package/package.json +2 -2
package/dist/cli.cjs
CHANGED
|
@@ -111,7 +111,7 @@ var import_picocolors = __toESM(require_picocolors());
|
|
|
111
111
|
var DEFAULT_PORT = 4567;
|
|
112
112
|
|
|
113
113
|
// src/cli.ts
|
|
114
|
-
var VERSION = "0.0.
|
|
114
|
+
var VERSION = "0.0.73";
|
|
115
115
|
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)));
|
|
116
116
|
var __dirname$1 = path.dirname(__filename$1);
|
|
117
117
|
var serverPath = path.join(__dirname$1, "server.js");
|
package/dist/cli.js
CHANGED
|
@@ -108,7 +108,7 @@ var import_picocolors = __toESM(require_picocolors());
|
|
|
108
108
|
var DEFAULT_PORT = 4567;
|
|
109
109
|
|
|
110
110
|
// src/cli.ts
|
|
111
|
-
var VERSION = "0.0.
|
|
111
|
+
var VERSION = "0.0.73";
|
|
112
112
|
var __filename = fileURLToPath(import.meta.url);
|
|
113
113
|
var __dirname = dirname(__filename);
|
|
114
114
|
var serverPath = join(__dirname, "server.js");
|
package/dist/client.cjs
CHANGED
|
@@ -135,6 +135,12 @@ var createClaudeAgentProvider = (providerOptions = {}) => {
|
|
|
135
135
|
connectionCache = { result: false, timestamp: now };
|
|
136
136
|
return false;
|
|
137
137
|
}
|
|
138
|
+
},
|
|
139
|
+
undo: async () => {
|
|
140
|
+
try {
|
|
141
|
+
await fetch(`${serverUrl}/undo`, { method: "POST" });
|
|
142
|
+
} catch {
|
|
143
|
+
}
|
|
138
144
|
}
|
|
139
145
|
};
|
|
140
146
|
};
|
package/dist/client.d.cts
CHANGED
|
@@ -1,11 +1,18 @@
|
|
|
1
|
-
import { init,
|
|
1
|
+
import { init, AgentContext, AgentSessionStorage } from 'react-grab/core';
|
|
2
2
|
import { Options } from '@anthropic-ai/claude-agent-sdk';
|
|
3
3
|
|
|
4
|
+
type ClaudeAgentContext = AgentContext<Options>;
|
|
4
5
|
interface ClaudeAgentProviderOptions {
|
|
5
6
|
serverUrl?: string;
|
|
6
7
|
getOptions?: () => Partial<Options>;
|
|
7
8
|
}
|
|
8
|
-
declare const createClaudeAgentProvider: (providerOptions?: ClaudeAgentProviderOptions) =>
|
|
9
|
+
declare const createClaudeAgentProvider: (providerOptions?: ClaudeAgentProviderOptions) => {
|
|
10
|
+
send: (context: ClaudeAgentContext, signal: AbortSignal) => AsyncGenerator<string, void, unknown>;
|
|
11
|
+
resume: (sessionId: string, signal: AbortSignal, storage: AgentSessionStorage) => AsyncGenerator<string, void, unknown>;
|
|
12
|
+
supportsResume: boolean;
|
|
13
|
+
checkConnection: () => Promise<boolean>;
|
|
14
|
+
undo: () => Promise<void>;
|
|
15
|
+
};
|
|
9
16
|
declare global {
|
|
10
17
|
interface Window {
|
|
11
18
|
__REACT_GRAB__?: ReturnType<typeof init>;
|
package/dist/client.d.ts
CHANGED
|
@@ -1,11 +1,18 @@
|
|
|
1
|
-
import { init,
|
|
1
|
+
import { init, AgentContext, AgentSessionStorage } from 'react-grab/core';
|
|
2
2
|
import { Options } from '@anthropic-ai/claude-agent-sdk';
|
|
3
3
|
|
|
4
|
+
type ClaudeAgentContext = AgentContext<Options>;
|
|
4
5
|
interface ClaudeAgentProviderOptions {
|
|
5
6
|
serverUrl?: string;
|
|
6
7
|
getOptions?: () => Partial<Options>;
|
|
7
8
|
}
|
|
8
|
-
declare const createClaudeAgentProvider: (providerOptions?: ClaudeAgentProviderOptions) =>
|
|
9
|
+
declare const createClaudeAgentProvider: (providerOptions?: ClaudeAgentProviderOptions) => {
|
|
10
|
+
send: (context: ClaudeAgentContext, signal: AbortSignal) => AsyncGenerator<string, void, unknown>;
|
|
11
|
+
resume: (sessionId: string, signal: AbortSignal, storage: AgentSessionStorage) => AsyncGenerator<string, void, unknown>;
|
|
12
|
+
supportsResume: boolean;
|
|
13
|
+
checkConnection: () => Promise<boolean>;
|
|
14
|
+
undo: () => Promise<void>;
|
|
15
|
+
};
|
|
9
16
|
declare global {
|
|
10
17
|
interface Window {
|
|
11
18
|
__REACT_GRAB__?: ReturnType<typeof init>;
|
package/dist/client.global.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
var ReactGrabClaudeCode=(function(exports){'use strict';var
|
|
1
|
+
var ReactGrabClaudeCode=(function(exports){'use strict';var y=`http://localhost:${4567}`,A="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
|
-
`))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:
|
|
3
|
+
Provide clear, concise status updates as you work.`},model:"haiku",permissionMode:"bypassPermissions",maxTurns:10},h=r=>{let t="",o="";for(let e of r.split(`
|
|
4
|
+
`))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:u,value:p}=a;p&&(s+=e.decode(p,{stream:!0}));let c;for(;(c=s.indexOf(`
|
|
5
5
|
|
|
6
|
-
`))!==-1;){let{eventType:d,data:l}=
|
|
6
|
+
`))!==-1;){let{eventType:d,data:l}=h(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(u)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 C=(r={})=>{let{serverUrl:t=y,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 u=a.getItem(A);if(!u)throw new Error("No sessions to resume");let c=JSON.parse(u)[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}},undo:async()=>{try{await fetch(`${t}/undo`,{method:"POST"});}catch{}}}},S=async()=>{if(typeof window>"u")return;let r=C(),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=C;return exports;})({});
|
package/dist/client.js
CHANGED
|
@@ -133,6 +133,12 @@ var createClaudeAgentProvider = (providerOptions = {}) => {
|
|
|
133
133
|
connectionCache = { result: false, timestamp: now };
|
|
134
134
|
return false;
|
|
135
135
|
}
|
|
136
|
+
},
|
|
137
|
+
undo: async () => {
|
|
138
|
+
try {
|
|
139
|
+
await fetch(`${serverUrl}/undo`, { method: "POST" });
|
|
140
|
+
} catch {
|
|
141
|
+
}
|
|
136
142
|
}
|
|
137
143
|
};
|
|
138
144
|
};
|
package/dist/server.cjs
CHANGED
|
@@ -14696,7 +14696,7 @@ function query({
|
|
|
14696
14696
|
var DEFAULT_PORT = 4567;
|
|
14697
14697
|
|
|
14698
14698
|
// src/server.ts
|
|
14699
|
-
var VERSION = "0.0.
|
|
14699
|
+
var VERSION = "0.0.73";
|
|
14700
14700
|
var isTextBlock = (block) => block.type === "text";
|
|
14701
14701
|
var createServer = () => {
|
|
14702
14702
|
const app = new Hono2();
|
package/dist/server.js
CHANGED
|
@@ -14670,7 +14670,7 @@ function query({
|
|
|
14670
14670
|
var DEFAULT_PORT = 4567;
|
|
14671
14671
|
|
|
14672
14672
|
// src/server.ts
|
|
14673
|
-
var VERSION = "0.0.
|
|
14673
|
+
var VERSION = "0.0.73";
|
|
14674
14674
|
var isTextBlock = (block) => block.type === "text";
|
|
14675
14675
|
var createServer = () => {
|
|
14676
14676
|
const app = new Hono2();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-grab/claude-code",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.73",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"bin": {
|
|
6
6
|
"react-grab-claude-code": "./dist/cli.js"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@hono/node-server": "^1.19.6",
|
|
32
32
|
"hono": "^4.0.0",
|
|
33
33
|
"picocolors": "^1.1.1",
|
|
34
|
-
"react-grab": "0.0.
|
|
34
|
+
"react-grab": "0.0.73"
|
|
35
35
|
},
|
|
36
36
|
"scripts": {
|
|
37
37
|
"dev": "tsup --watch",
|