OFCode-dev
diff --git a/‎icon-128.png‎
208 KB b/‎icon-128.png‎
208 KB
diff --git a/‎icon-16.png‎
40.3 KB b/‎icon-16.png‎
40.3 KB
diff --git a/‎icon-48.png‎
131 KB b/‎icon-48.png‎
131 KB
diff --git a/‎manifest.json‎
Lines changed: 22 additions & 0 deletions b/‎manifest.json‎
Lines changed: 22 additions & 0 deletions
diff --git a/‎popup.html‎
Lines changed: 17 additions & 0 deletions b/‎popup.html‎
Lines changed: 17 additions & 0 deletions
diff --git a/‎popup.js‎
Lines changed: 26 additions & 0 deletions b/‎popup.js‎
Lines changed: 26 additions & 0 deletions
diff --git a/‎quick-screenshot-clipboard.zip‎
385 KB b/‎quick-screenshot-clipboard.zip‎
385 KB
diff --git a/‎service_worker.js‎
Lines changed: 27 additions & 0 deletions b/‎service_worker.js‎
Lines changed: 27 additions & 0 deletions
@@ -0,0 +1,22 @@
+{
+  "manifest_version": 3,
+  "name": "Quick Screenshot → Clipboard",
+  "version": "1.0.0",
+  "description": "Click the icon to copy the visible area of the current tab as an image to your clipboard.",
+  "permissions": [
+    "activeTab",
+    "clipboardWrite"
+  ],
+  "background": {
+    "service_worker": "service_worker.js"
+  },
+  "action": {
+    "default_title": "Copy visible screenshot",
+    "default_popup": "popup.html"
+  },
+  "icons": {
+    "16": "icon-16.png",
+    "48": "icon-48.png",
+    "128": "icon-128.png"
+  }
+}
@@ -0,0 +1,17 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Copy Screenshot</title>
+    <style>
+      body { font-family: -apple-system, Arial, sans-serif; width: 230px; padding: 10px; }
+      #status { font-size: 14px; }
+      #detail { margin-top: 6px; font-size: 12px; opacity: .85; word-break: break-word; }
+    </style>
+  </head>
+  <body>
+    <div id="status">Copying…</div>
+    <div id="detail"></div>
+    <script src="popup.js"></script>
+  </body>
+</html>
@@ -0,0 +1,26 @@
+async function copyPngDataUrlToClipboard(dataUrl) {
+  const res = await fetch(dataUrl);
+  const blob = await res.blob();
+  await navigator.clipboard.write([
+    new ClipboardItem({ [blob.type || "image/png"]: blob })
+  ]);
+}
+
+(async () => {
+  const status = document.getElementById("status");
+  const detail = document.getElementById("detail");
+
+  try {
+    const resp = await chrome.runtime.sendMessage({ type: "CAPTURE_VISIBLE" });
+    if (!resp?.ok || !resp?.dataUrl) throw new Error(resp?.error || "Capture failed");
+
+    await copyPngDataUrlToClipboard(resp.dataUrl);
+
+    status.textContent = "Copied ✓";
+    setTimeout(() => window.close(), 250);
+  } catch (e) {
+    console.error(e);
+    status.textContent = "Failed !";
+    detail.textContent = String(e);
+  }
+})();
@@ -0,0 +1,27 @@
+chrome.runtime.onMessage.addListener((msg, _sender, sendResponse) => {
+  (async () => {
+    if (msg?.type !== "CAPTURE_VISIBLE") {
+      sendResponse({ ok: false, error: "Unknown message" });
+      return;
+    }
+
+    const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
+    if (!tab?.windowId || !tab?.url) {
+      sendResponse({ ok: false, error: "No active tab" });
+      return;
+    }
+
+    if (tab.url.startsWith("chrome://") || tab.url.startsWith("chrome-extension://")) {
+      sendResponse({ ok: false, error: "Cannot capture chrome:// pages" });
+      return;
+    }
+
+    const dataUrl = await chrome.tabs.captureVisibleTab(tab.windowId, { format: "png" });
+    sendResponse({ ok: true, dataUrl });
+  })().catch((e) => {
+    console.error("SW error:", e);
+    sendResponse({ ok: false, error: String(e) });
+  });
+
+  return true; // async
+});