glitchgrab 1.27.0 → 1.28.0

package/dist/index.mjs

@@ -6,7 +6,8 @@ import {
   useContext,
   useRef as useRef3,
   useEffect as useEffect3,
-  useCallback
+  useCallback,
+  useState as useState3
 } from "react";
 
 // src/error-boundary.tsx
@@ -738,6 +739,24 @@ function AnnotationCanvas({ imageSrc, onSave, onCancel }) {
   );
 }
 
+// src/shortcut.ts
+var GLITCHGRAB_SHORTCUT = "Ctrl+Shift+G";
+var GLITCHGRAB_SHORTCUT_MAC = "\u2318\u21E7G";
+function isMac() {
+  try {
+    if (typeof navigator === "undefined") return false;
+    return /Mac|iPhone|iPad|iPod/i.test(navigator.platform || navigator.userAgent);
+  } catch (e) {
+    return false;
+  }
+}
+function getShortcutLabel() {
+  return isMac() ? GLITCHGRAB_SHORTCUT_MAC : GLITCHGRAB_SHORTCUT;
+}
+function matchesShortcut(e) {
+  return (e.metaKey || e.ctrlKey) && e.shiftKey && e.key.toLowerCase() === "g";
+}
+
 // src/report-dialog.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function useIsDark() {
@@ -1447,6 +1466,24 @@ function ReportDialog({
                                       },
                                       children: step === 1 ? "What's on your mind?" : "Tell us more"
                                     }
+                                  ),
+                                  step === 1 && /* @__PURE__ */ jsx2(
+                                    "span",
+                                    {
+                                      title: "Press this anywhere to open Glitchgrab",
+                                      style: {
+                                        fontSize: "10px",
+                                        fontWeight: 600,
+                                        lineHeight: 1,
+                                        padding: "3px 6px",
+                                        borderRadius: "4px",
+                                        border: `1px solid ${t.inputBorder}`,
+                                        background: t.inputBg,
+                                        color: t.textMuted,
+                                        whiteSpace: "nowrap"
+                                      },
+                                      children: getShortcutLabel()
+                                    }
                                   )
                                 ]
                               }
@@ -2942,7 +2979,7 @@ function GlitchgrabProviderInner({
     try {
       if (typeof window === "undefined") return;
       const handleKeyDown = (e) => {
-        if ((e.metaKey || e.ctrlKey) && e.shiftKey && e.key.toLowerCase() === "g") {
+        if (matchesShortcut(e)) {
           e.preventDefault();
           openReportDialog();
         }
@@ -2952,6 +2989,10 @@ function GlitchgrabProviderInner({
     } catch (e) {
     }
   }, [openReportDialog]);
+  const [shortcutLabel, setShortcutLabel] = useState3(GLITCHGRAB_SHORTCUT);
+  useEffect3(() => {
+    setShortcutLabel(getShortcutLabel());
+  }, []);
   return /* @__PURE__ */ jsxs3(
     GlitchgrabContext.Provider,
     {
@@ -2962,7 +3003,8 @@ function GlitchgrabProviderInner({
         report,
         addBreadcrumb: addBreadcrumb2,
         openReportDialog,
-        enhanceText: enhance
+        enhanceText: enhance,
+        shortcutLabel
       },
       children: [
         /* @__PURE__ */ jsx3(
@@ -3193,6 +3235,8 @@ function useGlitchgrabActions({
   };
 }
 export {
+  GLITCHGRAB_SHORTCUT,
+  GLITCHGRAB_SHORTCUT_MAC,
   GlitchgrabErrorBoundary,
   GlitchgrabProvider,
   ReportButton,
@@ -3205,7 +3249,9 @@ export {
   enhanceText,
   fetchGlitchgrabReports,
   getBreadcrumbs,
+  getShortcutLabel,
   initBreadcrumbs,
+  matchesShortcut,
   sanitizeUrl,
   sendReport,
   shouldSkipDuplicate,