react-grab 0.0.60 → 0.0.61
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/README.md +21 -64
- package/dist/{chunk-66O4TVGR.cjs → chunk-2EGDLG6B.cjs} +452 -482
- package/dist/{chunk-Z5JJYMJY.js → chunk-BPIV2CRB.js} +452 -482
- package/dist/{core-DZ65ta1h.d.cts → core-Dpg0VXHq.d.cts} +12 -8
- package/dist/{core-DZ65ta1h.d.ts → core-Dpg0VXHq.d.ts} +12 -8
- package/dist/core.cjs +8 -8
- package/dist/core.d.cts +1 -1
- package/dist/core.d.ts +1 -1
- package/dist/core.js +1 -1
- package/dist/index.cjs +8 -8
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.global.js +30 -40
- package/dist/index.js +2 -2
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -19,10 +19,7 @@ It makes tools like Cursor, Claude Code, Copilot run up to [**66% faster**](http
|
|
|
19
19
|
Get started in 1 minute by adding this script tag to your app:
|
|
20
20
|
|
|
21
21
|
```html
|
|
22
|
-
<script
|
|
23
|
-
src="//www.react-grab.com/script.js"
|
|
24
|
-
crossorigin="anonymous"
|
|
25
|
-
></script>
|
|
22
|
+
<script src="//www.react-grab.com/script.js" crossorigin="anonymous"></script>
|
|
26
23
|
```
|
|
27
24
|
|
|
28
25
|
If you're using a React framework or build tool, view instructions below:
|
|
@@ -129,86 +126,46 @@ This means **no copying and pasting** - just select the element and let the agen
|
|
|
129
126
|
|
|
130
127
|
### Claude Code
|
|
131
128
|
|
|
132
|
-
Install the Claude Code agent provider:
|
|
133
|
-
|
|
134
|
-
```bash
|
|
135
|
-
npm install @react-grab/claude-code
|
|
136
|
-
```
|
|
137
|
-
|
|
138
129
|
#### Server Setup
|
|
139
130
|
|
|
140
|
-
The server runs on port `4567` and interfaces with the Claude Agent SDK.
|
|
141
|
-
|
|
142
|
-
**Vite:**
|
|
143
|
-
|
|
144
|
-
```ts
|
|
145
|
-
// vite.config.ts
|
|
146
|
-
import { startServer } from "@react-grab/claude-code/server";
|
|
147
|
-
|
|
148
|
-
if (process.env.NODE_ENV === "development") {
|
|
149
|
-
startServer();
|
|
150
|
-
}
|
|
151
|
-
```
|
|
152
|
-
|
|
153
|
-
**Next.js:**
|
|
154
|
-
|
|
155
|
-
```ts
|
|
156
|
-
// next.config.ts
|
|
157
|
-
import { startServer } from "@react-grab/claude-code/server";
|
|
131
|
+
The server runs on port `4567` and interfaces with the Claude Agent SDK. Add to your `package.json`:
|
|
158
132
|
|
|
159
|
-
|
|
160
|
-
|
|
133
|
+
```json
|
|
134
|
+
{
|
|
135
|
+
"scripts": {
|
|
136
|
+
"dev": "npx @react-grab/claude-code && next dev"
|
|
137
|
+
}
|
|
161
138
|
}
|
|
162
139
|
```
|
|
163
140
|
|
|
164
141
|
#### Client Setup
|
|
165
142
|
|
|
166
|
-
```
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
143
|
+
```html
|
|
144
|
+
<script src="//unpkg.com/react-grab/dist/index.global.js"></script>
|
|
145
|
+
<!-- add this in the <head> -->
|
|
146
|
+
<script src="//unpkg.com/@react-grab/claude-code/dist/client.global.js"></script>
|
|
170
147
|
```
|
|
171
148
|
|
|
172
149
|
### Cursor CLI
|
|
173
150
|
|
|
174
|
-
Install the Cursor agent provider:
|
|
175
|
-
|
|
176
|
-
```bash
|
|
177
|
-
npm install @react-grab/cursor
|
|
178
|
-
```
|
|
179
|
-
|
|
180
151
|
#### Server Setup
|
|
181
152
|
|
|
182
|
-
The server runs on port `5567` and interfaces with the `cursor-agent` CLI.
|
|
183
|
-
|
|
184
|
-
**Vite:**
|
|
185
|
-
|
|
186
|
-
```ts
|
|
187
|
-
// vite.config.ts
|
|
188
|
-
import { startServer } from "@react-grab/cursor/server";
|
|
189
|
-
|
|
190
|
-
if (process.env.NODE_ENV === "development") {
|
|
191
|
-
startServer();
|
|
192
|
-
}
|
|
193
|
-
```
|
|
194
|
-
|
|
195
|
-
**Next.js:**
|
|
196
|
-
|
|
197
|
-
```ts
|
|
198
|
-
// next.config.ts
|
|
199
|
-
import { startServer } from "@react-grab/cursor/server";
|
|
153
|
+
The server runs on port `5567` and interfaces with the `cursor-agent` CLI. Add to your `package.json`:
|
|
200
154
|
|
|
201
|
-
|
|
202
|
-
|
|
155
|
+
```json
|
|
156
|
+
{
|
|
157
|
+
"scripts": {
|
|
158
|
+
"dev": "npx @react-grab/cursor && next dev"
|
|
159
|
+
}
|
|
203
160
|
}
|
|
204
161
|
```
|
|
205
162
|
|
|
206
163
|
#### Client Setup
|
|
207
164
|
|
|
208
|
-
```
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
165
|
+
```html
|
|
166
|
+
<script src="//unpkg.com/react-grab/dist/index.global.js"></script>
|
|
167
|
+
<!-- add this in the <head> -->
|
|
168
|
+
<script src="//unpkg.com/@react-grab/cursor/dist/client.global.js"></script>
|
|
212
169
|
```
|
|
213
170
|
|
|
214
171
|
## Extending React Grab
|