Skip to main content
Glama

MCP Browser Screenshot Server

CLI.jsโ€ข15.3 kB
/** * @license * Copyright 2023 Google Inc. * SPDX-License-Identifier: Apache-2.0 */ import { stdin as input, stdout as output } from 'node:process'; import * as readline from 'node:readline'; import { resolveBuildId, BrowserPlatform, } from './browser-data/browser-data.js'; import { Cache } from './Cache.js'; import { detectBrowserPlatform } from './detectPlatform.js'; import { packageVersion } from './generated/version.js'; import { install } from './install.js'; import { computeExecutablePath, computeSystemExecutablePath, launch, } from './launch.js'; /** * @public */ export class CLI { #cachePath; #rl; #scriptName; #version; #allowCachePathOverride; #pinnedBrowsers; #prefixCommand; constructor(opts, rl) { if (!opts) { opts = {}; } if (typeof opts === 'string') { opts = { cachePath: opts, }; } this.#cachePath = opts.cachePath ?? process.cwd(); this.#rl = rl; this.#scriptName = opts.scriptName ?? '@puppeteer/browsers'; this.#version = opts.version ?? packageVersion; this.#allowCachePathOverride = opts.allowCachePathOverride ?? true; this.#pinnedBrowsers = opts.pinnedBrowsers; this.#prefixCommand = opts.prefixCommand; } #defineBrowserParameter(yargs, required) { return yargs.positional('browser', { description: 'Which browser to install <browser>[@<buildId|latest>]. `latest` will try to find the latest available build. `buildId` is a browser-specific identifier such as a version or a revision.', type: 'string', coerce: (opt) => { return { name: this.#parseBrowser(opt), buildId: this.#parseBuildId(opt), }; }, demandOption: required, }); } #definePlatformParameter(yargs) { return yargs.option('platform', { type: 'string', desc: 'Platform that the binary needs to be compatible with.', choices: Object.values(BrowserPlatform), defaultDescription: 'Auto-detected', }); } #definePathParameter(yargs, required = false) { if (!this.#allowCachePathOverride) { return yargs; } return yargs.option('path', { type: 'string', desc: 'Path to the root folder for the browser downloads and installation. If a relative path is provided, it will be resolved relative to the current working directory. The installation folder structure is compatible with the cache structure used by Puppeteer.', defaultDescription: 'Current working directory', ...(required ? {} : { default: process.cwd() }), demandOption: required, }); } async run(argv) { const { default: yargs } = await import('yargs'); const { hideBin } = await import('yargs/helpers'); const yargsInstance = yargs(hideBin(argv)); let target = yargsInstance .scriptName(this.#scriptName) .version(this.#version); if (this.#prefixCommand) { target = target.command(this.#prefixCommand.cmd, this.#prefixCommand.description, yargs => { return this.#build(yargs); }); } else { target = this.#build(target); } await target .demandCommand(1) .help() .wrap(Math.min(120, yargsInstance.terminalWidth())) .parseAsync(); } #build(yargs) { const latestOrPinned = this.#pinnedBrowsers ? 'pinned' : 'latest'; // If there are pinned browsers allow the positional arg to be optional const browserArgType = this.#pinnedBrowsers ? '[browser]' : '<browser>'; return yargs .command(`install ${browserArgType}`, 'Download and install the specified browser. If successful, the command outputs the actual browser buildId that was installed and the absolute path to the browser executable (format: <browser>@<buildID> <path>).', yargs => { if (this.#pinnedBrowsers) { yargs.example('$0 install', 'Install all pinned browsers'); } yargs .example('$0 install chrome', `Install the ${latestOrPinned} available build of the Chrome browser.`) .example('$0 install chrome@latest', 'Install the latest available build for the Chrome browser.') .example('$0 install chrome@stable', 'Install the latest available build for the Chrome browser from the stable channel.') .example('$0 install chrome@beta', 'Install the latest available build for the Chrome browser from the beta channel.') .example('$0 install chrome@dev', 'Install the latest available build for the Chrome browser from the dev channel.') .example('$0 install chrome@canary', 'Install the latest available build for the Chrome Canary browser.') .example('$0 install chrome@115', 'Install the latest available build for Chrome 115.') .example('$0 install chromedriver@canary', 'Install the latest available build for ChromeDriver Canary.') .example('$0 install chromedriver@115', 'Install the latest available build for ChromeDriver 115.') .example('$0 install chromedriver@115.0.5790', 'Install the latest available patch (115.0.5790.X) build for ChromeDriver.') .example('$0 install chrome-headless-shell', 'Install the latest available chrome-headless-shell build.') .example('$0 install chrome-headless-shell@beta', 'Install the latest available chrome-headless-shell build corresponding to the Beta channel.') .example('$0 install chrome-headless-shell@118', 'Install the latest available chrome-headless-shell 118 build.') .example('$0 install chromium@1083080', 'Install the revision 1083080 of the Chromium browser.') .example('$0 install firefox', 'Install the latest nightly available build of the Firefox browser.') .example('$0 install firefox@stable', 'Install the latest stable build of the Firefox browser.') .example('$0 install firefox@beta', 'Install the latest beta build of the Firefox browser.') .example('$0 install firefox@devedition', 'Install the latest devedition build of the Firefox browser.') .example('$0 install firefox@esr', 'Install the latest ESR build of the Firefox browser.') .example('$0 install firefox@nightly', 'Install the latest nightly build of the Firefox browser.') .example('$0 install firefox@stable_111.0.1', 'Install a specific version of the Firefox browser.') .example('$0 install firefox --platform mac', 'Install the latest Mac (Intel) build of the Firefox browser.'); if (this.#allowCachePathOverride) { yargs.example('$0 install firefox --path /tmp/my-browser-cache', 'Install to the specified cache directory.'); } const yargsWithBrowserParam = this.#defineBrowserParameter(yargs, !Boolean(this.#pinnedBrowsers)); const yargsWithPlatformParam = this.#definePlatformParameter(yargsWithBrowserParam); return this.#definePathParameter(yargsWithPlatformParam, false) .option('base-url', { type: 'string', desc: 'Base URL to download from', }) .option('install-deps', { type: 'boolean', desc: 'Whether to attempt installing system dependencies (only supported on Linux, requires root privileges).', default: false, }); }, async (args) => { if (this.#pinnedBrowsers && !args.browser) { // Use allSettled to avoid scenarios that // a browser may fail early and leave the other // installation in a faulty state const result = await Promise.allSettled(Object.entries(this.#pinnedBrowsers).map(async ([browser, options]) => { if (options.skipDownload) { return; } await this.#install({ ...args, browser: { name: browser, buildId: options.buildId, }, }); })); for (const install of result) { if (install.status === 'rejected') { throw install.reason; } } } else { await this.#install(args); } }) .command('launch <browser>', 'Launch the specified browser', yargs => { yargs .example('$0 launch chrome@115.0.5790.170', 'Launch Chrome 115.0.5790.170') .example('$0 launch firefox@112.0a1', 'Launch the Firefox browser identified by the milestone 112.0a1.') .example('$0 launch chrome@115.0.5790.170 --detached', 'Launch the browser but detach the sub-processes.') .example('$0 launch chrome@canary --system', 'Try to locate the Canary build of Chrome installed on the system and launch it.') .example('$0 launch chrome@115.0.5790.170 -- --version', 'Launch Chrome 115.0.5790.170 and pass custom argument to the binary.'); const yargsWithExtraAgs = yargs.parserConfiguration({ 'populate--': true, // Yargs does not have the correct overload for this. }); const yargsWithBrowserParam = this.#defineBrowserParameter(yargsWithExtraAgs, true); const yargsWithPlatformParam = this.#definePlatformParameter(yargsWithBrowserParam); return this.#definePathParameter(yargsWithPlatformParam) .option('detached', { type: 'boolean', desc: 'Detach the child process.', default: false, }) .option('system', { type: 'boolean', desc: 'Search for a browser installed on the system instead of the cache folder.', default: false, }) .option('dumpio', { type: 'boolean', desc: "Forwards the browser's process stdout and stderr", default: false, }); }, async (args) => { const extraArgs = args['--']?.filter(arg => { return typeof arg === 'string'; }); const executablePath = args.system ? computeSystemExecutablePath({ browser: args.browser.name, // TODO: throw an error if not a ChromeReleaseChannel is provided. channel: args.browser.buildId, platform: args.platform, }) : computeExecutablePath({ browser: args.browser.name, buildId: args.browser.buildId, cacheDir: args.path ?? this.#cachePath, platform: args.platform, }); launch({ args: extraArgs, executablePath, dumpio: args.dumpio, detached: args.detached, }); }) .command('clear', this.#allowCachePathOverride ? 'Removes all installed browsers from the specified cache directory' : `Removes all installed browsers from ${this.#cachePath}`, yargs => { return this.#definePathParameter(yargs, true); }, async (args) => { const cacheDir = args.path ?? this.#cachePath; const rl = this.#rl ?? readline.createInterface({ input, output }); rl.question(`Do you want to permanently and recursively delete the content of ${cacheDir} (yes/No)? `, answer => { rl.close(); if (!['y', 'yes'].includes(answer.toLowerCase().trim())) { console.log('Cancelled.'); return; } const cache = new Cache(cacheDir); cache.clear(); console.log(`${cacheDir} cleared.`); }); }) .command('list', 'List all installed browsers in the cache directory', yargs => { yargs.example('$0 list', 'List all installed browsers in the cache directory'); if (this.#allowCachePathOverride) { yargs.example('$0 list --path /tmp/my-browser-cache', 'List browsers installed in the specified cache directory'); } return this.#definePathParameter(yargs); }, async (args) => { const cacheDir = args.path ?? this.#cachePath; const cache = new Cache(cacheDir); const browsers = cache.getInstalledBrowsers(); for (const browser of browsers) { console.log(`${browser.browser}@${browser.buildId} (${browser.platform}) ${browser.executablePath}`); } }) .demandCommand(1) .help(); } #parseBrowser(version) { return version.split('@').shift(); } #parseBuildId(version) { const parts = version.split('@'); return parts.length === 2 ? parts[1] : this.#pinnedBrowsers ? 'pinned' : 'latest'; } async #install(args) { args.platform ??= detectBrowserPlatform(); if (!args.browser) { throw new Error(`No browser arg provided`); } if (!args.platform) { throw new Error(`Could not resolve the current platform`); } if (args.browser.buildId === 'pinned') { const options = this.#pinnedBrowsers?.[args.browser.name]; if (!options || !options.buildId) { throw new Error(`No pinned version found for ${args.browser.name}`); } args.browser.buildId = options.buildId; } const originalBuildId = args.browser.buildId; args.browser.buildId = await resolveBuildId(args.browser.name, args.platform, args.browser.buildId); await install({ browser: args.browser.name, buildId: args.browser.buildId, platform: args.platform, cacheDir: args.path ?? this.#cachePath, downloadProgressCallback: 'default', baseUrl: args.baseUrl, buildIdAlias: originalBuildId !== args.browser.buildId ? originalBuildId : undefined, installDeps: args.installDeps, }); console.log(`${args.browser.name}@${args.browser.buildId} ${computeExecutablePath({ browser: args.browser.name, buildId: args.browser.buildId, cacheDir: args.path ?? this.#cachePath, platform: args.platform, })}`); } } //# sourceMappingURL=CLI.js.map

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/seabassgonzalez/mcp-browser-screenshot'

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