react-grab 0.1.13 → 0.1.14
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 +32 -10
- package/dist/chunk-HH5Y6LBC.cjs +112 -0
- package/dist/chunk-WMLJ3P7X.js +112 -0
- package/dist/core/index.cjs +1 -1
- package/dist/core/index.d.cts +1 -1
- package/dist/core/index.d.ts +1 -1
- package/dist/core/index.js +1 -1
- package/dist/{index-CNwr6CHX.d.cts → index-KT3jIAik.d.cts} +35 -0
- package/dist/{index-CNwr6CHX.d.ts → index-KT3jIAik.d.ts} +35 -0
- package/dist/index.cjs +2 -2
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.global.js +37 -32
- package/dist/index.js +1 -1
- package/dist/react.cjs +1308 -318
- package/dist/react.js +1308 -318
- package/dist/styles.css +1 -1
- package/package.json +3 -3
- package/dist/chunk-2T22V7DM.cjs +0 -107
- package/dist/chunk-VR2ILUMN.js +0 -107
package/README.md
CHANGED
|
@@ -16,12 +16,38 @@ It makes tools like Cursor, Claude Code, Copilot run up to [**3× faster**](http
|
|
|
16
16
|
|
|
17
17
|
## Install
|
|
18
18
|
|
|
19
|
-
Run this command
|
|
19
|
+
Run this command at your project root (where `next.config.ts` or `vite.config.ts` is located):
|
|
20
20
|
|
|
21
|
-
```
|
|
21
|
+
```bash
|
|
22
22
|
npx -y grab@latest init
|
|
23
23
|
```
|
|
24
24
|
|
|
25
|
+
Use the `-y` flag to skip interactive prompts:
|
|
26
|
+
|
|
27
|
+
```bash
|
|
28
|
+
npx -y grab@latest init -y
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
## Connect to Your Agent
|
|
32
|
+
|
|
33
|
+
Connect React Grab directly to your coding agent (Cursor, Claude Code, Codex, Gemini, Amp, and more):
|
|
34
|
+
|
|
35
|
+
```bash
|
|
36
|
+
npx -y grab@latest add [agent]
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
Or connect via MCP:
|
|
40
|
+
|
|
41
|
+
```bash
|
|
42
|
+
npx -y grab@latest add mcp
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
Disconnect an agent:
|
|
46
|
+
|
|
47
|
+
```bash
|
|
48
|
+
npx -y grab@latest remove [agent]
|
|
49
|
+
```
|
|
50
|
+
|
|
25
51
|
## Usage
|
|
26
52
|
|
|
27
53
|
Once installed, hover over any UI element in your browser and press:
|
|
@@ -53,7 +79,6 @@ export default function RootLayout({ children }) {
|
|
|
53
79
|
return (
|
|
54
80
|
<html>
|
|
55
81
|
<head>
|
|
56
|
-
{/* put this in the <head> */}
|
|
57
82
|
{process.env.NODE_ENV === "development" && (
|
|
58
83
|
<Script
|
|
59
84
|
src="//unpkg.com/react-grab/dist/index.global.js"
|
|
@@ -79,7 +104,6 @@ export default function Document() {
|
|
|
79
104
|
return (
|
|
80
105
|
<Html lang="en">
|
|
81
106
|
<Head>
|
|
82
|
-
{/* put this in the <Head> */}
|
|
83
107
|
{process.env.NODE_ENV === "development" && (
|
|
84
108
|
<Script
|
|
85
109
|
src="//unpkg.com/react-grab/dist/index.global.js"
|
|
@@ -99,15 +123,13 @@ export default function Document() {
|
|
|
99
123
|
|
|
100
124
|
#### Vite
|
|
101
125
|
|
|
102
|
-
|
|
126
|
+
Add this to your `index.html`:
|
|
103
127
|
|
|
104
128
|
```html
|
|
105
129
|
<!doctype html>
|
|
106
130
|
<html lang="en">
|
|
107
131
|
<head>
|
|
108
132
|
<script type="module">
|
|
109
|
-
// first npm i react-grab
|
|
110
|
-
// then in head:
|
|
111
133
|
if (import.meta.env.DEV) {
|
|
112
134
|
import("react-grab");
|
|
113
135
|
}
|
|
@@ -161,11 +183,11 @@ Generate an example plugin that logs when an element is selected.
|
|
|
161
183
|
|
|
162
184
|
## Resources & Contributing Back
|
|
163
185
|
|
|
164
|
-
Want to try it out? Check
|
|
186
|
+
Want to try it out? Check out [our demo](https://react-grab.com).
|
|
165
187
|
|
|
166
|
-
Looking to contribute back? Check the [Contributing Guide](https://github.com/aidenybai/react-grab/blob/main/CONTRIBUTING.md)
|
|
188
|
+
Looking to contribute back? Check out the [Contributing Guide](https://github.com/aidenybai/react-grab/blob/main/CONTRIBUTING.md).
|
|
167
189
|
|
|
168
|
-
Want to talk to the community? Hop in our [Discord](https://discord.com/invite/G7zxfUzkm7) and share your ideas and what you've
|
|
190
|
+
Want to talk to the community? Hop in our [Discord](https://discord.com/invite/G7zxfUzkm7) and share your ideas and what you've built with React Grab.
|
|
169
191
|
|
|
170
192
|
Find a bug? Head over to our [issue tracker](https://github.com/aidenybai/react-grab/issues) and we'll do our best to help. We love pull requests, too!
|
|
171
193
|
|