grab 0.1.0-beta.10 → 0.1.0-beta.12
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 +0 -51
- package/dist/chunk-A7F4DOCN.js +100 -0
- package/dist/chunk-TYLWIHRM.cjs +100 -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-BJPU_v5a.d.cts → index-DGrXDwSt.d.cts} +2 -21
- package/dist/{index-BJPU_v5a.d.ts → index-DGrXDwSt.d.ts} +2 -21
- 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 +34 -26
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
- package/dist/chunk-ATK7RK4T.js +0 -92
- package/dist/chunk-H5MBURMD.cjs +0 -92
package/README.md
CHANGED
|
@@ -136,57 +136,6 @@ if (process.env.NODE_ENV === "development") {
|
|
|
136
136
|
}
|
|
137
137
|
```
|
|
138
138
|
|
|
139
|
-
## MCP Server
|
|
140
|
-
|
|
141
|
-
React Grab includes an MCP (Model Context Protocol) server that gives AI coding agents direct access to your browser. This enables agents to navigate, click, fill forms, and take screenshots.
|
|
142
|
-
|
|
143
|
-
### Setup
|
|
144
|
-
|
|
145
|
-
Run during project init:
|
|
146
|
-
|
|
147
|
-
```bash
|
|
148
|
-
npx -y grab@latest init
|
|
149
|
-
# When prompted, choose to add the MCP server
|
|
150
|
-
```
|
|
151
|
-
|
|
152
|
-
Or add it separately:
|
|
153
|
-
|
|
154
|
-
```bash
|
|
155
|
-
npx -y grab@latest add mcp --client cursor
|
|
156
|
-
```
|
|
157
|
-
|
|
158
|
-
Supported clients: `cursor`, `claude-code`, `vscode`, `opencode`, `codex`, `gemini-cli`, `windsurf`, `zed`, `droid`
|
|
159
|
-
|
|
160
|
-
Or add it manually to your `mcp.json` file:
|
|
161
|
-
|
|
162
|
-
```json
|
|
163
|
-
{
|
|
164
|
-
"mcpServers": {
|
|
165
|
-
"react-grab-browser": {
|
|
166
|
-
"command": "npx",
|
|
167
|
-
"args": ["-y", "grab", "browser", "mcp"]
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
```
|
|
172
|
-
|
|
173
|
-
### MCP Tools
|
|
174
|
-
|
|
175
|
-
Once configured, your agent has access to:
|
|
176
|
-
|
|
177
|
-
- `browser_snapshot` - Get ARIA accessibility tree with element refs (e1, e2...)
|
|
178
|
-
- `browser_execute` - Run Playwright code with helpers like `ref('e1').click()`
|
|
179
|
-
|
|
180
|
-
## Skill
|
|
181
|
-
|
|
182
|
-
For agents that support skills (like Codex), install the `react-grab` skill:
|
|
183
|
-
|
|
184
|
-
```bash
|
|
185
|
-
npx -y grab@latest add skill
|
|
186
|
-
# or
|
|
187
|
-
npx -y add-skill aidenybai/react-grab
|
|
188
|
-
```
|
|
189
|
-
|
|
190
139
|
## Extending React Grab
|
|
191
140
|
|
|
192
141
|
React Grab uses a plugin system to extend functionality. Check out the [type definitions](https://github.com/aidenybai/react-grab/blob/main/packages/react-grab/src/types.ts) to see all available options.
|