glitchgrab 1.15.0 → 1.17.0

package/dist/index.d.mts

@@ -288,4 +288,12 @@ declare function captureContext(visitedPages: string[]): CapturedContext;
  */
 declare function sendReport(payload: ReportPayload, baseUrl?: string): Promise<ReportResult | null>;
 
-export { type Breadcrumb, type BreadcrumbType, type CapturedContext, type DeviceInfo, type GlitchgrabConfig, GlitchgrabErrorBoundary, GlitchgrabProvider, type GlitchgrabProviderProps, type GlitchgrabReport, type GlitchgrabSession, ReportButton, type ReportButtonProps, type ReportPayload, type ReportResult, type ReportSeverity, type ReportType, type UseGlitchgrabReturn, addBreadcrumb, captureContext, captureDeviceInfo, clearBreadcrumbs, fetchGlitchgrabReports, getBreadcrumbs, initBreadcrumbs, sanitizeUrl, sendReport, useGlitchgrab, useGlitchgrabActions, useGlitchgrabReports };
+declare function computeSignature(params: {
+    errorMessage: string | undefined;
+    pageUrl: string | undefined;
+    errorStack?: string | undefined;
+}): string;
+declare function shouldSkipDuplicate(signature: string, windowMs?: number, now?: number): boolean;
+declare function clearDedupCache(): void;
+
+export { type Breadcrumb, type BreadcrumbType, type CapturedContext, type DeviceInfo, type GlitchgrabConfig, GlitchgrabErrorBoundary, GlitchgrabProvider, type GlitchgrabProviderProps, type GlitchgrabReport, type GlitchgrabSession, ReportButton, type ReportButtonProps, type ReportPayload, type ReportResult, type ReportSeverity, type ReportType, type UseGlitchgrabReturn, addBreadcrumb, captureContext, captureDeviceInfo, clearBreadcrumbs, clearDedupCache, computeSignature, fetchGlitchgrabReports, getBreadcrumbs, initBreadcrumbs, sanitizeUrl, sendReport, shouldSkipDuplicate, useGlitchgrab, useGlitchgrabActions, useGlitchgrabReports };

package/dist/index.d.ts

@@ -288,4 +288,12 @@ declare function captureContext(visitedPages: string[]): CapturedContext;
  */
 declare function sendReport(payload: ReportPayload, baseUrl?: string): Promise<ReportResult | null>;
 
-export { type Breadcrumb, type BreadcrumbType, type CapturedContext, type DeviceInfo, type GlitchgrabConfig, GlitchgrabErrorBoundary, GlitchgrabProvider, type GlitchgrabProviderProps, type GlitchgrabReport, type GlitchgrabSession, ReportButton, type ReportButtonProps, type ReportPayload, type ReportResult, type ReportSeverity, type ReportType, type UseGlitchgrabReturn, addBreadcrumb, captureContext, captureDeviceInfo, clearBreadcrumbs, fetchGlitchgrabReports, getBreadcrumbs, initBreadcrumbs, sanitizeUrl, sendReport, useGlitchgrab, useGlitchgrabActions, useGlitchgrabReports };
+declare function computeSignature(params: {
+    errorMessage: string | undefined;
+    pageUrl: string | undefined;
+    errorStack?: string | undefined;
+}): string;
+declare function shouldSkipDuplicate(signature: string, windowMs?: number, now?: number): boolean;
+declare function clearDedupCache(): void;
+
+export { type Breadcrumb, type BreadcrumbType, type CapturedContext, type DeviceInfo, type GlitchgrabConfig, GlitchgrabErrorBoundary, GlitchgrabProvider, type GlitchgrabProviderProps, type GlitchgrabReport, type GlitchgrabSession, ReportButton, type ReportButtonProps, type ReportPayload, type ReportResult, type ReportSeverity, type ReportType, type UseGlitchgrabReturn, addBreadcrumb, captureContext, captureDeviceInfo, clearBreadcrumbs, clearDedupCache, computeSignature, fetchGlitchgrabReports, getBreadcrumbs, initBreadcrumbs, sanitizeUrl, sendReport, shouldSkipDuplicate, useGlitchgrab, useGlitchgrabActions, useGlitchgrabReports };

