test-react-component.js

const axios = require('axios');
const fs = require('fs');

async function testReactComponentGeneration() {
  try {
    const initResponse = await axios.post('http://localhost:9451/', {
      jsonrpc: "2.0",
      id: 1,
      method: "initialize",
      params: {
        protocolVersion: "2024-11-05",
        capabilities: {},
        clientInfo: {
          name: "test-client",
          version: "1.0.0"
        }
      }
    }, {
      headers: {
        'Content-Type': 'application/json',
        'Accept': 'application/json, text/event-stream',
        'MCP-Protocol-Version': '2024-11-05'
      }
    });
    
    await axios.post('http://localhost:9451/', {
      jsonrpc: "2.0",
      method: "notifications/initialized"
    }, {
      headers: {
        'Content-Type': 'application/json',
        'Accept': 'application/json, text/event-stream',
        'MCP-Protocol-Version': '2024-11-05'
      }
    });
    
    console.log('Testing React component generation mode...');
    const imageBuffer = fs.readFileSync('/Users/alex/node/fly-eye/visara/6d2649b2-7b30-4150-a668-0da27477b021.png');
    const base64Image = imageBuffer.toString('base64');
    
    const analyzeResponse = await axios.post('http://localhost:9451/', {
      jsonrpc: "2.0",
      id: 2,
      method: "tools/call",
      params: {
        name: "analyze_image",
        arguments: {
          image: base64Image,
          prompt: "react_component_generation"
        }
      }
    }, {
      headers: {
        'Content-Type': 'application/json',
        'Accept': 'application/json, text/event-stream',
        'MCP-Protocol-Version': '2024-11-05'
      }
    });
    
    const responseText = analyzeResponse.data;
    const lines = responseText.split('\n');
    const dataLine = lines.find(line => line.startsWith('data:'));
    if (dataLine) {
      const jsonData = JSON.parse(dataLine.substring(5));
      console.log('✅ React component generation successful!');
      console.log('📝 Result preview:', jsonData.result.content[0].text.substring(0, 300) + '...');
    } else {
      console.log('❌ Could not parse response');
    }
    
  } catch (error) {
    console.error('Error:', error.response?.data || error.message);
  }
}

testReactComponentGeneration();