@yarlisai/modern-browser-tools-server v2.0.0

YarlisAI Modern Browser Tools - Server

A powerful browser tools server for capturing and managing browser events, logs, and screenshots. This server works in conjunction with the Browser Tools Chrome Extension to provide comprehensive browser debugging capabilities.

Features

• Console log capture
• Network request monitoring
• Screenshot capture
• Element selection tracking
• WebSocket real-time communication
• Server-Sent Events (SSE) support for MCP integration
• Secure data handling and sanitization
• Performance metrics collection

Installation

# Clone the repository
git clone https://github.com/YarlisAI/yarlis-browser-extension.git
cd yarlis-browser-extension/browser-tools-server

# Install dependencies
npm install

# Build the package
npm run build

Usage

# Start the server
npm start

The server will start on port 3025 by default. You can access the status endpoint at http://127.0.0.1:3025/status.

Chrome Extension Integration

1. Build and run the server as described above
2. Install the Chrome extension from the chrome-extension directory
3. Open Chrome DevTools and switch to the YarlisAI Browser Tools panel
4. Click "Start Capturing" to begin collecting browser data

API Endpoints

• GET /status: Check server status
• POST /log: Submit browser logs
• POST /screenshot: Submit screenshots
• GET /sse: Server-Sent Events endpoint for MCP integration
• POST /evaluate: Execute JavaScript in the browser

Configuration

The server can be configured through environment variables:

• PORT: Server port (default: 3025)
• SCREENSHOT_PATH: Path to save screenshots (default: ~/Downloads/mcp-screenshots)
• LOG_LEVEL: Logging level (default: info)

License

MIT