package/dist/index.js

@@ -38,11 +38,14 @@ __export(index_exports, {
   captureContext: () => captureContext,
   captureDeviceInfo: () => captureDeviceInfo,
   clearBreadcrumbs: () => clearBreadcrumbs,
+  clearDedupCache: () => clearDedupCache,
+  computeSignature: () => computeSignature,
   fetchGlitchgrabReports: () => fetchGlitchgrabReports,
   getBreadcrumbs: () => getBreadcrumbs,
   initBreadcrumbs: () => initBreadcrumbs,
   sanitizeUrl: () => sanitizeUrl,
   sendReport: () => sendReport,
+  shouldSkipDuplicate: () => shouldSkipDuplicate,
   useGlitchgrab: () => useGlitchgrab,
   useGlitchgrabActions: () => useGlitchgrabActions,
   useGlitchgrabReports: () => useGlitchgrabReports
@@ -313,6 +316,73 @@ async function sendReport(payload, baseUrl) {
   }
 }
 
+// src/dedup.ts
+var DEFAULT_WINDOW_MS = 5 * 60 * 1e3;
+var MAX_ENTRIES = 100;
+var seen = /* @__PURE__ */ new Map();
+function hashString(input) {
+  let h1 = 3735928559 ^ 0;
+  let h2 = 1103547991 ^ 0;
+  for (let i = 0; i < input.length; i++) {
+    const ch = input.charCodeAt(i);
+    h1 = Math.imul(h1 ^ ch, 2654435761);
+    h2 = Math.imul(h2 ^ ch, 1597334677);
+  }
+  h1 = Math.imul(h1 ^ h1 >>> 16, 2246822507) ^ Math.imul(h2 ^ h2 >>> 13, 3266489909);
+  h2 = Math.imul(h2 ^ h2 >>> 16, 2246822507) ^ Math.imul(h1 ^ h1 >>> 13, 3266489909);
+  return (4294967296 * (2097151 & h2) + (h1 >>> 0)).toString(36);
+}
+function topStackFrame(stack) {
+  if (!stack) return "";
+  const lines = stack.split("\n");
+  for (const line of lines) {
+    const t = line.trim();
+    if (t.startsWith("at ") || t.includes("@")) {
+      return t;
+    }
+  }
+  return "";
+}
+function stripUrlQuery(url) {
+  if (!url) return "";
+  try {
+    const u = new URL(url);
+    return `${u.origin}${u.pathname}`;
+  } catch (e) {
+    const q = url.indexOf("?");
+    return q === -1 ? url : url.slice(0, q);
+  }
+}
+function computeSignature(params) {
+  var _a, _b;
+  const msg = (_b = (_a = params.errorMessage) == null ? void 0 : _a.trim()) != null ? _b : "";
+  const page = stripUrlQuery(params.pageUrl);
+  const frame = topStackFrame(params.errorStack);
+  return hashString(`${msg}|${page}|${frame}`);
+}
+function shouldSkipDuplicate(signature, windowMs = DEFAULT_WINDOW_MS, now = Date.now()) {
+  const last = seen.get(signature);
+  if (last !== void 0 && now - last < windowMs) {
+    return true;
+  }
+  seen.set(signature, now);
+  if (seen.size > MAX_ENTRIES) {
+    const cutoff = now - windowMs;
+    for (const [sig, ts] of seen) {
+      if (ts < cutoff) seen.delete(sig);
+    }
+    if (seen.size > MAX_ENTRIES) {
+      const excess = seen.size - MAX_ENTRIES;
+      const keys = Array.from(seen.keys()).slice(0, excess);
+      for (const k of keys) seen.delete(k);
+    }
+  }
+  return false;
+}
+function clearDedupCache() {
+  seen.clear();
+}
+
 // src/error-boundary.tsx
 var GlitchgrabErrorBoundary = class extends React.Component {
   constructor(props) {
@@ -326,6 +396,15 @@ var GlitchgrabErrorBoundary = class extends React.Component {
     var _a, _b;
     try {
       const context = captureContext(this.props.visitedPages);
+      const sig = computeSignature({
+        errorMessage: error.message,
+        pageUrl: context.url,
+        errorStack: error.stack
+      });
+      if (shouldSkipDuplicate(sig)) {
+        if (this.props.onError) this.props.onError(error);
+        return;
+      }
       const payload = {
         token: this.props.token,
         source: "SDK_AUTO",
@@ -593,6 +672,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);
@@ -1002,7 +1105,7 @@ function ReportDialog({
                             background: "none",
                             cursor: "pointer"
                           },
-                          children: "Upload screenshot"
+                          children: "Upload or paste (\u2318V)"
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -1257,25 +1360,31 @@ function GlitchgrabProviderInner({
       if (typeof window === "undefined") return;
       if (process.env.NODE_ENV === "development") return;
       const handleError = (event) => {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         try {
           const context = captureContext(visitedPagesRef.current);
+          const sig = computeSignature({
+            errorMessage: event.message,
+            pageUrl: context.url,
+            errorStack: (_a = event.error) == null ? void 0 : _a.stack
+          });
+          if (shouldSkipDuplicate(sig)) return;
           const payload = {
             token,
             source: "SDK_AUTO",
             type: "BUG",
             errorMessage: event.message,
-            errorStack: (_a = event.error) == null ? void 0 : _a.stack,
+            errorStack: (_b = event.error) == null ? void 0 : _b.stack,
             pageUrl: context.url,
             userAgent: context.userAgent,
             breadcrumbs: context.breadcrumbs,
-            deviceInfo: (_b = context.deviceInfo) != null ? _b : void 0,
+            deviceInfo: (_c = context.deviceInfo) != null ? _c : void 0,
             metadata: {
               timestamp: context.timestamp,
               visitedPages: JSON.stringify(context.visitedPages),
-              filename: (_c = event.filename) != null ? _c : "",
-              lineno: String((_d = event.lineno) != null ? _d : ""),
-              colno: String((_e = event.colno) != null ? _e : ""),
+              filename: (_d = event.filename) != null ? _d : "",
+              lineno: String((_e = event.lineno) != null ? _e : ""),
+              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) } : {}
@@ -1293,12 +1402,20 @@ function GlitchgrabProviderInner({
         try {
           const context = captureContext(visitedPagesRef.current);
           const reason = event.reason;
+          const errMsg = reason instanceof Error ? reason.message : String(reason);
+          const errStack = reason instanceof Error ? reason.stack : void 0;
+          const sig = computeSignature({
+            errorMessage: errMsg,
+            pageUrl: context.url,
+            errorStack: errStack
+          });
+          if (shouldSkipDuplicate(sig)) return;
           const payload = {
             token,
             source: "SDK_AUTO",
             type: "BUG",
-            errorMessage: reason instanceof Error ? reason.message : String(reason),
-            errorStack: reason instanceof Error ? reason.stack : void 0,
+            errorMessage: errMsg,
+            errorStack: errStack,
             pageUrl: context.url,
             userAgent: context.userAgent,
             breadcrumbs: context.breadcrumbs,
@@ -1376,6 +1493,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,
     {
@@ -1623,11 +1754,14 @@ function useGlitchgrabActions({
   captureContext,
   captureDeviceInfo,
   clearBreadcrumbs,
+  clearDedupCache,
+  computeSignature,
   fetchGlitchgrabReports,
   getBreadcrumbs,
   initBreadcrumbs,
   sanitizeUrl,
   sendReport,
+  shouldSkipDuplicate,
   useGlitchgrab,
   useGlitchgrabActions,
   useGlitchgrabReports