ClipDeck Mode Toggle — Per-tab pause / resume

// background.js — toggle helper + badge refresh + content-script gate response
async function togglePauseForTab(tabId) {
  const { pausedTabs = [] } = await chrome.storage.local.get("pausedTabs");
  const isPaused = pausedTabs.includes(tabId);
  const next = isPaused ? pausedTabs.filter((t) => t !== tabId) : [...pausedTabs, tabId];
  await chrome.storage.local.set({ pausedTabs: next });
  await refreshBadgeForTab(tabId);
  return !isPaused;
}

async function refreshBadgeForTab(tabId) {
  const { pausedTabs = [], clips = [] } = await chrome.storage.local.get([
    "pausedTabs",
    "clips",
  ]);
  if (pausedTabs.includes(tabId)) {
    await chrome.action.setBadgeText({ tabId, text: "II" });
    await chrome.action.setBadgeBackgroundColor({ tabId, color: "#666" });
    await chrome.action.setTitle({ tabId, title: "ClipDeck — paused on this tab" });
    return;
  }
  // Active path — 오늘 clip count 표시 (global, per-tab 아님).
  const todayStart = new Date(); todayStart.setHours(0, 0, 0, 0);
  const todayCount = clips.filter((c) => c.savedAt >= todayStart.getTime()).length;
  await chrome.action.setBadgeText({
    tabId,
    text: todayCount === 0 ? "" : String(todayCount > 999 ? "999+" : todayCount),
  });
  await chrome.action.setBadgeBackgroundColor({ tabId, color: "#1a6bd6" });
  await chrome.action.setTitle({
    tabId,
    title: todayCount === 0 ? "ClipDeck" : `ClipDeck — ${todayCount} clips today`,
  });
}

chrome.tabs.onActivated.addListener(({ tabId }) => refreshBadgeForTab(tabId));
chrome.tabs.onUpdated.addListener((tabId, info) => {
  if (info.status === "complete") refreshBadgeForTab(tabId);
});
chrome.tabs.onRemoved.addListener(async (tabId) => {
  const { pausedTabs = [] } = await chrome.storage.local.get("pausedTabs");
  if (pausedTabs.includes(tabId)) {
    await chrome.storage.local.set({ pausedTabs: pausedTabs.filter((t) => t !== tabId) });
  }
});

// Lesson 4 의 toggle-pause 키보드 command wire
chrome.commands.onCommand.addListener(async (command) => {
  if (command !== "toggle-pause") return;
  const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
  if (tab?.id) await togglePauseForTab(tab.id);
});

// popup.js — Pause 버튼을 SW-side helper 에 wire
document.getElementById("pauseBtn").addEventListener("click", async () => {
  const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
  if (!tab?.id) return;
  await chrome.runtime.sendMessage({ type: "togglePause", tabId: tab.id });
});

async function refreshPauseLabel() {
  const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
  const { pausedTabs = [] } = await chrome.storage.local.get("pausedTabs");
  const paused = tab?.id ? pausedTabs.includes(tab.id) : false;
  document.getElementById("pauseBtn").textContent = paused
    ? "Resume on this tab"
    : "Pause on this tab";
}

chrome.storage.onChanged.addListener((c, a) => {
  if (a === "local" && "pausedTabs" in c) refreshPauseLabel();
});

refreshPauseLabel();

// background.js 에서 메시지 route:
// chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
//   if (message?.type !== 'togglePause') return;
//   (async () => {
//     await togglePauseForTab(message.tabId);
//     sendResponse({ ok: true });
//   })();
//   return true;
// });

// content.js — captureSelection 응답 전 pause state 존중
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  if (message?.type !== "captureSelection") return;
  (async () => {
    // 어느 tab 인지 SW 한테 물어보기; content script 가 자기 tabId 직접 모름.
    // SW 는 chrome.tabs.query({active:true,currentWindow:true}) 에서 앎.
    const { pausedTabs = [] } = await chrome.storage.local.get("pausedTabs");
    // tabId 없이 가장 단순한 gate: SW 가 chrome.tabs.sendMessage 호출 전
    // 이미 paused tab filter. 하지만 세 번째 trigger (floating 버튼) 가
    // SW 우회하면, content script 가 자기 tab id round-trip 통해 query 해서
    // 여전히 확인 가능 — v1 에는 SW-side gate 만으로 충분.
    const selection = window.getSelection();
    const text = selection?.toString() ?? "";
    if (!text.trim()) {
      sendResponse({ ok: false, reason: "no-selection" });
      return;
    }
    sendResponse({
      ok: true,
      payload: { text, url: location.href, title: document.title },
    });
  })();
  return true;
});

// SW-side gate (background.js — 기존 save-clip handler 교체):
// chrome.commands.onCommand.addListener(async (command) => {
//   if (command !== 'save-clip') return;
//   const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
//   if (!tab?.id) return;
//   const { pausedTabs = [] } = await chrome.storage.local.get('pausedTabs');
//   if (pausedTabs.includes(tab.id)) {
//     console.log('[ClipDeck SW] paused on tab', tab.id, 'ignoring save-clip');
//     return;
//   }
//   // ...기존 save flow...
// });