glitchgrab 1.16.0 → 1.17.1

package/README.md

@@ -146,6 +146,18 @@ function FeedbackWidget() {
 
 Note: `openReportDialog()` requires a `<ReportButton>` to be mounted somewhere in the component tree. It triggers the same modal with screenshot capture.
 
+## Keyboard Shortcuts
+
+Once `GlitchgrabProvider` is mounted, these shortcuts work globally:
+
+| Shortcut | Action |
+|----------|--------|
+| `Cmd+Shift+G` / `Ctrl+Shift+G` | Open the report dialog |
+| `Cmd+V` / `Ctrl+V` (dialog open) | Paste a screenshot from clipboard |
+| `Escape` | Close the dialog |
+
+No configuration needed — shortcuts are active as long as the provider is in the tree.
+
 ## Fetching Reports by User
 
 ### React hook (recommended)

package/dist/index.js

@@ -446,11 +446,15 @@ var import_jsx_runtime = require("react/jsx-runtime");
 function useIsDark() {
   if (typeof window === "undefined") return true;
   try {
-    const bg = getComputedStyle(document.body).backgroundColor;
-    const match = bg.match(/\d+/g);
-    if (match && match.length >= 3) {
-      const [r, g, b] = match.map(Number);
-      return (r * 299 + g * 587 + b * 114) / 1e3 < 128;
+    for (const el of [document.body, document.documentElement]) {
+      const bg = getComputedStyle(el).backgroundColor;
+      const match = bg.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);
+      if (match) {
+        const alpha = match[4] !== void 0 ? parseFloat(match[4]) : 1;
+        if (alpha < 0.05) continue;
+        const [r, g, b] = [Number(match[1]), Number(match[2]), Number(match[3])];
+        return (r * 299 + g * 587 + b * 114) / 1e3 < 128;
+      }
     }
     return window.matchMedia("(prefers-color-scheme: dark)").matches;
   } catch (e) {
@@ -672,6 +676,30 @@ function ReportDialog({
     document.addEventListener("keydown", handleEsc);
     return () => document.removeEventListener("keydown", handleEsc);
   }, [isOpen, previewOpen]);
+  (0, import_react.useEffect)(() => {
+    if (!isOpen) return;
+    const handlePaste = (e) => {
+      var _a;
+      try {
+        const items = (_a = e.clipboardData) == null ? void 0 : _a.items;
+        if (!items) return;
+        for (let i = 0; i < items.length; i++) {
+          if (items[i].type.startsWith("image/")) {
+            const file = items[i].getAsFile();
+            if (!file) continue;
+            const reader = new FileReader();
+            reader.onload = () => setScreenshot(reader.result);
+            reader.readAsDataURL(file);
+            e.preventDefault();
+            break;
+          }
+        }
+      } catch (e2) {
+      }
+    };
+    window.addEventListener("paste", handlePaste);
+    return () => window.removeEventListener("paste", handlePaste);
+  }, [isOpen]);
   const handleClose = () => {
     setIsOpen(false);
     setStep(1);
@@ -1081,7 +1109,7 @@ function ReportDialog({
                             background: "none",
                             cursor: "pointer"
                           },
-                          children: "Upload screenshot"
+                          children: "Upload or paste (\u2318V)"
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -1469,6 +1497,20 @@ function GlitchgrabProviderInner({
       window.dispatchEvent(new CustomEvent("glitchgrab:open-report", { detail: options }));
     }
   }, []);
+  (0, import_react2.useEffect)(() => {
+    try {
+      if (typeof window === "undefined") return;
+      const handleKeyDown = (e) => {
+        if ((e.metaKey || e.ctrlKey) && e.shiftKey && e.key.toLowerCase() === "g") {
+          e.preventDefault();
+          openReportDialog();
+        }
+      };
+      window.addEventListener("keydown", handleKeyDown);
+      return () => window.removeEventListener("keydown", handleKeyDown);
+    } catch (e) {
+    }
+  }, [openReportDialog]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     GlitchgrabContext.Provider,
     {