ClipDeck Mode Toggle — Per-Tab Pause and 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 — show today's clip count (global, not 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) });
  }
});

// Wire up the toggle-pause keyboard command from Lesson 4
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 — wire the Pause button to the SW-side helper
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();

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

// content.js — respect the pause state before responding to captureSelection
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  if (message?.type !== "captureSelection") return;
  (async () => {
    // Ask the SW which tab we are; content script doesn't know its own tabId directly.
    // The SW knows from chrome.tabs.query({active:true,currentWindow:true}).
    const { pausedTabs = [] } = await chrome.storage.local.get("pausedTabs");
    // Without tabId, the simplest gate: SW already filters paused tabs before
    // calling chrome.tabs.sendMessage. But if a third trigger (the floating
    // button) bypasses the SW, the content script can still check by querying
    // its own tab id through a round-trip — for v1, the SW-side gate is enough.
    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 — replace the existing 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;
//   }
//   // ...existing save flow...
// });