feat: allow filtering events in preprocessor

Author: niieani

src/v2/defaultEventProcessor.ts

@@ -6,7 +6,14 @@ import {
   type InputEvent,
 } from './types'
 
-export const defaultEventProcessor: EventProcessor = (entry): Event => {
+export const defaultEventProcessor: EventProcessor = (
+  entry,
+): Event | undefined => {
+  if (entry.entryType === 'mark' && entry.name.startsWith('--')) {
+    // react in dev mode hundreds of these marks, ignore them
+    return undefined
+  }
+
   const detail = typeof entry.detail === 'object' && entry.detail
   const metadata =
     'metadata' in entry && typeof entry.metadata === 'object'

src/v2/operation.ts

@@ -15,19 +15,21 @@ import {
   SKIP_PROCESSING,
 } from './constants'
 import { defaultEventProcessor } from './defaultEventProcessor'
-import { FinalizationReason, OperationState } from './types'
 import {
   type CaptureInteractiveConfig,
   type Event,
   type EventMatchCriteria,
   type EventMatchFunction,
+  type EventProcessor,
   type EventStatus,
   type InputEvent,
   type InstanceOptions,
   type ObserveFn,
   type OperationDefinition,
   type PerformanceApi,
   type PerformanceEntryLike,
+  FinalizationReason,
+  OperationState,
 } from './types'
 
 /** returns the best supported blocking task type or undefined if none */
@@ -702,7 +704,7 @@ export class OperationManager {
    * which will be updated by the manager with metadata related to the operations that have processed it.
    * This will happen synchronously when running in unbuffered mode, and asynchronously when running in buffered mode.
    */
-  private preprocessEvent: (event: PerformanceEntryLike | InputEvent) => Event
+  private preprocessEvent: EventProcessor
   supportedEntryTypes: readonly string[]
   expectBlockingTasks: boolean
 
@@ -830,6 +832,9 @@ export class OperationManager {
     }
 
     const event = this.preprocessEvent(entry)
+    if (!event) {
+      return undefined
+    }
 
     if (this.bufferDuration && !this.isFlushingBuffer) {
       this.eventBuffer.push(event)

src/v2/types.ts

@@ -299,7 +299,9 @@ export interface PerformanceApi {
   now: () => number
 }
 
-export type EventProcessor = (entry: InputEvent | PerformanceEntryLike) => Event
+export type EventProcessor = (
+  entry: InputEvent | PerformanceEntryLike,
+) => Event | undefined
 
 export interface InstanceOptions {
   defaultDebounceTime?: number