@sudu-cli/fronted-preview-mcp 1.0.0-beta.5 → 1.0.0-beta.6

package/README.md

@@ -26,19 +26,43 @@ npx @sudu-cli/fronted-preview-mcp --help
 
 | 工具 | 说明 |
 |------|------|
+| **项目管理** | |
 | `quick_preview` | **推荐**。检测框架 + 启动 dev server，一步完成 |
 | `get_project_info` | 仅检测项目框架信息 |
 | `start_dev_server` | 仅启动 dev server |
 | `stop_dev_server` | 停止 dev server |
+| **浏览器自动化** | |
+| `navigate` | 导航到指定URL，等待页面加载 |
+| `click` | 点击页面元素（支持多种点击方式） |
+| `fill` | 填充表单输入字段 |
+| `screenshot` | 截图功能（支持全页面、元素截图） |
+| `inspect` | 元素检查和分析（详细属性、样式、结构） |
+| **错误检测** | |
+| `check_page_errors` | 检查页面console错误和网络失败 |
+| `get_typescript_diagnostics` | TypeScript类型错误检查 |
+| `auto_fix_loop` | 自动检测和修复前端错误的迭代循环 |
 
 ### 推荐工作流
 
+#### 基础预览工作流
 调用 `quick_preview` 后，按顺序执行：
 
 1. **chrome-devtools** `navigate_page(url)` — 打开页面
 2. **chrome-devtools** `list_console_messages()` — 检查 console 错误
 3. **chrome-devtools** `take_snapshot()` — 分析页面结构
 
+#### 自动化测试工作流
+1. **frontend-preview** `navigate(url)` — 导航到目标页面
+2. **frontend-preview** `fill(selector, value)` — 填充表单
+3. **frontend-preview** `click(selector)` — 点击按钮
+4. **frontend-preview** `check_page_errors()` — 检查错误
+5. **frontend-preview** `screenshot()` — 截图验证
+
+#### 元素检查工作流
+1. **frontend-preview** `navigate(url)` — 导航到页面
+2. **frontend-preview** `inspect(selector)` — 检查元素详情
+3. **frontend-preview** `screenshot(selector)` — 截取元素截图
+
 ## 配置
 
 `npx @sudu-cli/fronted-preview-mcp init` 会生成：

package/dist/handlers/click.d.ts

@@ -0,0 +1,9 @@
+import type { MCPToolResponse } from '../types.js';
+interface ClickArgs {
+    selector: string;
+    timeout?: number;
+    button?: 'left' | 'right' | 'middle';
+    clickCount?: number;
+}
+export declare function handleClick(args: ClickArgs): Promise<MCPToolResponse>;
+export {};

package/dist/handlers/click.js

@@ -0,0 +1,93 @@
+import { CDPConnectionManager } from '../cdp/connectionManager.js';
+import { createMCPError, createMCPSuccess } from '../types.js';
+export async function handleClick(args) {
+    const { selector, timeout = 5000, button = 'left', clickCount = 1 } = args;
+    const cdpManager = CDPConnectionManager.getInstance();
+    try {
+        // Connect to CDP if not already connected
+        const connection = await cdpManager.getConnection(9222);
+        // Wait for element to be available
+        const startTime = Date.now();
+        let elementFound = false;
+        while (Date.now() - startTime < timeout) {
+            const element = await connection.send('Runtime.evaluate', {
+                expression: `document.querySelector('${selector}')`
+            });
+            if (element.result && element.result.value && element.result.value !== null) {
+                elementFound = true;
+                break;
+            }
+            await new Promise(resolve => setTimeout(resolve, 100, undefined));
+        }
+        if (!elementFound) {
+            return createMCPError('ELEMENT_NOT_FOUND', `Element not found with selector: ${selector}`);
+        }
+        // Get element info for debugging
+        const elementInfo = await connection.send('Runtime.evaluate', {
+            expression: `
+        const element = document.querySelector('${selector}');
+        const getXPath = (node) => {
+          if (node.id) return '//*[@id=\'' + node.id + '\']';
+          if (node === document.body) return '/html/body';
+          const siblings = node.parentNode ? node.parentNode.childNodes : [];
+          let idx = siblings.indexOf(node);
+          if (idx === -1) return '';
+          const tagName = node.tagName || '';
+          const path = getXPath(node.parentNode);
+          return path + '/' + tagName + '[' + (idx + 1) + ']';
+        };
+        {
+          tagName: element.tagName,
+          id: element.id,
+          classes: Array.from(element.classList),
+          text: element.textContent?.trim() || '',
+          xpath: getXPath(element)
+        }
+      `,
+            returnByValue: true
+        });
+        // Check if element is clickable
+        const clickableCheck = await connection.send('Runtime.evaluate', {
+            expression: `
+        const element = document.querySelector('${selector}');
+        const rect = element.getBoundingClientRect();
+        const isVisible = rect.width > 0 && rect.height > 0;
+        const isNotHidden = window.getComputedStyle(element).visibility !== 'hidden';
+        const isDisplayed = window.getComputedStyle(element).display !== 'none';
+        isVisible && isNotHidden && isDisplayed;
+      `
+        });
+        if (!clickableCheck.result.value) {
+            return createMCPError('ELEMENT_NOT_CLICKABLE', `Element found but not clickable: ${selector}`);
+        }
+        // Perform the click using Runtime.evaluate
+        await connection.send('Runtime.evaluate', {
+            expression: `
+        const element = document.querySelector('${selector}');
+        const event = new MouseEvent('click', {
+          view: window,
+          bubbles: true,
+          cancelable: true,
+          button: ${button === 'left' ? 0 : button === 'right' ? 2 : 1},
+          detail: ${clickCount}
+        });
+        element.dispatchEvent(event);
+      `
+        });
+        // Wait a bit for any potential page changes
+        await new Promise(resolve => setTimeout(resolve, 500));
+        const result = {
+            elementFound: true,
+            elementClickable: true,
+            clickSuccess: true,
+            elementInfo: elementInfo.result.value,
+            timestamp: new Date().toISOString()
+        };
+        return createMCPSuccess({ message: 'Element clicked successfully', ...result });
+    }
+    catch (error) {
+        console.error('Click error:', error);
+        return createMCPError('CLICK_ERROR', `Failed to click element: ${error instanceof Error ? error.message : String(error)}`, undefined, 'Check if Chrome is running with --remote-debugging-port=9222');
+    }
+}
+//# sourceMappingURL=click.js.map

