webMCP Extension

// Interact with webMCP extension programmatically
chrome.runtime.sendMessage('webmcp-extension-id', {
  action: 'scanPage',
  options: { 
    includeHidden: true,
    targetModel: 'gpt-4o',
    compressionLevel: 'advanced'
  }
}, (response) => {
  if (response.success) {
    console.log('Elements found:', response.elements.length);
    console.log('Token reduction:', response.optimization.tokenReduction);
  }
});

// Detect webMCP elements on page load
document.addEventListener('DOMContentLoaded', () => {
  const webmcpElements = document.querySelectorAll('[data-webmcp-role]');
  
  webmcpElements.forEach(element => {
    // Add visual indicators
    element.classList.add('webmcp-detected');
    
    // Add tooltip with element info
    const tooltip = document.createElement('div');
    tooltip.className = 'webmcp-tooltip';
    tooltip.textContent = element.dataset.webmcpRole;
    element.appendChild(tooltip);
  });
  
  // Notify extension
  chrome.runtime.sendMessage({
    action: 'elementsDetected',
    count: webmcpElements.length
  });
});

// Export optimized webMCP configuration
function exportWebMCPConfig(format = 'json') {
  const elements = document.querySelectorAll('[data-webmcp-role]');
  const config = {
    version: '0.2',
    page: {
      url: window.location.href,
      title: document.title,
      goal: 'User interaction optimization'
    },
    elements: Array.from(elements).map(el => ({
      selector: generateSelector(el),
      role: el.dataset.webmcpRole,
      name: el.dataset.webmcpName || el.name || el.id,
      priority: el.dataset.webmcpPriority || 'medium',
      validation: el.dataset.webmcpValidation
    }))
  };
  
  const blob = new Blob([JSON.stringify(config, null, 2)], {
    type: 'application/json'
  });
  
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url;
  a.download = `webmcp-config.${format}`;
  a.click();
}