Monitor screen

let isMonitoring = false;

async function monitorScreen() {
  if (!isMonitoring) return;
  
  try {
    // Capture screen using browser API
    const stream = await navigator.mediaDevices.getDisplayMedia({
      video: { mediaSource: 'screen' }
    });
    
    // Create screenshot from stream
    const video = document.createElement('video');
    video.srcObject = stream;
    await video.play();
    
    const canvas = document.createElement('canvas');
    canvas.width = video.videoWidth;
    canvas.height = video.videoHeight;
    canvas.getContext('2d').drawImage(video, 0, 0);
    
    // Convert to blob and send to API
    canvas.toBlob(async (blob) => {
      const formData = new FormData();
      formData.append('image', blob);
      
      const response = await fetch('http://localhost:3000/monitor_screen', {
        method: 'POST',
        headers: { 'X-API-Key': apiKey },
        body: formData
      });
      
      const data = await response.json();
      if (data.detected) {
        displayAnswers(data.answers);
      }
      
      // Stop tracks to free resources
      stream.getTracks().forEach(track => track.stop());
      
      // Continue monitoring after 5 seconds
      setTimeout(monitorScreen, 5000);
    });
  } catch (error) {
    console.error('Monitoring error:', error);
    setTimeout(monitorScreen, 5000);
  }
}

// Start monitoring
isMonitoring = true;
monitorScreen();