package/dist/handlers/click.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"click.js","sourceRoot":"","sources":["../../src/handlers/click.ts"],"names":[],"mappings":"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"}

package/dist/handlers/fill.d.ts

@@ -0,0 +1,10 @@
+import type { MCPToolResponse } from '../types.js';
+interface FillArgs {
+    selector: string;
+    value: string;
+    timeout?: number;
+    clearFirst?: boolean;
+    delay?: number;
+}
+export declare function handleFill(args: FillArgs): Promise<MCPToolResponse>;
+export {};

package/dist/handlers/fill.js

@@ -0,0 +1,129 @@
+import { CDPConnectionManager } from '../cdp/connectionManager.js';
+import { createMCPError, createMCPSuccess } from '../types.js';
+export async function handleFill(args) {
+    const { selector, value, timeout = 5000, clearFirst = true, delay = 100 } = args;
+    const cdpManager = CDPConnectionManager.getInstance();
+    try {
+        // Connect to CDP if not already connected
+        const connection = await cdpManager.getConnection(9222);
+        // Wait for element to be available
+        const startTime = Date.now();
+        let elementFound = false;
+        while (Date.now() - startTime < timeout) {
+            const element = await connection.send('Runtime.evaluate', {
+                expression: `document.querySelector('${selector}')`
+            });
+            if (element.result && element.result.value && element.result.value !== null) {
+                elementFound = true;
+                break;
+            }
+            await new Promise(resolve => setTimeout(resolve, 100, undefined));
+        }
+        if (!elementFound) {
+            return createMCPError('ELEMENT_NOT_FOUND', `Element not found with selector: ${selector}`);
+        }
+        // Get element info for debugging
+        const elementInfo = await connection.send('Runtime.evaluate', {
+            expression: `
+        const element = document.querySelector('${selector}');
+        {
+          tagName: element.tagName,
+          type: element.type,
+          id: element.id,
+          name: element.name,
+          placeholder: element.placeholder || '',
+          isInput: element.tagName === 'INPUT' || element.tagName === 'TEXTAREA' || element.tagName === 'SELECT'
+        }
+      `,
+            returnByValue: true
+        });
+        const elementInfoData = elementInfo.result.value;
+        // Check if element is an input field
+        if (!elementInfoData.isInput) {
+            return createMCPError('ELEMENT_NOT_INPUT', `Element is not an input field: ${selector}`);
+        }
+        // Clear the field first if requested
+        if (clearFirst) {
+            await connection.send('Runtime.evaluate', {
+                expression: `
+          const element = document.querySelector('${selector}');
+          if (element.tagName === 'INPUT' || element.tagName === 'TEXTAREA') {
+            element.value = '';
+          } else if (element.tagName === 'SELECT') {
+            for (let i = 0; i < element.options.length; i++) {
+              element.options[i].selected = false;
+            }
+          }
+        `
+            });
+        }
+        // Set the value based on input type
+        if (elementInfoData.tagName === 'INPUT' || elementInfoData.tagName === 'TEXTAREA') {
+            await connection.send('Runtime.evaluate', {
+                expression: `
+          const element = document.querySelector('${selector}');
+          element.value = '${value.replace(/'/g, "\\'")}';
+          // Trigger input events to ensure React/Vue reactivity
+          element.dispatchEvent(new Event('input', { bubbles: true }));
+          element.dispatchEvent(new Event('change', { bubbles: true }));
+        `
+            });
+        }
+        else if (elementInfoData.tagName === 'SELECT') {
+            // Find option by value or text
+            await connection.send('Runtime.evaluate', {
+                expression: `
+          const element = document.querySelector('${selector}');
+          const options = element.options;
+          let found = false;
+          for (let i = 0; i < options.length; i++) {
+            if (options[i].value === '${value}' || options[i].textContent === '${value}') {
+              options[i].selected = true;
+              found = true;
+              break;
+            }
+          }
+          if (found) {
+            element.dispatchEvent(new Event('change', { bubbles: true }));
+          }
+        `
+            });
+        }
+        // Add delay if specified
+        if (delay > 0) {
+            await new Promise(resolve => setTimeout(resolve, delay));
+        }
+        // Verify the value was set
+        const verifyResult = await connection.send('Runtime.evaluate', {
+            expression: `
+        const element = document.querySelector('${selector}');
+        if (element.tagName === 'INPUT' || element.tagName === 'TEXTAREA') {
+          return element.value;
+        } else if (element.tagName === 'SELECT') {
+          const selected = element.options[element.selectedIndex];
+          return selected ? selected.value || selected.textContent : '';
+        }
+        return '';
+      `
+        });
+        const actualValue = verifyResult.result.value;
+        const valueSetCorrectly = actualValue === value;
+        const result = {
+            elementFound: true,
+            elementInputType: true,
+            fillSuccess: valueSetCorrectly,
+            elementInfo: elementInfoData,
+            timestamp: new Date().toISOString()
+        };
+        if (!valueSetCorrectly) {
+            result.fillSuccess = false;
+            return createMCPError('VALUE_SET_FAILED', `Value set but verification failed. Expected: ${value}, Actual: ${actualValue}`);
+        }
+        return createMCPSuccess({ message: 'Field filled successfully', ...result });
+    }
+    catch (error) {
+        console.error('Fill error:', error);
+        return createMCPError('FILL_ERROR', `Failed to fill field: ${error instanceof Error ? error.message : String(error)}`, undefined, 'Check if Chrome is running with --remote-debugging-port=9222');
+    }
+}
+//# sourceMappingURL=fill.js.map

