glitchgrab 1.17.0 → 1.18.0

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) {
@@ -1387,7 +1391,8 @@ function GlitchgrabProviderInner({
               colno: String((_f = event.colno) != null ? _f : ""),
               ...(session == null ? void 0 : session.userId) ? { sessionUserId: session.userId } : {},
               ...(session == null ? void 0 : session.name) ? { sessionUserName: String(session.name) } : {},
-              ...(session == null ? void 0 : session.email) ? { sessionUserEmail: String(session.email) } : {}
+              ...(session == null ? void 0 : session.email) ? { sessionUserEmail: String(session.email) } : {},
+              ...(session == null ? void 0 : session.phone) ? { sessionUserPhone: String(session.phone) } : {}
             }
           };
           sendReport(payload, baseUrl).then((result) => {
@@ -1426,7 +1431,8 @@ function GlitchgrabProviderInner({
               type: "unhandledrejection",
               ...(session == null ? void 0 : session.userId) ? { sessionUserId: session.userId } : {},
               ...(session == null ? void 0 : session.name) ? { sessionUserName: String(session.name) } : {},
-              ...(session == null ? void 0 : session.email) ? { sessionUserEmail: String(session.email) } : {}
+              ...(session == null ? void 0 : session.email) ? { sessionUserEmail: String(session.email) } : {},
+              ...(session == null ? void 0 : session.phone) ? { sessionUserPhone: String(session.phone) } : {}
             }
           };
           sendReport(payload, baseUrl).then((result) => {
@@ -1444,7 +1450,7 @@ function GlitchgrabProviderInner({
       };
     } catch (e) {
     }
-  }, [token, baseUrl, onError, onReportSent]);
+  }, [token, baseUrl, onError, onReportSent, session]);
   const report = (0, import_react2.useCallback)(
     async (type, description, metadata) => {
       var _a;