popup.js

document.addEventListener("DOMContentLoaded", () => {
    const portInput = document.getElementById("port");
    const passInput = document.getElementById("password");
    const sceneInput = document.getElementById("scene");
    const sourceInput = document.getElementById("source");
    const saveBtn = document.getElementById("saveBtn");
    const statusText = document.getElementById("status");

    // Load saved settings
    chrome.storage.local.get(
        ["obsPort", "obsPass", "obsScene", "obsSource"],
        (data) => {
            portInput.value = data.obsPort || "4455";
            passInput.value = data.obsPass || "";
            sceneInput.value = data.obsScene || "";
            sourceInput.value = data.obsSource || "";
        },
    );

    saveBtn.addEventListener("click", () => {
        chrome.storage.local.set(
            {
                obsPort: portInput.value.trim(),
                obsPass: passInput.value,
                obsScene: sceneInput.value.trim(),
                obsSource: sourceInput.value.trim(),
            },
            () => {
                statusText.style.color = "#00ffcc";
                statusText.innerText =
                    "Settings Saved! Background script is connecting...";
            },
        );
    });
});