package/dist/handlers/fill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fill.js","sourceRoot":"","sources":["../../src/handlers/fill.ts"],"names":[],"mappings":"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"}

package/dist/handlers/inspect.d.ts

@@ -0,0 +1,11 @@
+import type { MCPToolResponse } from '../types.js';
+interface InspectArgs {
+    selector: string;
+    timeout?: number;
+    includeStyles?: boolean;
+    includeAttributes?: boolean;
+    includeChildren?: boolean;
+    maxDepth?: number;
+}
+export declare function handleInspect(args: InspectArgs): Promise<MCPToolResponse>;
+export {};

package/dist/handlers/inspect.js

@@ -0,0 +1,138 @@
+import { CDPConnectionManager } from '../cdp/connectionManager.js';
+import { createMCPError, createMCPSuccess } from '../types.js';
+export async function handleInspect(args) {
+    const { selector, timeout = 5000, includeStyles = true, includeAttributes = true, includeChildren = false, maxDepth = 2 } = args;
+    const cdpManager = CDPConnectionManager.getInstance();
+    try {
+        // Connect to CDP if not already connected
+        const connection = await cdpManager.getConnection(9222);
+        // Wait for element to be available
+        const startTime = Date.now();
+        let elementFound = false;
+        while (Date.now() - startTime < timeout) {
+            const element = await connection.send('Runtime.evaluate', {
+                expression: `document.querySelector('${selector}')`
+            });
+            if (element.result && element.result.value && element.result.value !== null) {
+                elementFound = true;
+                break;
+            }
+            await new Promise(resolve => setTimeout(resolve, 100, undefined));
+        }
+        if (!elementFound) {
+            return createMCPError('ELEMENT_NOT_FOUND', `Element not found with selector: ${selector}`);
+        }
+        // Get comprehensive element information
+        const elementInfo = await connection.send('Runtime.evaluate', {
+            expression: `
+        const element = document.querySelector('${selector}');
+        const getStyles = (el) => {
+          const computed = window.getComputedStyle(el);
+          const styles = {};
+          for (let i = 0; i < computed.length; i++) {
+            const prop = computed[i];
+            styles[prop] = computed.getPropertyValue(prop);
+          }
+          return styles;
+        };
+        
+        const getAttributes = (el) => {
+          const attrs = {};
+          for (let i = 0; i < el.attributes.length; i++) {
+            const attr = el.attributes[i];
+            attrs[attr.name] = attr.value;
+          }
+          return attrs;
+        };
+        
+        const getChildren = (el, depth, maxDepth) => {
+          if (depth >= maxDepth) return [];
+          const children = [];
+          for (let i = 0; i < el.children.length; i++) {
+            const child = el.children[i];
+            children.push({
+              tagName: child.tagName,
+              id: child.id,
+              classes: Array.from(child.classList),
+              text: child.textContent?.trim() || '',
+              value: child.value,
+              type: child.type,
+              name: child.name,
+              boundingRect: child.getBoundingClientRect(),
+              children: getChildren(child, depth + 1, maxDepth)
+            });
+          }
+          return children;
+        };
+        
+        const getXPath = (node) => {
+          if (node.id) return '//*[@id=\'' + node.id + '\']';
+          if (node === document.body) return '/html/body';
+          const siblings = node.parentNode ? node.parentNode.childNodes : [];
+          let idx = siblings.indexOf(node);
+          if (idx === -1) return '';
+          const tagName = node.tagName || '';
+          const path = getXPath(node.parentNode);
+          return path + '/' + tagName + '[' + (idx + 1) + ']';
+        };
+        
+        const getCssPath = (node) => {
+          if (node.id) return '#' + node.id;
+          if (node.className) {
+            const classes = node.className.split(' ').join('.');
+            return node.tagName.toLowerCase() + '.' + classes;
+          }
+          const siblings = node.parentNode ? node.parentNode.children : [];
+          let idx = Array.from(siblings).indexOf(node);
+          if (idx === -1) return node.tagName.toLowerCase();
+          return node.tagName.toLowerCase() + ':nth-child(' + (idx + 1) + ')';
+        };
+        
+        const rect = element.getBoundingClientRect();
+        
+        {
+          tagName: element.tagName,
+          id: element.id,
+          classes: Array.from(element.classList),
+          text: element.textContent?.trim() || '',
+          value: element.value,
+          type: element.type,
+          name: element.name,
+          placeholder: element.placeholder || '',
+          src: element.src,
+          href: element.href,
+          disabled: element.disabled,
+          readonly: element.readOnly,
+          required: element.required,
+          checked: element.checked,
+          selected: element.selected,
+          visible: rect.width > 0 && rect.height > 0,
+          boundingRect: {
+            x: rect.left,
+            y: rect.top,
+            width: rect.width,
+            height: rect.height
+          },
+          ${includeStyles ? 'styles: getStyles(element),' : ''}
+          ${includeAttributes ? 'attributes: getAttributes(element),' : ''}
+          ${includeChildren ? 'children: getChildren(element, 0, ${maxDepth}),' : ''}
+          xpath: getXPath(element),
+          cssPath: getCssPath(element)
+        }
+      `,
+            returnByValue: true
+        });
+        const elementInfoData = elementInfo.result.value;
+        const result = {
+            elementFound: true,
+            elementInfo: elementInfoData,
+            timestamp: new Date().toISOString()
+        };
+        return createMCPSuccess({ message: 'Element inspection completed successfully', ...result });
+    }
+    catch (error) {
+        console.error('Element inspection error:', error);
+        return createMCPError('INSPECTION_ERROR', `Failed to inspect element: ${error instanceof Error ? error.message : String(error)}`, undefined, 'Check if Chrome is running with --remote-debugging-port=9222');
+    }
+}
+//# sourceMappingURL=inspect.js.map

