options.js

const DEFAULT_SETTINGS = {
  v2exApiBaseUrl: "https://www.v2ex.com/api",
  baseUrl: "https://api.openai.com/v1",
  apiKey: "",
  model: "gpt-4o-mini",
  temperature: 0.2,
  maxViewpoints: 5,
  minRawCommentsThreshold: 10
};

async function restore() {
  const settings = await chrome.storage.sync.get(DEFAULT_SETTINGS);
  document.getElementById("v2exApiBaseUrl").value = settings.v2exApiBaseUrl;
  document.getElementById("baseUrl").value = settings.baseUrl;
  document.getElementById("apiKey").value = settings.apiKey;
  document.getElementById("model").value = settings.model;
  document.getElementById("temperature").value = settings.temperature;
  document.getElementById("maxViewpoints").value = settings.maxViewpoints;
  document.getElementById("minRawCommentsThreshold").value = settings.minRawCommentsThreshold;
}

async function save() {
  const status = document.getElementById("status");
  const nextSettings = {
    v2exApiBaseUrl:
      document.getElementById("v2exApiBaseUrl").value.trim() || DEFAULT_SETTINGS.v2exApiBaseUrl,
    baseUrl: document.getElementById("baseUrl").value.trim() || DEFAULT_SETTINGS.baseUrl,
    apiKey: document.getElementById("apiKey").value.trim(),
    model: document.getElementById("model").value.trim() || DEFAULT_SETTINGS.model,
    temperature: Number(document.getElementById("temperature").value || DEFAULT_SETTINGS.temperature),
    maxViewpoints: Number(document.getElementById("maxViewpoints").value || DEFAULT_SETTINGS.maxViewpoints),
    minRawCommentsThreshold: Number(
      document.getElementById("minRawCommentsThreshold").value || DEFAULT_SETTINGS.minRawCommentsThreshold
    )
  };

  if (nextSettings.temperature < 0 || nextSettings.temperature > 2) {
    status.textContent = "temperature 必须在 0~2 之间";
    status.style.color = "#b91c1c";
    return;
  }

  if (nextSettings.maxViewpoints < 1 || nextSettings.maxViewpoints > 12) {
    status.textContent = "最大观点数量必须在 1~12 之间";
    status.style.color = "#b91c1c";
    return;
  }

  if (nextSettings.minRawCommentsThreshold < 0 || nextSettings.minRawCommentsThreshold > 500) {
    status.textContent = "分析阈值必须在 0~500 之间";
    status.style.color = "#b91c1c";
    return;
  }

  await chrome.storage.sync.set(nextSettings);
  status.textContent = "设置已保存。";
  status.style.color = "#065f46";
}

document.getElementById("saveBtn").addEventListener("click", save);
document.addEventListener("DOMContentLoaded", restore);