glitchgrab 1.24.0 → 1.25.0

package/README.md

@@ -454,6 +454,20 @@ import { GlitchgrabErrorBoundary } from "glitchgrab";
 | `onError` | `(error: Error) => void` | - | Called on unhandled errors |
 | `onReportSent` | `(result: ReportResult) => void` | - | Called after a report is sent |
 | `fallback` | `ReactNode` | - | Error boundary fallback UI |
+| `ignoreErrors` | `(string \| RegExp)[]` | - | Skip auto-capture for errors whose message matches (substring for `string`, `.test()` for `RegExp`) |
+
+### Ignoring known-noisy errors
+
+Some errors that reach `window.onerror` aren't app bugs — browser extension bridges (Grammarly, password managers, etc.) can throw errors that look like they come from your page. If you keep seeing the same non-actionable signature auto-filed as a report, suppress it:
+
+```tsx
+<GlitchgrabProvider
+  token={process.env.NEXT_PUBLIC_GLITCHGRAB_TOKEN!}
+  ignoreErrors={[/Object Not Found Matching Id.*MethodName:update/]}
+>
+  {children}
+</GlitchgrabProvider>
+```
 
 ## Do I need a Content-Security-Policy allowance?
 

package/dist/index.d.mts

@@ -12,6 +12,12 @@ interface GlitchgrabConfig {
     breadcrumbs?: boolean;
     /** Max breadcrumbs to keep (default: 50) */
     maxBreadcrumbs?: number;
+    /**
+     * Skip auto-capture for errors matching any of these patterns (checked against the
+     * error message). String = substring match, RegExp = `.test()`. Use for known-noisy
+     * signatures that aren't app bugs — e.g. browser extension bridge errors.
+     */
+    ignoreErrors?: (string | RegExp)[];
 }
 type ReportType = "BUG" | "FEATURE_REQUEST" | "QUESTION" | "OTHER";
 type ReportSeverity = "low" | "medium" | "high";
@@ -91,6 +97,12 @@ interface GlitchgrabProviderProps {
     types?: ReportType[];
     /** Show severity picker for BUG type (default: true) */
     showSeverity?: boolean;
+    /**
+     * Skip auto-capture for errors matching any of these patterns (checked against the
+     * error message). String = substring match, RegExp = `.test()`. Use for known-noisy
+     * signatures that aren't app bugs — e.g. browser extension bridge errors.
+     */
+    ignoreErrors?: (string | RegExp)[];
 }
 interface ReportButtonProps {
     position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";

package/dist/index.d.ts

@@ -12,6 +12,12 @@ interface GlitchgrabConfig {
     breadcrumbs?: boolean;
     /** Max breadcrumbs to keep (default: 50) */
     maxBreadcrumbs?: number;
+    /**
+     * Skip auto-capture for errors matching any of these patterns (checked against the
+     * error message). String = substring match, RegExp = `.test()`. Use for known-noisy
+     * signatures that aren't app bugs — e.g. browser extension bridge errors.
+     */
+    ignoreErrors?: (string | RegExp)[];
 }
 type ReportType = "BUG" | "FEATURE_REQUEST" | "QUESTION" | "OTHER";
 type ReportSeverity = "low" | "medium" | "high";
@@ -91,6 +97,12 @@ interface GlitchgrabProviderProps {
     types?: ReportType[];
     /** Show severity picker for BUG type (default: true) */
     showSeverity?: boolean;
+    /**
+     * Skip auto-capture for errors matching any of these patterns (checked against the
+     * error message). String = substring match, RegExp = `.test()`. Use for known-noisy
+     * signatures that aren't app bugs — e.g. browser extension bridge errors.
+     */
+    ignoreErrors?: (string | RegExp)[];
 }
 interface ReportButtonProps {
     position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";

package/dist/index.js

@@ -2255,7 +2255,8 @@ function GlitchgrabProviderInner({
   children,
   fallback,
   types,
-  showSeverity
+  showSeverity,
+  ignoreErrors
 }) {
   const visitedPagesRef = (0, import_react2.useRef)([]);
   (0, import_react2.useEffect)(() => {
@@ -2305,6 +2306,12 @@ function GlitchgrabProviderInner({
       if (typeof window === "undefined") return;
       if (process.env.NODE_ENV === "development") return;
       const EXTENSION_ORIGIN_RE = /\b(?:chrome|safari|moz)-extension:\/\//;
+      const matchesIgnore = (message) => {
+        if (!ignoreErrors || ignoreErrors.length === 0) return false;
+        return ignoreErrors.some(
+          (pattern) => pattern instanceof RegExp ? pattern.test(message) : message.includes(pattern)
+        );
+      };
       const handleError = (event) => {
         var _a, _b, _c, _d, _e, _f, _g;
         try {
@@ -2312,6 +2319,9 @@ function GlitchgrabProviderInner({
           if (isOpaqueCrossOrigin) {
             return;
           }
+          if (matchesIgnore(event.message)) {
+            return;
+          }
           if (event.message === "ResizeObserver loop completed with undelivered notifications." || event.message === "ResizeObserver loop limit exceeded") {
             return;
           }
@@ -2363,6 +2373,9 @@ function GlitchgrabProviderInner({
           if (errMsg === "Script error." || errMsg === "Script error") {
             return;
           }
+          if (matchesIgnore(errMsg)) {
+            return;
+          }
           const errStack = reason instanceof Error ? reason.stack : void 0;
           if (errStack && EXTENSION_ORIGIN_RE.test(errStack)) return;
           const sig = computeSignature({
@@ -2406,7 +2419,7 @@ function GlitchgrabProviderInner({
       };
     } catch (e) {
     }
-  }, [token, baseUrl, onError, onReportSent, session]);
+  }, [token, baseUrl, onError, onReportSent, session, ignoreErrors]);
   const report = (0, import_react2.useCallback)(
     async (type, description, metadata) => {
       var _a;