package/dist/handlers/inspect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspect.js","sourceRoot":"","sources":["../../src/handlers/inspect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAgD/D,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,IAAiB;IACnD,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,aAAa,GAAG,IAAI,EAAE,iBAAiB,GAAG,IAAI,EAAE,eAAe,GAAG,KAAK,EAAE,QAAQ,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC;IAEjI,MAAM,UAAU,GAAG,oBAAoB,CAAC,WAAW,EAAE,CAAC;IAEtD,IAAI,CAAC;QACH,0CAA0C;QAC1C,MAAM,UAAU,GAAG,MAAM,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAExD,mCAAmC;QACnC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC7B,IAAI,YAAY,GAAG,KAAK,CAAC;QAEzB,OAAO,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,GAAG,OAAO,EAAE,CAAC;YACxC,MAAM,OAAO,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,kBAAkB,EAAE;gBACxD,UAAU,EAAE,2BAA2B,QAAQ,IAAI;aACpD,CAAC,CAAC;YAEH,IAAI,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;gBAC5E,YAAY,GAAG,IAAI,CAAC;gBACpB,MAAM;YACR,CAAC;YAED,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC;QACpE,CAAC;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO,cAAc,CAAC,mBAAmB,EAAE,oCAAoC,QAAQ,EAAE,CAAC,CAAC;QAC7F,CAAC;QAED,wCAAwC;QACxC,MAAM,WAAW,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC5D,UAAU,EAAE;kDACgC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAwF9C,aAAa,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE;YAClD,iBAAiB,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAAE;YAC9D,eAAe,CAAC,CAAC,CAAC,iDAAiD,CAAC,CAAC,CAAC,EAAE;;;;OAI7E;YACD,aAAa,EAAE,IAAI;SACpB,CAAC,CAAC;QAEH,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC;QAEjD,MAAM,MAAM,GAAkB;YAC5B,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,eAAe;YAC5B,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;SACpC,CAAC;QAEF,OAAO,gBAAgB,CAAC,EAAE,OAAO,EAAE,2CAA2C,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC;IAE/F,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAC;QAClD,OAAO,cAAc,CAAC,kBAAkB,EAAE,8BAA8B,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,8DAA8D,CAAC,CAAC;IAC/M,CAAC;AACH,CAAC"}

package/dist/handlers/screenshot.d.ts

@@ -0,0 +1,10 @@
+import type { MCPToolResponse } from '../types.js';
+interface ScreenshotArgs {
+    selector?: string;
+    format?: 'png' | 'jpeg' | 'webp';
+    quality?: number;
+    fullPage?: boolean;
+    timeout?: number;
+}
+export declare function handleScreenshot(args: ScreenshotArgs): Promise<MCPToolResponse>;
+export {};

package/dist/handlers/screenshot.js

