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>
103 lines
3.2 KiB
JavaScript
103 lines
3.2 KiB
JavaScript
import chalk from 'chalk';
|
|
import logSymbols from 'log-symbols';
|
|
// Icons for commands
|
|
export const icons = {
|
|
goto: '→',
|
|
click: '◉',
|
|
type: '⌨',
|
|
query: '?',
|
|
screenshot: '📷',
|
|
url: '🔗',
|
|
html: '<>',
|
|
back: '←',
|
|
forward: '→',
|
|
reload: '↻',
|
|
wait: '⏳',
|
|
newpage: '+',
|
|
close: '✕',
|
|
eval: '⚡',
|
|
};
|
|
// Colors for command types
|
|
export const cmdColor = {
|
|
goto: chalk.cyan,
|
|
click: chalk.yellow,
|
|
type: chalk.magenta,
|
|
query: chalk.blue,
|
|
screenshot: chalk.green,
|
|
url: chalk.cyan,
|
|
html: chalk.blue,
|
|
back: chalk.yellow,
|
|
forward: chalk.yellow,
|
|
reload: chalk.yellow,
|
|
wait: chalk.gray,
|
|
newpage: chalk.green,
|
|
close: chalk.red,
|
|
eval: chalk.magenta,
|
|
};
|
|
export function ts() {
|
|
return chalk.gray(`[${new Date().toISOString()}]`);
|
|
}
|
|
export function truncate(str, max) {
|
|
return str.length > max ? `${str.slice(0, max)}...` : str;
|
|
}
|
|
export function getCommandDetail(cmd) {
|
|
switch (cmd.cmd) {
|
|
case 'goto':
|
|
return chalk.white(cmd.url);
|
|
case 'click':
|
|
case 'query':
|
|
return chalk.white(cmd.selector);
|
|
case 'type':
|
|
return `${chalk.white(cmd.selector)} ${chalk.dim(`="${cmd.text}"`)}`;
|
|
case 'screenshot':
|
|
return chalk.dim(cmd.path || 'screenshot.png');
|
|
case 'html':
|
|
return cmd.full ? chalk.dim('(full)') : undefined;
|
|
case 'wait':
|
|
return chalk.dim(`${cmd.ms || 1000}ms`);
|
|
case 'eval':
|
|
return chalk.dim(truncate(cmd.script || '', 50));
|
|
default:
|
|
return undefined;
|
|
}
|
|
}
|
|
export function formatCommand(cmd) {
|
|
const color = cmdColor[cmd.cmd] || chalk.white;
|
|
const icon = icons[cmd.cmd] || '•';
|
|
const detail = getCommandDetail(cmd);
|
|
const suffix = detail ? ` ${detail}` : '';
|
|
return `${ts()} ${chalk.bold(color(icon))} ${color(cmd.cmd.toUpperCase())}${suffix}`;
|
|
}
|
|
const resultFormatters = {
|
|
goto: (r) => r.title,
|
|
click: (r) => (r.url ? `→ ${r.url}` : undefined),
|
|
query: (r) => (r.count !== undefined ? `Found ${r.count} element(s)` : undefined),
|
|
screenshot: (r) => (r.path ? `Saved to ${r.path}` : undefined),
|
|
url: (r) => r.url,
|
|
html: (r) => (r.html !== undefined ? `${r.html.length} chars` : undefined),
|
|
eval: (r) => (r.result !== undefined ? truncate(JSON.stringify(r.result), 80) : undefined),
|
|
};
|
|
export function formatResult(cmd, result) {
|
|
if (!result.ok) {
|
|
return `${ts()} ${logSymbols.error} ${chalk.red(result.error)}`;
|
|
}
|
|
const formatter = resultFormatters[cmd.cmd];
|
|
const msg = formatter ? formatter(result) : undefined;
|
|
const suffix = msg ? ` ${chalk.dim(msg)}` : '';
|
|
return `${ts()} ${logSymbols.success}${suffix}`;
|
|
}
|
|
export function createLogger(logFn = console.log) {
|
|
return {
|
|
command(cmd) {
|
|
logFn(formatCommand(cmd));
|
|
},
|
|
result(cmd, result) {
|
|
logFn(formatResult(cmd, result));
|
|
},
|
|
};
|
|
}
|
|
// Default logger to stdout
|
|
export const logger = createLogger();
|
|
// Logger to stderr (for MCP)
|
|
export const stderrLogger = createLogger((msg) => process.stderr.write(`${msg}\n`));
|
|
//# sourceMappingURL=logger.js.map
|