Adam Ladachowski
bc1f3d9d73
- Add .claude-plugin/plugin.json manifest (name: browse) - Add 11 slash commands: start, end, goto, screenshot, scrape, analyze, extract, fill, compare, save, restore - Add MCP resources: browser://state, browser://html, browser://screenshot - Add MCP prompts: analyze_page, extract_data, navigate_to, fill_form, compare_screenshots - Add session management tools: close, session_save, session_restore - Include dist/ for plugin installation Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
88 lines
3.1 KiB
JavaScript
88 lines
3.1 KiB
JavaScript
import chalk from 'chalk';
|
|
import express from 'express';
|
|
import logSymbols from 'log-symbols';
|
|
import { ClaudeBrowser } from './browser.js';
|
|
import { logger, ts } from './logger.js';
|
|
function printBanner(port) {
|
|
console.log();
|
|
console.log(chalk.cyan.bold(' 🌐 Claude Browse Server'));
|
|
console.log(chalk.dim(' ─────────────────────────'));
|
|
console.log(` ${logSymbols.success} Listening on ${chalk.bold(`http://localhost:${port}`)}`);
|
|
console.log();
|
|
console.log(chalk.dim(' Commands:'));
|
|
console.log(` ${chalk.cyan('goto')} ${chalk.yellow('click')} ${chalk.magenta('type')} ${chalk.blue('query')} ${chalk.green('screenshot')}`);
|
|
console.log(` ${chalk.cyan('url')} ${chalk.blue('html')} ${chalk.yellow('back')} ${chalk.yellow('forward')} ${chalk.yellow('reload')} ${chalk.gray('wait')} ${chalk.red('close')}`);
|
|
console.log();
|
|
console.log(chalk.dim(' Example:'));
|
|
console.log(chalk.gray(` curl -X POST localhost:${port} -d '{"cmd":"goto","url":"https://example.com"}'`));
|
|
console.log();
|
|
}
|
|
export class BrowserServer {
|
|
browser;
|
|
app = express();
|
|
server = null;
|
|
port;
|
|
constructor(options = {}) {
|
|
this.browser = new ClaudeBrowser(options);
|
|
this.port = options.port ?? 13373;
|
|
this.setupMiddleware();
|
|
this.setupRoutes();
|
|
}
|
|
setupMiddleware() {
|
|
this.app.use(express.json());
|
|
this.app.use(express.text({ type: '*/*' }));
|
|
}
|
|
setupRoutes() {
|
|
this.app.post('/', (req, res) => this.handleCommand(req, res));
|
|
}
|
|
async handleCommand(req, res) {
|
|
try {
|
|
const cmd = typeof req.body === 'string' ? JSON.parse(req.body) : req.body;
|
|
logger.command(cmd);
|
|
if (cmd.cmd === 'close') {
|
|
logger.result(cmd, { ok: true });
|
|
res.json({ ok: true });
|
|
await this.stop();
|
|
process.exit(0);
|
|
}
|
|
const result = await this.browser.executeCommand(cmd);
|
|
logger.result(cmd, result);
|
|
res.json(result);
|
|
}
|
|
catch (err) {
|
|
const error = err.message;
|
|
console.log(`${ts()} ${logSymbols.error} ${chalk.red(error)}`);
|
|
res.status(500).json({ ok: false, error });
|
|
}
|
|
}
|
|
async start() {
|
|
await this.browser.launch();
|
|
return new Promise((resolve) => {
|
|
this.server = this.app.listen(this.port, () => {
|
|
printBanner(this.port);
|
|
resolve();
|
|
});
|
|
});
|
|
}
|
|
async stop() {
|
|
console.log(chalk.dim('\n Shutting down...'));
|
|
if (this.server) {
|
|
this.server.close();
|
|
this.server = null;
|
|
}
|
|
await this.browser.close();
|
|
console.log(` ${logSymbols.success} Browser closed\n`);
|
|
}
|
|
getPort() {
|
|
return this.port;
|
|
}
|
|
getApp() {
|
|
return this.app;
|
|
}
|
|
}
|
|
export async function startServer(options = {}) {
|
|
const server = new BrowserServer(options);
|
|
await server.start();
|
|
return server;
|
|
}
|
|
//# sourceMappingURL=server.js.map
|