@@ -0,0 +1,135 @@
+import { CDPConnectionManager } from '../cdp/connectionManager.js';
+import { createMCPError, createMCPSuccess } from '../types.js';
+export async function handleScreenshot(args) {
+    const { selector, format = 'png', quality = 80, fullPage = false, timeout = 10000 } = args;
+    const cdpManager = CDPConnectionManager.getInstance();
+    try {
+        // Connect to CDP if not already connected
+        const connection = await cdpManager.getConnection(9222);
+        // Wait for page to be ready if selector is specified
+        if (selector) {
+            const selectorStartTime = Date.now();
+            while (Date.now() - selectorStartTime < timeout) {
+                const result = await connection.send('Runtime.evaluate', {
+                    expression: `document.querySelector('${selector}') !== null`
+                });
+                if (result.result && result.result.value === true) {
+                    break;
+                }
+                await new Promise(resolve => setTimeout(resolve, 100, undefined));
+            }
+        }
+        // Take screenshot based on parameters
+        const screenshotParams = {
+            format: format,
+            quality: quality
+        };
+        if (fullPage) {
+            const metrics = await connection.send('Page.getLayoutMetrics');
+            if (metrics && metrics.cssLayoutViewport) {
+                screenshotParams.width = Math.ceil(metrics.cssLayoutViewport.clientWidth);
+                screenshotParams.height = Math.ceil(metrics.cssLayoutViewport.clientHeight);
+            }
+        }
+        let screenshotData;
+        let size;
+        if (selector) {
+            // Take screenshot of specific element
+            const elementInfo = await connection.send('Runtime.evaluate', {
+                expression: `
+          const element = document.querySelector('${selector}');
+          const rect = element.getBoundingClientRect();
+          {
+            x: rect.left,
+            y: rect.top,
+            width: rect.width,
+            height: rect.height,
+            scrollX: window.pageXOffset,
+            scrollY: window.pageYOffset
+          }
+        `,
+                returnByValue: true
+            });
+            const rect = elementInfo.result.value;
+            // Scroll to element if needed
+            await connection.send('Runtime.evaluate', {
+                expression: `
+          const element = document.querySelector('${selector}');
+          element.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' });
+        `
+            });
+            await new Promise(resolve => setTimeout(resolve, 500));
+            // Take screenshot of element
+            const screenshotResult = await connection.send('Page.captureScreenshot', {
+                ...screenshotParams,
+                clip: {
+                    x: rect.x,
+                    y: rect.y,
+                    width: rect.width,
+                    height: rect.height,
+                    scale: 1
+                }
+            });
+            screenshotData = screenshotResult.data;
+            size = {
+                width: rect.width,
+                height: rect.height
+            };
+        }
+        else {
+            // Take full page screenshot
+            const screenshotResult = await connection.send('Page.captureScreenshot', screenshotParams);
+            screenshotData = screenshotResult.data;
+            if (fullPage) {
+                // For full page, we need to get the actual dimensions
+                const metrics = await connection.send('Page.getLayoutMetrics');
+                if (metrics && metrics.cssLayoutViewport) {
+                    size = {
+                        width: Math.ceil(metrics.cssLayoutViewport.clientWidth),
+                        height: Math.ceil(metrics.cssLayoutViewport.clientHeight)
+                    };
+                }
+                else {
+                    size = {
+                        width: 1920, // Default fallback
+                        height: 1080 // Default fallback
+                    };
+                }
+            }
+            else {
+                // For viewport screenshot, we need to get viewport dimensions
+                const viewport = await connection.send('Page.getLayoutMetrics');
+                if (viewport && viewport.cssLayoutViewport) {
+                    size = {
+                        width: viewport.cssLayoutViewport.clientWidth,
+                        height: viewport.cssLayoutViewport.clientHeight
+                    };
+                }
+                else {
+                    size = {
+                        width: 1920, // Default fallback
+                        height: 1080 // Default fallback
+                    };
+                }
+            }
+        }
+        const result = {
+            screenshotSuccess: true,
+            format: format,
+            size: size,
+            selectorUsed: selector,
+            timestamp: new Date().toISOString()
+        };
+        // Return base64 encoded screenshot data
+        return createMCPSuccess({
+            message: 'Screenshot captured successfully',
+            ...result,
+            data: screenshotData
+        });
+    }
+    catch (error) {
+        console.error('Screenshot error:', error);
+        return createMCPError('SCREENSHOT_ERROR', `Failed to capture screenshot: ${error instanceof Error ? error.message : String(error)}`, undefined, 'Check if Chrome is running with --remote-debugging-port=9222');
+    }
+}
+//# sourceMappingURL=screenshot.js.map

package/dist/handlers/screenshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenshot.js","sourceRoot":"","sources":["../../src/handlers/screenshot.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -10,6 +10,11 @@ import { handleQuickPreview } from './handlers/quickPreview.js';
 import { handleCheckPageErrors } from './handlers/checkPageErrors.js';
 import { handleGetTypeScriptDiagnostics } from './handlers/typescriptDiagnostics.js';
 import { handleAutoFixLoop } from './handlers/autoFixLoop.js';
