options.js

const CONFIG_KEY = "settings";

const defaults = {
  patterns: [],
  timeoutMessage: "Time's up. Get back to what matters.",
  defaultDurationMinutes: 20
};

async function loadSettings() {
  const data = await browser.storage.local.get(CONFIG_KEY);
  const settings = {
    ...defaults,
    ...(data[CONFIG_KEY] || {})
  };

  document.getElementById("patterns").value = settings.patterns.join("\n");
  document.getElementById("timeoutMessage").value = settings.timeoutMessage;
  document.getElementById("defaultDuration").value = settings.defaultDurationMinutes;
}

function validatePatterns(lines) {
  for (const raw of lines) {
    const pattern = raw.trim();
    if (!pattern) {
      continue;
    }

    if (pattern.toLowerCase().startsWith("regex:")) {
      const regexBody = pattern.slice("regex:".length).trim();
      try {
        // Validate regex ahead of saving.
        new RegExp(regexBody);
      } catch (err) {
        return `Invalid regex pattern: ${pattern}`;
      }
    }
  }

  return null;
}

async function saveSettings() {
  const status = document.getElementById("status");
  const rawPatterns = document.getElementById("patterns").value;
  const timeoutMessage = document.getElementById("timeoutMessage").value.trim();
  const defaultDurationMinutes = Number(document.getElementById("defaultDuration").value);

  const patterns = rawPatterns
    .split("\n")
    .map((item) => item.trim())
    .filter(Boolean);

  const patternError = validatePatterns(patterns);
  if (patternError) {
    status.textContent = patternError;
    status.style.color = "#b40f24";
    return;
  }

  if (!Number.isFinite(defaultDurationMinutes) || defaultDurationMinutes <= 0) {
    status.textContent = "Default duration must be a positive number.";
    status.style.color = "#b40f24";
    return;
  }

  await browser.storage.local.set({
    [CONFIG_KEY]: {
      patterns,
      timeoutMessage: timeoutMessage || defaults.timeoutMessage,
      defaultDurationMinutes: Math.floor(defaultDurationMinutes)
    }
  });

  status.textContent = "Settings saved.";
  status.style.color = "#13612d";
}

document.getElementById("saveBtn").addEventListener("click", saveSettings);
loadSettings();