Add Claude Code plugin support with MCP prompts and resources

- 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>
2026-02-08 03:08:02 +01:00
parent ab03140803
commit bc1f3d9d73
50 changed files with 2218 additions and 5 deletions
@@ -0,0 +1,103 @@
+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