popup.js

document.getElementById('summarizeBtn').addEventListener('click', async () => {
  const inputText = document.getElementById('inputText').value;
  let textToSummarize = inputText;

  // If no input text, fetch the current webpage's content
  if (!inputText) {
    try {
      const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
      const result = await chrome.scripting.executeScript({
        target: { tabId: tab.id },
        func: () => document.body.innerText
      });

      // Debugging: Log the fetched text
      console.log("Fetched webpage content:", result[0].result);

      textToSummarize = result[0].result;

      // Check if the fetched text is empty or too short
      if (!textToSummarize || textToSummarize.trim().length < 10) {
        document.getElementById('result').innerText = "Error: The webpage content is too short or empty.";
        return;
      }
    } catch (error) {
      console.error("Error fetching webpage content:", error);
      document.getElementById('result').innerText = "Error: Unable to fetch webpage content.";
      return;
    }
  }

  // Show loading message
  document.getElementById('result').innerText = "Summarizing...";

  // Send the text to the Flask backend
  try {
    const response = await fetch('http://127.0.0.1:5000/summarize', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ text: textToSummarize })
    });
    const data = await response.json();

    // Display the summary or error message
    if (data.summary) {
      document.getElementById('result').innerText = data.summary;
    } else {
      document.getElementById('result').innerText = "Error: " + (data.error || "Unable to summarize.");
    }
  } catch (error) {
    console.error("Error:", error); // Log the error to the console
    document.getElementById('result').innerText = "Error: Failed to connect to the server.";
  }
});