ClipDeck Save Clip — CRUD-C 도착

{
  "manifest_version": 3,
  "name": "ClipDeck",
  "version": "0.5.0",
  "action": { "default_popup": "popup.html" },
  "background": { "service_worker": "background.js" },
  "permissions": ["storage", "tabs", "scripting", "activeTab"],
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "exclude_matches": ["https://*.bank.com/*", "https://accounts.google.com/*"],
      "js": ["content.js"],
      "run_at": "document_idle"
    }
  ],
  "commands": {
    "save-clip": {
      "suggested_key": { "default": "Ctrl+Shift+K", "mac": "Command+Shift+K" },
      "description": "Save the current text selection to ClipDeck"
    }
  },
  "icons": { "16": "icons/16.png", "48": "icons/48.png", "128": "icons/128.png" }
}

// background.js — hotkey bind, content script 에 message, storage write
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;

  let response;
  try {
    response = await chrome.tabs.sendMessage(tab.id, { type: "captureSelection" });
  } catch (err) {
    console.warn("[ClipDeck SW] no content script on this page:", err.message);
    return;
  }
  if (!response?.ok || !response.payload?.text) return;

  const clip = {
    id: crypto.randomUUID(),
    text: response.payload.text.trim(),
    url: response.payload.url,
    title: response.payload.title,
    savedAt: Date.now(),
  };

  const next = await mutateLocal(["clips"], ({ clips = [] }) => ({
    clips: [clip, ...clips],
  }));
  console.log("[ClipDeck SW] saved clip", clip.id, "now", next.clips.length, "total");
});

// 기존 message handler 경로: 버튼이나 popup-driven save 가
// chrome.runtime.onMessage 로 {type:'saveClip', payload:{...}} 받음.
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  if (message?.type !== "saveClip") return;
  (async () => {
    const clip = {
      id: crypto.randomUUID(),
      text: message.payload.text.trim(),
      url: message.payload.url,
      title: message.payload.title ?? "",
      savedAt: Date.now(),
    };
    await mutateLocal(["clips"], ({ clips = [] }) => ({
      clips: [clip, ...clips],
    }));
    sendResponse({ ok: true, id: clip.id });
  })();
  return true;
});

// content.js — captureSelection 에 현재 selection payload 로 응답
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  if (message?.type !== "captureSelection") return;
  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,
    },
  });
});

// (Lesson 4 의 MutationObserver 버튼 코드는 유지 가능 — chrome.runtime.sendMessage
// 통해 SW 를 때리는 visible 대안 trigger 제공.)