@sentry/replay - npm Package Compare versions

Comparing version 7.55.2 to 7.56.0

package.json

 {
   "name": "@sentry/replay",
-  "version": "7.55.2",
+  "version": "7.56.0",
   "description": "User replays for Sentry",
@@ -21,3 +21,3 @@ "main": "cjs/index.js",
     "@babel/core": "^7.17.5",
-    "@sentry-internal/replay-worker": "7.55.2",
+    "@sentry-internal/replay-worker": "7.56.0",
     "@sentry-internal/rrweb": "1.108.0",
@@ -29,5 +29,5 @@ "@sentry-internal/rrweb-snapshot": "1.108.0",
   "dependencies": {
-    "@sentry/core": "7.55.2",
-    "@sentry/types": "7.55.2",
-    "@sentry/utils": "7.55.2"
+    "@sentry/core": "7.56.0",
+    "@sentry/types": "7.56.0",
+    "@sentry/utils": "7.56.0"
   },
@@ -34,0 +34,0 @@ "engines": {

types/constants.d.ts

@@ -19,2 +19,5 @@ export declare const WINDOW: import("@sentry/utils").InternalGlobal & Window;
 export declare const SLOW_CLICK_SCROLL_TIMEOUT = 300;
+export declare const MULTI_CLICK_TIMEOUT = 1000;
+/** When encountering a total segment size exceeding this size, stop the replay (as we cannot properly ingest it). */
+export declare const REPLAY_MAX_EVENT_BUFFER_SIZE = 20000000;
 //# sourceMappingURL=constants.d.ts.map

types/coreHandlers/handleDom.d.ts

 import type { INode } from '@sentry-internal/rrweb-snapshot';
 import type { Breadcrumb } from '@sentry/types';
 import type { ReplayContainer } from '../types';
-export interface DomHandlerData {
-    name: string;
-    event: Node | {
-        target: EventTarget;
-    };
-}
+import type { DomHandlerData } from './util/domUtils';
 export declare const handleDomListener: (replay: ReplayContainer) => (handlerData: DomHandlerData) => void;
@@ -11,0 +6,0 @@ /** Get the base DOM breadcrumb. */

types/eventBuffer/EventBufferArray.d.ts

@@ -9,2 +9,3 @@ import type { AddEventResult, EventBuffer, EventBufferType, RecordingEvent } from '../types';
     events: RecordingEvent[];
+    private _totalSize;
     constructor();
@@ -11,0 +12,0 @@ /** @inheritdoc */

types/eventBuffer/EventBufferCompressionWorker.d.ts

@@ -10,2 +10,3 @@ import type { ReplayRecordingData } from '@sentry/types';
     private _earliestTimestamp;
+    private _totalSize;
     constructor(worker: Worker);
@@ -12,0 +13,0 @@ /** @inheritdoc */

types/eventBuffer/index.d.ts

@@ -9,3 +9,7 @@ import type { EventBuffer } from '../types';
 export declare function createEventBuffer({ useCompression }: CreateEventBufferParams): EventBuffer;
+/** This error indicates that the event buffer size exceeded the limit.. */
+export declare class EventBufferSizeExceededError extends Error {
+    constructor();
+}
 export {};
 //# sourceMappingURL=index.d.ts.map

types/replay.d.ts

 import type { ReplayRecordingMode, Transaction } from '@sentry/types';
+import { ClickDetector } from './coreHandlers/handleClick';
 import type { AddEventResult, AddUpdateCallback, AllPerformanceEntry, EventBuffer, InternalEventContext, RecordingEvent, RecordingOptions, ReplayContainer as ReplayContainerInterface, ReplayPluginOptions, SendBufferedReplayOptions, Session, Timeouts } from './types';
@@ -15,2 +16,3 @@ import type { SKIPPED } from './util/throttle';
     session: Session | undefined;
+    clickDetector: ClickDetector | undefined;
     /**
@@ -17,0 +19,0 @@ * Recording can happen in one of three modes:

types/types/replay.d.ts

@@ -1,2 +0,2 @@
-import type { FetchBreadcrumbHint, HandlerDataFetch, ReplayRecordingData, ReplayRecordingMode, SentryWrappedXMLHttpRequest, Transaction, XhrBreadcrumbHint } from '@sentry/types';
+import type { Breadcrumb, FetchBreadcrumbHint, HandlerDataFetch, ReplayRecordingData, ReplayRecordingMode, SentryWrappedXMLHttpRequest, Transaction, XhrBreadcrumbHint } from '@sentry/types';
 import type { SKIPPED, THROTTLED } from '../util/throttle';
@@ -335,4 +335,10 @@ import type { AllPerformanceEntry } from './performance';
 }
+export interface ReplayClickDetector {
+    addListeners(): void;
+    removeListeners(): void;
+    handleClick(breadcrumb: Breadcrumb, node: HTMLElement): void;
+}
 export interface ReplayContainer {
     eventBuffer: EventBuffer | null;
+    clickDetector: ReplayClickDetector | undefined;
     performanceEvents: AllPerformanceEntry[];
@@ -390,4 +396,5 @@ session: Session | undefined;
     ignoreSelector: string;
+    multiClickTimeout: number;
 }
 export {};
 //# sourceMappingURL=replay.d.ts.map

types/types/replayFrame.d.ts

@@ -70,9 +70,21 @@ import type { Breadcrumb } from '@sentry/types';
     url: string;
-    timeAfterClickFs: number;
+    route?: string;
+    timeAfterClickMs: number;
     endReason: string;
+    clickCount: number;
 }
-interface SlowClickFrame extends BaseBreadcrumbFrame {
+export interface SlowClickFrame extends BaseBreadcrumbFrame {
     category: 'ui.slowClickDetected';
     data: SlowClickFrameData;
 }
+interface MultiClickFrameData extends ClickFrameData {
+    url: string;
+    route?: string;
+    clickCount: number;
+    metric: true;
+}
+export interface MultiClickFrame extends BaseBreadcrumbFrame {
+    category: 'ui.multiClick';
+    data: MultiClickFrameData;
+}
 interface OptionFrame {
@@ -91,3 +103,3 @@ blockAllMedia: boolean;
 }
-export declare type BreadcrumbFrame = ConsoleFrame | ClickFrame | InputFrame | KeyboardEventFrame | BlurFrame | FocusFrame | SlowClickFrame | MutationFrame | BaseBreadcrumbFrame;
+export declare type BreadcrumbFrame = ConsoleFrame | ClickFrame | InputFrame | KeyboardEventFrame | BlurFrame | FocusFrame | SlowClickFrame | MultiClickFrame | MutationFrame | BaseBreadcrumbFrame;
 interface BaseSpanFrame {
@@ -94,0 +106,0 @@ op: string;

No alert changes

Improved metrics

Total package byte prevSize

2148442

increased by2.52%

Number of package files

147

increased by2.8%

Lines of code

17569

increased by2.65%

Dependency changes

• + Added@sentry/core@7.56.0(transitive)

• + Added@sentry/types@7.56.0(transitive)

• + Added@sentry/utils@7.56.0(transitive)

• - Removed@sentry/core@7.55.2(transitive)

• - Removed@sentry/types@7.55.2(transitive)

• - Removed@sentry/utils@7.55.2(transitive)

• Updated@sentry/core@7.56.0

• Updated@sentry/types@7.56.0

• Updated@sentry/utils@7.56.0