popup.js

const spinner = document.getElementById("spinner");
const summaryContainer = document.getElementById("summaryContainer");

const summaryContent = document.getElementById("summaryContent");
const summaryURL = document.getElementById("summaryURL");
const summaryTitle = document.getElementById("summaryTitle");

const buttonContainer = document.getElementById("buttonContainer");

const saveOrgBtn = document.getElementById("saveSummaryOrg");
const saveRoamBtn = document.getElementById("saveSummaryRoam");
const saveClockedBtn = document.getElementById("saveSummaryClocked");
const saveJournalBtn = document.getElementById("saveSummaryJournal");
const saveElfeedBtn = document.getElementById("saveSummaryCurrentElfeed");


function escapeIt(text) {
    return encodeURIComponent(text)
        .replace(/\(/g, "%28") // Escape '('
        .replace(/\)/g, "%29") // Escape ')'
        .replace(/'/g, "%27") // Escape "'"
        .replace(/\n/g, "%0A");
}

saveElfeedBtn.addEventListener("click", () => {
    saveElfeedBtn.disabled = true;
    chrome.runtime.sendMessage({
        "action": "saveElfeed",
        "content": escapeIt(summaryContent.textContent),
        "url": summaryURL.textContent,
        "title": summaryTitle.textContent,
    });
});

saveJournalBtn.addEventListener("click", () => {
    saveJournalBtn.disabled = true;
    chrome.runtime.sendMessage({
        "action": "saveJournal",
        "content": escapeIt(summaryContent.textContent),
        "url": summaryURL.textContent,
        "title": summaryTitle.textContent,
    });
});

saveClockedBtn.addEventListener("click", () => {
    saveClockedBtn.disabled = true;
    chrome.runtime.sendMessage({
        "action": "saveClocked",
        "content": escapeIt(summaryContent.textContent),
        "url": summaryURL.textContent,
        "title": summaryTitle.textContent,
    });
});


saveOrgBtn.addEventListener("click", () => {
    saveOrgBtn.disabled = true;
    chrome.runtime.sendMessage({
        "action": "saveOrg",
        "content": escapeIt(summaryContent.textContent),
        "url": summaryURL.textContent,
        "title": summaryTitle.textContent,
    });
});

saveRoamBtn.addEventListener("click", () => {
    saveRoamBtn.disabled = true;
    chrome.runtime.sendMessage({
        "action": "saveRoam",
        "content": escapeIt(summaryContent.textContent),
        "url": summaryURL.textContent,
        "title": summaryTitle.textContent,
    });
});


chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
    // 1. Prepare UI when streaming starts
    if (request.action === "streamStart") {
        spinner.style.display = "flex";
        summaryContainer.style.display = "none";
        buttonContainer.style.display = "none";

        // Make sure it's visible
        setTimeout(() => {
            summaryContainer.style.opacity = "1";
        }, 100);

        // Clear previous content and set title/url placeholders if needed
        summaryContent.textContent = "";
        // You might want to pass title/url in streamStart or set them earlier, 
        // but often they are set at the end. For better UX, you could set them here if you have them.

        summaryContent.contentEditable = "false";
    }

    // 2. Append text as it arrives
    if (request.action === "streamChunk") {
        // Append the new chunk to the existing text
        if (summaryContent.textContent === "") {
            spinner.style.display = "none";
            summaryContainer.style.display = "block";
        }
        summaryContent.textContent += request.chunk;
    }

    // 3. Existing completion handler (Keep your existing logic here)
    if (request.action === "apiRequestCompleted") {
        spinner.style.display = "none";

        if (request.success) {
            // Ensure the final text matches exactly what was saved
            summaryContent.textContent = request.summary;
            summaryContent.contentEditable = "true";
            summaryURL.textContent = request.url;
            summaryTitle.textContent = request.title;

            summaryContainer.style.display = "block";
            buttonContainer.style.display = "block";

            setTimeout(() => {
                summaryContainer.style.opacity = "1";
            }, 100);

            sendResponse({
                status: "success",
                message: "Data processed."
            });
        } else {
            sendResponse({
                status: "error",
                message: "Failed."
            });
        }
    }
});


chrome.runtime.sendMessage({
    action: "capture",
});