+import { handleClick } from './handlers/click.js';
+import { handleFill } from './handlers/fill.js';
+import { handleNavigate } from './navigate.js';
+import { handleScreenshot } from './handlers/screenshot.js';
+import { handleInspect } from './handlers/inspect.js';
 const server = new McpServer({
     name: 'frontend-preview',
     version: '1.0.0',
@@ -287,6 +292,216 @@ server.tool('auto_fix_loop', 'Automatically detect and fix frontend errors in an
     return { content };
 });
 // ============================================================
+// Tool: click
+// ============================================================
+server.tool('click', 'Click on a page element using CSS selector or XPath. ' +
+    'Supports left, right, and middle clicks with optional click count. ' +
+    'Waits for element to be available and clickable before performing the action.\n\n' +
+    'Returns { elementFound, elementClickable, clickSuccess, elementInfo, timestamp }.\n\n' +
+    'WHEN TO USE:\n' +
+    '- User wants to interact with page elements\n' +
+    '- Testing button clicks, link navigation\n' +
+    '- Automating form interactions\n\n' +
+    'PREREQUISITE:\n' +
+    '- Chrome must be running with --remote-debugging-port=9222\n' +
+    '- Page must be loaded before calling this tool\n\n' +
+    'AFTER THIS TOOL:\n' +
+    '- Check elementInfo for clicked element details\n' +
+    '- Use take_snapshot to verify page state after click', {
+    selector: z
+        .string()
+        .describe('CSS selector or XPath of the element to click (e.g., "#submit-btn", ".login-button", "//button[@id=\'submit\']")'),
+    timeout: z
+        .number()
+        .min(1000)
+        .max(30000)
+        .optional()
+        .describe('Milliseconds to wait for element availability. Defaults to 5000.'),
+    button: z
+        .enum(['left', 'right', 'middle'])
+        .optional()
+        .describe('Mouse button to use. Defaults to "left".'),
+    clickCount: z
+        .number()
+        .min(1)
+        .max(5)
+        .optional()
+        .describe('Number of times to click. Defaults to 1.'),
+}, async (args) => {
+    return await handleClick(args);
+});
+// ============================================================
+// Tool: fill
+// ============================================================
+server.tool('fill', 'Fill form input fields with specified values. ' +
+    'Supports text inputs, textareas, and select dropdowns. ' +
+    'Can clear fields first and add delays for React/Vue reactivity.\n\n' +
+    'Returns { elementFound, elementInputType, fillSuccess, elementInfo, timestamp }.\n\n' +
+    'WHEN TO USE:\n' +
+    '- User wants to fill out forms automatically\n' +
+    '- Testing form submissions\n' +
+    '- Automating data entry workflows\n\n' +
+    'PREREQUISITE:\n' +
+    '- Chrome must be running with --remote-debugging-port=9222\n' +
+    '- Page must be loaded before calling this tool\n\n' +
+    'AFTER THIS TOOL:\n' +
+    '- Verify fillSuccess to ensure value was set correctly\n' +
+    '- Use take_snapshot to check form state', {
+    selector: z
+        .string()
+        .describe('CSS selector of the input field to fill (e.g., "#username", "#email", ".form-input")'),
+    value: z
+        .string()
+        .describe('Value to set in the input field'),
+    timeout: z
+        .number()
+        .min(1000)
+        .max(30000)
+        .optional()
+        .describe('Milliseconds to wait for element availability. Defaults to 5000.'),
+    clearFirst: z
+        .boolean()
+        .optional()
+        .describe('Clear the field before filling. Defaults to true.'),
+    delay: z
+        .number()
+        .min(0)
+        .max(5000)
+        .optional()
+        .describe('Delay in milliseconds after filling to allow React/Vue reactivity. Defaults to 100.'),
+}, async (args) => {
+    return await handleFill(args);
+});
+// ============================================================
+// Tool: navigate
+// ============================================================
+server.tool('navigate', 'Navigate to a specific URL and wait for page load. ' +
+    'Supports different wait conditions and optional selector waiting.\n\n' +
+    'Returns { navigationSuccess, pageLoaded, loadTime, finalUrl, title, waitForSelectorFound, timestamp }.\n\n' +
+    'WHEN TO USE:\n' +
+    '- User wants to navigate to specific pages\n' +
+    '- Testing multi-page applications\n' +
+    '- Setting up page state before other actions\n\n' +
+    'PREREQUISITE:\n' +
+    '- Chrome must be running with --remote-debugging-port=9222\n\n' +
+    'AFTER THIS TOOL:\n' +
+    '- Use take_snapshot to verify page loaded correctly\n' +
+    '- Check loadTime for performance metrics\n' +
+    '- Use other tools to interact with the loaded page', {
+    url: z
+        .string()
+        .describe('URL to navigate to (e.g., "https://example.com", "/dashboard")'),
+    timeout: z
+        .number()
+        .min(1000)
+        .max(60000)
+        .optional()
+        .describe('Milliseconds to wait for navigation. Defaults to 10000.'),
+    waitUntil: z
+        .enum(['load', 'domcontentloaded', 'networkidle', 'commit'])
+        .optional()
+        .describe('When to consider navigation complete. Defaults to "load".'),
+    waitForSelector: z
+        .string()
+        .optional()
+        .describe('Optional CSS selector to wait for after navigation.'),
+}, async (args) => {
+    return await handleNavigate(args);
+});
+// ============================================================
+// Tool: screenshot
+// ============================================================
+server.tool('screenshot', 'Capture screenshots of the page or specific elements. ' +
+    'Supports full page, viewport, and element-specific screenshots. ' +
+    'Multiple formats and quality options available.\n\n' +
+    'Returns { screenshotSuccess, format, size, selectorUsed, timestamp, data }.\n\n' +
+    'WHEN TO USE:\n' +
+    '- User wants visual documentation of page state\n' +
+    -'Capturing error states or UI issues\n' +
+    '- Creating visual test reports\n\n' +
+    'PREREQUISITE:\n' +
+    '- Chrome must be running with --remote-debugging-port=9222\n' +
+    '- Page must be loaded before calling this tool\n\n' +
+    'AFTER THIS TOOL:\n' +
+    '- Use base64 data to save or display the screenshot\n' +
+    '- Check size for dimension information\n' +
+    '- Combine with element inspection for detailed UI analysis', {
+    selector: z
+        .string()
+        .optional()
+        .describe('Optional CSS selector of element to screenshot. If omitted, captures full page or viewport.'),
+    format: z
+        .enum(['png', 'jpeg', 'webp'])
+        .optional()
+        .describe('Image format. Defaults to "png".'),
+    quality: z
+        .number()
+        .min(0)
+        .max(100)
+        .optional()
+        .describe('Image quality (0-100). Only applies to JPEG/WebP. Defaults to 80.'),
+    fullPage: z
+        .boolean()
+        .optional()
+        .describe('Capture full page instead of viewport. Defaults to false.'),
+    timeout: z
+        .number()
+        .min(1000)
+        .max(30000)
+        .optional()
+        .describe('Milliseconds to wait for element availability if selector is specified. Defaults to 10000.'),
+}, async (args) => {
+    return await handleScreenshot(args);
+});
+// ============================================================
+// Tool: inspect
+// ============================================================
+server.tool('inspect', 'Get detailed information about a page element. ' +
+    'Returns comprehensive element data including attributes, styles, ' +
+    'position, children, and accessibility information.\n\n' +
+    'Returns { elementFound, elementInfo, timestamp }.\n\n' +
+    'WHEN TO USE:\n' +
+    '- User wants detailed element information for debugging\n' +
+    '- Understanding page structure and element properties\n' +
+    '- Debugging CSS styling and layout issues\n\n' +
+    'PREREQUISITE:\n' +
+    '- Chrome must be running with --remote-debugging-port=9222\n' +
+    '- Page must be loaded before calling this tool\n\n' +
+    'AFTER THIS TOOL:\n' +
+    '- Use elementInfo for detailed debugging\n' +
+    '- Combine with screenshot to understand visual context\n' +
+    '- Use for CSS debugging and layout analysis', {
+    selector: z
+        .string()
+        .describe('CSS selector or XPath of element to inspect (e.g., ".header", "#main-content", "//div[@class=\'container\']")'),
+    timeout: z
+        .number()
+        .min(1000)
+        .max(30000)
+        .optional()
+        .describe('Milliseconds to wait for element availability. Defaults to 5000.'),
+    includeStyles: z
+        .boolean()
+        .optional()
+        .describe('Include computed CSS styles. Defaults to true.'),
+    includeAttributes: z
+        .boolean()
+        .optional()
+        .describe('Include element attributes. Defaults to true.'),
+    includeChildren: z
+        .boolean()
+        .optional()
+        .describe('Include child elements. Defaults to false.'),
+    maxDepth: z
+        .number()
+        .min(0)
+        .max(5)
+        .optional()
+        .describe('Maximum depth for children traversal. Defaults to 2.'),
+}, async (args) => {
+    return await handleInspect(args);
+});
+// ============================================================
 // Server startup
 // ============================================================
 export async function main() {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/navigate.d.ts

@@ -0,0 +1,9 @@
+import type { MCPToolResponse } from './types.js';
+interface NavigateArgs {
+    url: string;
+    timeout?: number;
+    waitUntil?: 'load' | 'domcontentloaded' | 'networkidle' | 'commit';
+    waitForSelector?: string;
+}
+export declare function handleNavigate(args: NavigateArgs): Promise<MCPToolResponse>;
+export {};

package/dist/navigate.js

@@ -0,0 +1,78 @@
+import { CDPConnectionManager } from './cdp/connectionManager.js';
+import { createMCPError, createMCPSuccess } from './types.js';
+export async function handleNavigate(args) {
+    const { url, timeout = 10000, waitUntil = 'load', waitForSelector } = args;
+    const cdpManager = CDPConnectionManager.getInstance();
+    try {
+        // Connect to CDP if not already connected
+        const connection = await cdpManager.getConnection(9222);
+        const startTime = Date.now();
+        // Navigate to the URL
+        await connection.send('Page.navigate', {
+            url: url
+        });
+        // Wait for page load based on waitUntil parameter
+        let pageLoaded = false;
+        const loadTimeout = timeout;
+        const loadStartTime = Date.now();
+        while (Date.now() - loadStartTime < loadTimeout) {
+            const result = await connection.send('Page.getNavigationHistory');
+            if (result.entries && result.entries.length > 0) {
+                const currentEntry = result.entries[result.currentIndex];
+                if (currentEntry.url === url) {
+                    pageLoaded = true;
+                    break;
+                }
+            }
+            await new Promise(resolve => setTimeout(resolve, 100, undefined));
+        }
+        if (!pageLoaded) {
+            return createMCPError('TIMEOUT', `Navigation to ${url} timed out after ${timeout}ms`, undefined, 'Check if the page is loading properly');
+        }
+        // Wait for additional conditions if specified
+        let waitForSelectorFound = false;
+        if (waitForSelector) {
+            const selectorTimeout = Math.min(5000, timeout - (Date.now() - loadStartTime));
+            const selectorStartTime = Date.now();
+            while (Date.now() - selectorStartTime < selectorTimeout) {
+                const result = await connection.send('Runtime.evaluate', {
+                    expression: `document.querySelector('${waitForSelector}') !== null`
+                });
+                if (result.result && result.result.value === true) {
+                    waitForSelectorFound = true;
+                    break;
+                }
+                await new Promise(resolve => setTimeout(resolve, 100, undefined));
+            }
+        }
+        // Get final page info
+        const pageInfo = await connection.send('Runtime.evaluate', {
+            expression: `
+        {
+          url: window.location.href,
+          title: document.title,
+          readyState: document.readyState,
+          loadTime: Date.now() - ${startTime}
+        }
+      `,
+            returnByValue: true
+        });
+        const pageInfoData = pageInfo.result.value;
+        const loadTime = Date.now() - startTime;
+        const result = {
+            navigationSuccess: true,
+            pageLoaded: pageLoaded,
+            loadTime: loadTime,
+            finalUrl: pageInfoData.url,
+            title: pageInfoData.title,
+            waitForSelectorFound: waitForSelectorFound,
+            timestamp: new Date().toISOString()
+        };
+        return createMCPSuccess({ message: 'Navigation completed successfully', ...result });
+    }
+    catch (error) {
+        console.error('Navigation error:', error);
+        return createMCPError('PAGE_NAVIGATION_FAILED', `Failed to navigate to ${url}: ${error instanceof Error ? error.message : String(error)}`, undefined, 'Check if Chrome is running with --remote-debugging-port=9222');
+    }
+}
+//# sourceMappingURL=navigate.js.map

package/dist/navigate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigate.js","sourceRoot":"","sources":["../src/navigate.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -28,7 +28,7 @@ export interface ToolContext {
     port?: number;
     cdpPort?: number;
 }
-export type MCPErrorCode = 'FRAMEWORK_NOT_DETECTED' | 'DEV_SERVER_START_FAILED' | 'CDP_CONNECTION_FAILED' | 'PAGE_NAVIGATION_FAILED' | 'TYPE_CHECK_FAILED' | 'CONFIG_NOT_FOUND' | 'INVALID_PROJECT_DIR' | 'PORT_IN_USE' | 'TIMEOUT' | 'UNKNOWN_ERROR';
+export type MCPErrorCode = 'FRAMEWORK_NOT_DETECTED' | 'DEV_SERVER_START_FAILED' | 'CDP_CONNECTION_FAILED' | 'PAGE_NAVIGATION_FAILED' | 'TYPE_CHECK_FAILED' | 'CONFIG_NOT_FOUND' | 'INVALID_PROJECT_DIR' | 'PORT_IN_USE' | 'TIMEOUT' | 'UNKNOWN_ERROR' | 'ELEMENT_NOT_FOUND' | 'ELEMENT_NOT_CLICKABLE' | 'ELEMENT_NOT_INPUT' | 'CLICK_ERROR' | 'FILL_ERROR' | 'NAVIGATION_ERROR' | 'SCREENSHOT_ERROR' | 'INSPECTION_ERROR' | 'VALUE_SET_FAILED';
 export interface MCPError {
     code: MCPErrorCode;
     message: string;

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAsDA,MAAM,UAAU,cAAc,CAC5B,IAAkB,EAClB,OAAe,EACf,OAAiB,EACjB,UAAmB;IAEnB,OAAO;QACL,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;aACjF;SACF;QACD,OAAO,EAAE,IAAI;KACd,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAa;IAC5C,OAAO;QACL,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;aACpC;SACF;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AA+DA,MAAM,UAAU,cAAc,CAC5B,IAAkB,EAClB,OAAe,EACf,OAAiB,EACjB,UAAmB;IAEnB,OAAO;QACL,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;aACjF;SACF;QACD,OAAO,EAAE,IAAI;KACd,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAa;IAC5C,OAAO;QACL,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;aACpC;SACF;KACF,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sudu-cli/fronted-preview-mcp",
-  "version": "1.0.0-beta.5",
-  "description": "MCP server for frontend project detection, dev server management, and preview workflow. Pairs with chrome-devtools-mcp for automated frontend checking.",
+  "version": "1.0.0-beta.6",
+  "description": "MCP server for frontend project detection, dev server management, preview workflow, and browser automation. Includes click, fill, navigate, screenshot, and inspect tools for comprehensive frontend testing and automation.",
   "type": "module",
   "main": "dist/index.js",
   "bin": {