Skip to main content
Glama

Playwright MCP Server

by BhanuTJ93
screenshot.ts2.37 kB
import fs from 'node:fs'; import * as path from 'node:path'; import * as os from 'node:os'; import type { Page } from 'playwright'; import { BrowserToolBase } from './base.js'; import { ToolContext, ToolResponse, createSuccessResponse } from '../common/types.js'; const defaultDownloadsPath = path.join(os.homedir(), 'Downloads'); /** * Tool for taking screenshots of pages or elements */ export class ScreenshotTool extends BrowserToolBase { private screenshots = new Map<string, string>(); /** * Execute the screenshot tool */ async execute(args: any, context: ToolContext): Promise<ToolResponse> { return this.safeExecute(context, async (page) => { const screenshotOptions: any = { type: args.type || "png", fullPage: !!args.fullPage }; if (args.selector) { const element = await page.$(args.selector); if (!element) { return { content: [{ type: "text", text: `Element not found: ${args.selector}`, }], isError: true }; } screenshotOptions.element = element; } // Generate output path const timestamp = new Date().toISOString().replace(/[:.]/g, '-'); const filename = `${args.name || 'screenshot'}-${timestamp}.png`; const downloadsDir = args.downloadsDir || defaultDownloadsPath; if (!fs.existsSync(downloadsDir)) { fs.mkdirSync(downloadsDir, { recursive: true }); } const outputPath = path.join(downloadsDir, filename); screenshotOptions.path = outputPath; const screenshot = await page.screenshot(screenshotOptions); const base64Screenshot = screenshot.toString('base64'); const messages = [`Screenshot saved to: ${path.relative(process.cwd(), outputPath)}`]; // Handle base64 storage if (args.storeBase64 !== false) { this.screenshots.set(args.name || 'screenshot', base64Screenshot); this.server.notification({ method: "notifications/resources/list_changed", }); messages.push(`Screenshot also stored in memory with name: '${args.name || 'screenshot'}'`); } return createSuccessResponse(messages); }); } /** * Get all stored screenshots */ getScreenshots(): Map<string, string> { return this.screenshots; } }

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/BhanuTJ93/MCP'

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