metro-mcp 0.3.0 → 0.5.0
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 +29 -7
- package/dist/bin/metro-mcp.js +1168 -296
- package/dist/config.d.ts.map +1 -1
- package/dist/index.js +1168 -296
- package/dist/metro/connection.d.ts +5 -6
- package/dist/metro/connection.d.ts.map +1 -1
- package/dist/metro/events.d.ts +23 -0
- package/dist/metro/events.d.ts.map +1 -0
- package/dist/plugin.d.ts +12 -4
- package/dist/plugin.d.ts.map +1 -1
- package/dist/plugins/automation.d.ts +2 -0
- package/dist/plugins/automation.d.ts.map +1 -0
- package/dist/plugins/console.d.ts.map +1 -1
- package/dist/plugins/errors.d.ts.map +1 -1
- package/dist/plugins/network.d.ts.map +1 -1
- package/dist/plugins/profiler.d.ts.map +1 -1
- package/dist/plugins/prompts.d.ts.map +1 -1
- package/dist/plugins/statusline.d.ts +3 -0
- package/dist/plugins/statusline.d.ts.map +1 -0
- package/dist/plugins/test-recorder.d.ts.map +1 -1
- package/dist/server.d.ts.map +1 -1
- package/dist/utils/ws.d.ts +4 -0
- package/dist/utils/ws.d.ts.map +1 -0
- package/dist/version.d.ts +2 -0
- package/dist/version.d.ts.map +1 -0
- package/package.json +5 -3
- package/dist/plugins/bundle.d.ts +0 -2
- package/dist/plugins/bundle.d.ts.map +0 -1
package/README.md
CHANGED
|
@@ -15,6 +15,7 @@ Works with **Expo**, **bare React Native**, and any project using **Metro + Herm
|
|
|
15
15
|
- [Requirements](#requirements)
|
|
16
16
|
- [How It Works](#how-it-works)
|
|
17
17
|
- [Features](#features)
|
|
18
|
+
- [Claude Code Status Bar](#claude-code-status-bar)
|
|
18
19
|
- [Test Recording](#test-recording)
|
|
19
20
|
- [App Integration](#app-integration-optional)
|
|
20
21
|
- [Configuration](#configuration)
|
|
@@ -94,25 +95,46 @@ metro-mcp connects to your running Metro dev server the same way Chrome DevTools
|
|
|
94
95
|
| Plugin | Tools | Description |
|
|
95
96
|
|--------|-------|-------------|
|
|
96
97
|
| **console** | 2 | Console log collection with filtering |
|
|
97
|
-
| **network** |
|
|
98
|
-
| **errors** |
|
|
98
|
+
| **network** | 4 | Network request tracking and response body inspection |
|
|
99
|
+
| **errors** | 3 | Runtime exception collection + Metro bundle error detection |
|
|
99
100
|
| **evaluate** | 1 | Execute JavaScript in the app runtime |
|
|
100
101
|
| **device** | 3 | Device and connection management |
|
|
101
102
|
| **source** | 1 | Stack trace symbolication |
|
|
102
103
|
| **redux** | 3 | Redux state inspection and action dispatch |
|
|
103
|
-
| **components** |
|
|
104
|
+
| **components** | 5 | React component tree inspection |
|
|
104
105
|
| **storage** | 3 | AsyncStorage reading |
|
|
105
|
-
| **bundle** | 2 | Metro bundle diagnostics |
|
|
106
106
|
| **simulator** | 6 | iOS simulator / Android device control |
|
|
107
107
|
| **deeplink** | 2 | Cross-platform deep link testing |
|
|
108
108
|
| **ui-interact** | 6 | UI automation (tap, swipe, type) |
|
|
109
109
|
| **navigation** | 4 | React Navigation / Expo Router state |
|
|
110
110
|
| **accessibility** | 3 | Accessibility auditing |
|
|
111
111
|
| **commands** | 2 | Custom app commands |
|
|
112
|
-
| **
|
|
113
|
-
| **
|
|
112
|
+
| **automation** | 3 | Wait/polling helpers for async state changes |
|
|
113
|
+
| **profiler** | 9 | CPU profiling (React DevTools hook) + heap sampling + render tracking |
|
|
114
|
+
| **test-recorder** | 7 | Record interactions and generate Appium, Maestro, or Detox tests |
|
|
115
|
+
| **statusline** | 1 | Claude Code status bar integration |
|
|
114
116
|
|
|
115
|
-
|
|
117
|
+
→ See the [full tools reference](docs/tools.md).
|
|
118
|
+
|
|
119
|
+
---
|
|
120
|
+
|
|
121
|
+
## Claude Code Status Bar
|
|
122
|
+
|
|
123
|
+
Get live Metro CDP connection status in your Claude Code status bar.
|
|
124
|
+
|
|
125
|
+
Run `setup_statusline` in Claude Code — it writes a script to `~/.claude/metro-mcp-statusline.sh`, then ask Claude to add it to your status bar:
|
|
126
|
+
|
|
127
|
+
```
|
|
128
|
+
/statusline add the script at ~/.claude/metro-mcp-statusline.sh
|
|
129
|
+
```
|
|
130
|
+
|
|
131
|
+
The status bar segment shows three states:
|
|
132
|
+
|
|
133
|
+
| State | Display |
|
|
134
|
+
|-------|---------|
|
|
135
|
+
| Not running | `Metro ○` (dimmed) |
|
|
136
|
+
| Running, not connected | `Metro ●` (red) |
|
|
137
|
+
| Connected | `Metro ● localhost:8081` (green) |
|
|
116
138
|
|
|
117
139
|
---
|
|
118
140
|
|