Skip to main content
Glama

Metro Logs MCP

An MCP (Model Context Protocol) server that captures React Native console logs from Metro bundler, enabling AI assistants like Claude to access app logs without manual copy/paste.

Features

  • Captures console.log, console.warn, console.error from React Native apps

  • Supports both Expo SDK 54+ (React Native Bridgeless) and RN 0.70+ (Hermes)

  • Auto-discovers running Metro servers on common ports

  • Filters logs by level (log, warn, error, info, debug)

  • Circular buffer stores last 1000 log entries

Requirements

  • Node.js 18+

  • React Native app running with Metro bundler

Installation

Note: This package is not published to npm. Only local build installation is available.

Option 1: Clone and Build

git clone git@github.com:igorzheludkov/metro-logs-mcp.git ~/metro-logs-mcp cd ~/metro-logs-mcp npm install npm run build

Option 2: Manual Setup

mkdir ~/metro-logs-mcp cd ~/metro-logs-mcp npm init -y npm install @modelcontextprotocol/sdk zod@3 ws npm install -D @types/node @types/ws typescript

Copy the source files and build:

npm run build

Claude Code Setup

Global (all projects)

claude mcp add metro-logs node ~/metro-logs-mcp/build/index.js --scope user

Project-specific

claude mcp add metro-logs node ~/metro-logs-mcp/build/index.js --scope project

Manual Configuration

Add to ~/.claude.json (user scope) or .mcp.json (project scope):

{ "mcpServers": { "metro-logs": { "type": "stdio", "command": "node", "args": ["/path/to/metro-logs-mcp/build/index.js"] } } }

Restart Claude Code after adding the configuration.

Available Tools

Tool

Description

scan_metro

Scan for running Metro servers and auto-connect

connect_metro

Connect to a specific Metro port

get_apps

List connected React Native apps

get_logs

Retrieve console logs (with optional filtering and start position)

search_logs

Search logs for specific text (case-insensitive)

clear_logs

Clear the log buffer

Usage

  1. Start your React Native app:

    npm start # or expo start
  2. In Claude Code, scan for Metro:

    Use scan_metro to find and connect to Metro
  3. Get logs:

    Use get_logs to see recent console output

Filtering Logs

get_logs with maxLogs=20 and level="error"

Available levels: all, log, warn, error, info, debug

Start from Specific Line

get_logs with startFromText="iOS Bundled" and maxLogs=100

This finds the last (most recent) line containing the text and returns logs from that point forward. Useful for getting logs since the last app reload.

Search Logs

search_logs with text="error" and maxResults=20

Case-insensitive search across all log messages.

Supported React Native Versions

Version

Runtime

Status

Expo SDK 54+

React Native Bridgeless

RN 0.70 - 0.76

Hermes React Native

RN < 0.70

JSC

Not tested

How It Works

  1. Fetches device list from Metro's /json endpoint

  2. Connects to the main JS runtime via CDP (Chrome DevTools Protocol) WebSocket

  3. Enables Runtime.enable to receive Runtime.consoleAPICalled events

  4. Stores logs in a circular buffer for retrieval

Troubleshooting

No devices found

  • Make sure the app is running on a simulator/device

  • Check that Metro bundler is running (npm start)

Wrong device connected

The server prioritizes devices in this order:

  1. React Native Bridgeless (SDK 54+)

  2. Hermes React Native

  3. Any React Native (excluding Reanimated/Experimental)

Logs not appearing

  • Ensure the app is actively running (not just Metro)

  • Try clear_logs then trigger some actions in the app

  • Check get_apps to verify connection status

License

MIT

-
security - not tested
F
license - not found
-
quality - not tested

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/igorzheludkov/metro-logs-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server