MCP Server Fetch Typescript

🚀 MCP Server Fetch TypeScript

A Model Context Protocol (MCP) server that provides web content scraping and conversion capabilities. This server implements a comprehensive web content retrieval system, supporting multiple formats and rendering methods, suitable for various tasks from simple data extraction to complex web crawling.

🚀 Quick Start

The MCP Server Fetch TypeScript is a powerful tool for retrieving and converting web content. It offers a range of functions to meet different needs, from simple text extraction to full HTML rendering.

✨ Features

Tools

• get_raw_text: Retrieve raw text content directly from a URL.

  • Use url as a required parameter, pointing to a text-based resource.
  • Return unprocessed plain text content without browser rendering.
  • Ideal for JSON, XML, CSV, TSV, or plain text files.
  • Useful when quick access to the source content is needed.

• get_rendered_html: Obtain fully rendered HTML content.

  • Use url as a required parameter.
  • Return the complete HTML content after JavaScript execution.
  • Utilize Playwright for headless browser rendering.
  • Crucial for handling modern web applications and single-page applications (SPAs).

• get_markdown: Convert web page content to Markdown format.

  • Use url as a required parameter.
  • Return well-formatted Markdown content, preserving structural elements.
  • Support tables and definition lists.
  • Recommended for content archiving and document generation.

• get_markdown_summary: Extract and convert the main body content.

  • Use url as a required parameter.
  • Return clean Markdown content, focusing on the main body.
  • Automatically remove navigation, header, and footer elements.
  • Perfect for article and blog post extraction.

📦 Installation

As a Global Package

npm install -g mcp-server-fetch-typescript

As a Project Dependency

npm install mcp-server-fetch-typescript

💻 Usage Examples

Integration with Claude Desktop

To use it in Claude Desktop, add the server configuration:

On MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json On Windows: %APPDATA%/Claude/claude_desktop_config.json

"mcpServers": {
  "mcp-server-fetch-typescript": {
    "command": "npx",
    "args": [
      "-y",
      "mcp-server-fetch-typescript"
    ]
  }
}

Or add the following configuration:

git clone https://github.com/tatn/mcp-server-fetch-typescript.git
cd mcp-server-fetch-typescript
npm install
npm run build

"mcpServers": {
  "mcp-server-fetch-typescript": {
    "command": "node",
    "args": [
      "/path/to/mcp-server-fetch-typescript/build/index.js"
    ]
  }
}

Debugging

To debug the MCP server:

npx @modelcontextprotocol/inspector npx -y mcp-server-fetch-typescript

Or

npx @modelcontextprotocol/inspector node /path/to/mcp-server-fetch-typescript/build/index.js