@interfere/next 0.0.0-alpha.10 → 0.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/__tests__/build/with-interfere-coverage.test.d.ts +2 -0
- package/dist/__tests__/build/with-interfere-coverage.test.d.ts.map +1 -0
- package/dist/__tests__/build/with-interfere-coverage.test.js +338 -0
- package/dist/__tests__/build/with-interfere-coverage.test.js.map +1 -0
- package/dist/__tests__/build/with-interfere.test.d.ts +2 -0
- package/dist/__tests__/build/with-interfere.test.d.ts.map +1 -0
- package/dist/__tests__/build/with-interfere.test.js +466 -0
- package/dist/__tests__/build/with-interfere.test.js.map +1 -0
- package/dist/__tests__/core/client.test.d.ts +2 -0
- package/dist/__tests__/core/client.test.d.ts.map +1 -0
- package/dist/__tests__/core/client.test.js +373 -0
- package/dist/__tests__/core/client.test.js.map +1 -0
- package/dist/__tests__/core/debug.test.d.ts +2 -0
- package/dist/__tests__/core/debug.test.d.ts.map +1 -0
- package/dist/__tests__/core/debug.test.js +277 -0
- package/dist/__tests__/core/debug.test.js.map +1 -0
- package/dist/__tests__/core/encoders.test.d.ts +2 -0
- package/dist/__tests__/core/encoders.test.d.ts.map +1 -0
- package/dist/__tests__/core/encoders.test.js +56 -0
- package/dist/__tests__/core/encoders.test.js.map +1 -0
- package/dist/__tests__/core/persistence.test.d.ts +2 -0
- package/dist/__tests__/core/persistence.test.d.ts.map +1 -0
- package/dist/__tests__/core/persistence.test.js +129 -0
- package/dist/__tests__/core/persistence.test.js.map +1 -0
- package/dist/__tests__/core/rage-click.test.d.ts +2 -0
- package/dist/__tests__/core/rage-click.test.d.ts.map +1 -0
- package/dist/__tests__/core/rage-click.test.js +121 -0
- package/dist/__tests__/core/rage-click.test.js.map +1 -0
- package/dist/__tests__/core/session-manager.test.d.ts +2 -0
- package/dist/__tests__/core/session-manager.test.d.ts.map +1 -0
- package/dist/__tests__/core/session-manager.test.js +1132 -0
- package/dist/__tests__/core/session-manager.test.js.map +1 -0
- package/dist/__tests__/integration/release-upload.test.d.ts +2 -0
- package/dist/__tests__/integration/release-upload.test.d.ts.map +1 -0
- package/dist/__tests__/integration/release-upload.test.js +173 -0
- package/dist/__tests__/integration/release-upload.test.js.map +1 -0
- package/dist/__tests__/react/provider.test.d.ts +2 -0
- package/dist/__tests__/react/provider.test.d.ts.map +1 -0
- package/dist/__tests__/react/provider.test.jsx +166 -0
- package/dist/__tests__/react/provider.test.jsx.map +1 -0
- package/dist/__tests__/session/persistence.test.d.ts +2 -0
- package/dist/__tests__/session/persistence.test.d.ts.map +1 -0
- package/dist/__tests__/session/persistence.test.js +129 -0
- package/dist/__tests__/session/persistence.test.js.map +1 -0
- package/dist/__tests__/session/replay.test.d.ts +2 -0
- package/dist/__tests__/session/replay.test.d.ts.map +1 -0
- package/dist/__tests__/session/replay.test.js +296 -0
- package/dist/__tests__/session/replay.test.js.map +1 -0
- package/dist/__tests__/session/session-summary.test.d.ts +2 -0
- package/dist/__tests__/session/session-summary.test.d.ts.map +1 -0
- package/dist/__tests__/session/session-summary.test.js +763 -0
- package/dist/__tests__/session/session-summary.test.js.map +1 -0
- package/dist/build/index.d.ts +3 -0
- package/dist/build/index.d.ts.map +1 -0
- package/dist/build/index.js +2 -0
- package/dist/build/index.js.map +1 -0
- package/dist/build/with-interfere.d.ts +54 -0
- package/dist/build/with-interfere.d.ts.map +1 -0
- package/dist/build/with-interfere.js +267 -0
- package/dist/build/with-interfere.js.map +1 -0
- package/dist/core/client-core.d.ts +27 -0
- package/dist/core/client-core.d.ts.map +1 -0
- package/dist/core/client-core.js +164 -0
- package/dist/core/client-core.js.map +1 -0
- package/dist/core/client.d.ts +70 -18
- package/dist/core/client.d.ts.map +1 -1
- package/dist/core/client.js +112 -104
- package/dist/core/client.js.map +1 -1
- package/dist/core/client.test.js +227 -92
- package/dist/core/client.test.js.map +1 -1
- package/dist/core/constants.d.ts +12 -0
- package/dist/core/constants.d.ts.map +1 -0
- package/dist/core/constants.js +17 -0
- package/dist/core/constants.js.map +1 -0
- package/dist/core/debug.d.ts +47 -0
- package/dist/core/debug.d.ts.map +1 -0
- package/dist/core/debug.js +79 -0
- package/dist/core/debug.js.map +1 -0
- package/dist/core/encoders.test.js +20 -19
- package/dist/core/encoders.test.js.map +1 -1
- package/dist/core/error-handlers.d.ts.map +1 -1
- package/dist/core/error-handlers.js +42 -41
- package/dist/core/error-handlers.js.map +1 -1
- package/dist/core/runtime.d.ts +7 -0
- package/dist/core/runtime.d.ts.map +1 -0
- package/dist/core/runtime.js +16 -0
- package/dist/core/runtime.js.map +1 -0
- package/dist/index.d.ts +10 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -7
- package/dist/index.js.map +1 -1
- package/dist/next/error-boundary.d.ts +5 -5
- package/dist/next/error-boundary.d.ts.map +1 -1
- package/dist/next/error-boundary.jsx +5 -5
- package/dist/next/middleware.d.ts +1 -1
- package/dist/next/middleware.js +13 -13
- package/dist/persistence/index.d.ts +5 -0
- package/dist/persistence/index.d.ts.map +1 -0
- package/dist/persistence/index.js +67 -0
- package/dist/persistence/index.js.map +1 -0
- package/dist/persistence/storage.d.ts +5 -0
- package/dist/persistence/storage.d.ts.map +1 -0
- package/dist/persistence/storage.js +67 -0
- package/dist/persistence/storage.js.map +1 -0
- package/dist/react/provider.d.ts +9 -5
- package/dist/react/provider.d.ts.map +1 -1
- package/dist/react/provider.jsx +33 -10
- package/dist/react/provider.jsx.map +1 -1
- package/dist/session/constants.d.ts +19 -0
- package/dist/session/constants.d.ts.map +1 -0
- package/dist/session/constants.js +34 -0
- package/dist/session/constants.js.map +1 -0
- package/dist/session/persistence.d.ts +58 -0
- package/dist/session/persistence.d.ts.map +1 -0
- package/dist/session/persistence.js +180 -0
- package/dist/session/persistence.js.map +1 -0
- package/dist/session/persistence.test.d.ts +2 -0
- package/dist/session/persistence.test.d.ts.map +1 -0
- package/dist/session/persistence.test.js +129 -0
- package/dist/session/persistence.test.js.map +1 -0
- package/dist/session/rage-click.d.ts +17 -0
- package/dist/session/rage-click.d.ts.map +1 -0
- package/dist/session/rage-click.js +104 -0
- package/dist/session/rage-click.js.map +1 -0
- package/dist/session/rage-click.test.d.ts +2 -0
- package/dist/session/rage-click.test.d.ts.map +1 -0
- package/dist/session/rage-click.test.js +124 -0
- package/dist/session/rage-click.test.js.map +1 -0
- package/dist/session/replay.d.ts +2 -2
- package/dist/session/replay.d.ts.map +1 -1
- package/dist/session/replay.js +57 -24
- package/dist/session/replay.js.map +1 -1
- package/dist/session/session-manager.d.ts +126 -0
- package/dist/session/session-manager.d.ts.map +1 -0
- package/dist/session/session-manager.js +635 -0
- package/dist/session/session-manager.js.map +1 -0
- package/dist/session/session-manager.test.d.ts +2 -0
- package/dist/session/session-manager.test.d.ts.map +1 -0
- package/dist/session/session-manager.test.js +1134 -0
- package/dist/session/session-manager.test.js.map +1 -0
- package/dist/session/session-summary.d.ts +2 -2
- package/dist/session/session-summary.d.ts.map +1 -1
- package/dist/session/session-summary.js +94 -47
- package/dist/session/session-summary.js.map +1 -1
- package/dist/storage/index.d.ts +5 -0
- package/dist/storage/index.d.ts.map +1 -0
- package/dist/storage/index.js +67 -0
- package/dist/storage/index.js.map +1 -0
- package/dist/types/storage.d.ts +7 -0
- package/dist/types/storage.d.ts.map +1 -0
- package/dist/types/storage.js +2 -0
- package/dist/types/storage.js.map +1 -0
- package/package.json +24 -7
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import { beforeEach, describe, expect, it, vi } from "vitest";
|
|
2
|
+
import { InterferePersistence } from "./persistence.js";
|
|
3
|
+
// Test constants
|
|
4
|
+
const TEST_NUMBER_VALUE = 42;
|
|
5
|
+
const TEST_STRING_VALUE = "testValue";
|
|
6
|
+
// Mock storage for testing
|
|
7
|
+
const createMockStorage = () => {
|
|
8
|
+
const store = {};
|
|
9
|
+
return {
|
|
10
|
+
_is_supported: () => true,
|
|
11
|
+
_parse: (key) => {
|
|
12
|
+
const value = store[key];
|
|
13
|
+
return value ? JSON.parse(value) : null;
|
|
14
|
+
},
|
|
15
|
+
_set: (key, value) => {
|
|
16
|
+
store[key] = JSON.stringify(value);
|
|
17
|
+
},
|
|
18
|
+
_remove: (key) => {
|
|
19
|
+
delete store[key];
|
|
20
|
+
},
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
describe("InterferePersistence", () => {
|
|
24
|
+
let mockStorage;
|
|
25
|
+
let persistence;
|
|
26
|
+
beforeEach(() => {
|
|
27
|
+
mockStorage = createMockStorage();
|
|
28
|
+
persistence = new InterferePersistence({ persistence: "localStorage" }, "test-surface", false, { customStorage: mockStorage });
|
|
29
|
+
});
|
|
30
|
+
describe("property management", () => {
|
|
31
|
+
it("should set and get properties", () => {
|
|
32
|
+
persistence.setProperty("testKey", TEST_STRING_VALUE);
|
|
33
|
+
expect(persistence.getProperty("testKey")).toBe(TEST_STRING_VALUE);
|
|
34
|
+
});
|
|
35
|
+
it("should return typed properties", () => {
|
|
36
|
+
persistence.setProperty("number", TEST_NUMBER_VALUE);
|
|
37
|
+
const value = persistence.getProperty("number");
|
|
38
|
+
expect(value).toBe(TEST_NUMBER_VALUE);
|
|
39
|
+
});
|
|
40
|
+
it("should remove individual properties", () => {
|
|
41
|
+
persistence.setProperty("key1", "value1");
|
|
42
|
+
persistence.setProperty("key2", "value2");
|
|
43
|
+
persistence.removeProp("key1");
|
|
44
|
+
expect(persistence.getProperty("key1")).toBeUndefined();
|
|
45
|
+
expect(persistence.getProperty("key2")).toBe("value2");
|
|
46
|
+
});
|
|
47
|
+
it("should get all properties as immutable copy", () => {
|
|
48
|
+
persistence.setProperty("key1", "value1");
|
|
49
|
+
persistence.setProperty("key2", "value2");
|
|
50
|
+
const props = persistence.getAllProperties();
|
|
51
|
+
expect(props).toEqual({ key1: "value1", key2: "value2" });
|
|
52
|
+
// Should be immutable - modifying the returned object shouldn't affect internal state
|
|
53
|
+
const modifiableProps = props;
|
|
54
|
+
modifiableProps.key3 = "value3";
|
|
55
|
+
expect(persistence.getProperty("key3")).toBeUndefined();
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
describe("register method", () => {
|
|
59
|
+
it("should register new properties", () => {
|
|
60
|
+
const result = persistence.register({
|
|
61
|
+
key1: "value1",
|
|
62
|
+
key2: TEST_NUMBER_VALUE,
|
|
63
|
+
});
|
|
64
|
+
expect(result).toBe(true);
|
|
65
|
+
expect(persistence.getProperty("key1")).toBe("value1");
|
|
66
|
+
expect(persistence.getProperty("key2")).toBe(TEST_NUMBER_VALUE);
|
|
67
|
+
});
|
|
68
|
+
it("should detect changes with shallow equality by default", () => {
|
|
69
|
+
const obj1 = { nested: "value" };
|
|
70
|
+
const obj2 = { nested: "value" };
|
|
71
|
+
persistence.register({ testObj: obj1 });
|
|
72
|
+
const result = persistence.register({ testObj: obj2 });
|
|
73
|
+
// Should detect change even though content is same (shallow equality)
|
|
74
|
+
expect(result).toBe(true);
|
|
75
|
+
});
|
|
76
|
+
it("should use deep equality when enabled", () => {
|
|
77
|
+
const deepPersistence = new InterferePersistence({ persistence: "localStorage" }, "test-surface-deep", false, { customStorage: mockStorage, useDeepEquality: true });
|
|
78
|
+
const obj1 = { nested: "value" };
|
|
79
|
+
const obj2 = { nested: "value" };
|
|
80
|
+
deepPersistence.register({ testObj: obj1 });
|
|
81
|
+
const result = deepPersistence.register({ testObj: obj2 });
|
|
82
|
+
// Should not detect change with deep equality
|
|
83
|
+
expect(result).toBe(false);
|
|
84
|
+
});
|
|
85
|
+
it("should return false when no changes detected", () => {
|
|
86
|
+
persistence.register({ key1: "value1" });
|
|
87
|
+
const result = persistence.register({ key1: "value1" });
|
|
88
|
+
expect(result).toBe(false);
|
|
89
|
+
});
|
|
90
|
+
});
|
|
91
|
+
describe("disabled state", () => {
|
|
92
|
+
it("should not save when disabled", () => {
|
|
93
|
+
persistence.setDisabled(true);
|
|
94
|
+
persistence.setProperty("key", "value");
|
|
95
|
+
// Create new instance to check if data was persisted
|
|
96
|
+
const newPersistence = new InterferePersistence({ persistence: "localStorage" }, "test-surface", false, { customStorage: mockStorage });
|
|
97
|
+
expect(newPersistence.getProperty("key")).toBeUndefined();
|
|
98
|
+
});
|
|
99
|
+
it("should only save on enable if props exist", () => {
|
|
100
|
+
const spySet = vi.spyOn(mockStorage, "_set");
|
|
101
|
+
// Enable with no props
|
|
102
|
+
persistence.setDisabled(false);
|
|
103
|
+
expect(spySet).not.toHaveBeenCalled();
|
|
104
|
+
// Add props then enable
|
|
105
|
+
persistence.setProperty("key", "value");
|
|
106
|
+
persistence.setDisabled(true);
|
|
107
|
+
persistence.setDisabled(false);
|
|
108
|
+
expect(spySet).toHaveBeenCalled();
|
|
109
|
+
});
|
|
110
|
+
});
|
|
111
|
+
describe("backward compatibility", () => {
|
|
112
|
+
it("should support deprecated unregister method", () => {
|
|
113
|
+
persistence.setProperty("key", "value");
|
|
114
|
+
persistence.unregister("key");
|
|
115
|
+
expect(persistence.getProperty("key")).toBeUndefined();
|
|
116
|
+
});
|
|
117
|
+
});
|
|
118
|
+
describe("initialization optimization", () => {
|
|
119
|
+
it("should not build storage when disabled", () => {
|
|
120
|
+
const disabledPersistence = new InterferePersistence({ persistence: "localStorage" }, "test-surface", true // disabled
|
|
121
|
+
);
|
|
122
|
+
// Should not throw even without custom storage
|
|
123
|
+
expect(() => {
|
|
124
|
+
disabledPersistence.setProperty("key", "value");
|
|
125
|
+
}).not.toThrow();
|
|
126
|
+
});
|
|
127
|
+
});
|
|
128
|
+
});
|
|
129
|
+
//# sourceMappingURL=persistence.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"persistence.test.js","sourceRoot":"","sources":["../../src/session/persistence.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export default class RageClick {
|
|
2
|
+
private clicks;
|
|
3
|
+
private readonly radiusPx;
|
|
4
|
+
private readonly timeoutMs;
|
|
5
|
+
private readonly clickCount;
|
|
6
|
+
constructor();
|
|
7
|
+
isRageClick(x: number, y: number, timestamp: number): boolean;
|
|
8
|
+
getElementInfo(target: HTMLElement | null): {
|
|
9
|
+
tagName?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
id?: string;
|
|
12
|
+
text?: string;
|
|
13
|
+
ariaLabel?: string;
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
export declare function setupRageClick(): void;
|
|
17
|
+
//# sourceMappingURL=rage-click.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rage-click.d.ts","sourceRoot":"","sources":["../../src/session/rage-click.ts"],"names":[],"mappings":"AAcA,MAAM,CAAC,OAAO,OAAO,SAAS;IAC5B,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAClC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAS;;IASpC,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO;IAkC7D,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG;QAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;CAaF;AASD,wBAAgB,cAAc,IAAI,IAAI,CA0DrC"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
/* Rage click detection for identifying user frustration patterns */
|
|
2
|
+
"use client";
|
|
3
|
+
import { RAGE_CLICK_COUNT, RAGE_CLICK_ENABLED, RAGE_CLICK_RADIUS_PX, RAGE_CLICK_TIMEOUT_MS, } from "./constants.js";
|
|
4
|
+
const MAX_TEXT_LENGTH = 100;
|
|
5
|
+
export default class RageClick {
|
|
6
|
+
clicks = [];
|
|
7
|
+
radiusPx;
|
|
8
|
+
timeoutMs;
|
|
9
|
+
clickCount;
|
|
10
|
+
constructor() {
|
|
11
|
+
// Use static values - config options no longer used
|
|
12
|
+
this.radiusPx = RAGE_CLICK_RADIUS_PX;
|
|
13
|
+
this.timeoutMs = RAGE_CLICK_TIMEOUT_MS;
|
|
14
|
+
this.clickCount = RAGE_CLICK_COUNT;
|
|
15
|
+
}
|
|
16
|
+
isRageClick(x, y, timestamp) {
|
|
17
|
+
const current = { x, y, timestamp };
|
|
18
|
+
// Keep only recent clicks within timeout window
|
|
19
|
+
this.clicks = this.clicks.filter((c) => timestamp - c.timestamp <= this.timeoutMs);
|
|
20
|
+
this.clicks.push(current);
|
|
21
|
+
// Check if enough clicks happened in close proximity
|
|
22
|
+
if (this.clicks.length >= this.clickCount) {
|
|
23
|
+
const first = this.clicks[0];
|
|
24
|
+
const last = this.clicks.at(-1);
|
|
25
|
+
// Check time window - both first and last should exist due to length check
|
|
26
|
+
if (first && last && last.timestamp - first.timestamp <= this.timeoutMs) {
|
|
27
|
+
// Ensure all clicks are within radius of the first
|
|
28
|
+
const allWithinRadius = this.clicks.every((c) => {
|
|
29
|
+
const dx = c.x - first.x;
|
|
30
|
+
const dy = c.y - first.y;
|
|
31
|
+
return Math.sqrt(dx * dx + dy * dy) <= this.radiusPx;
|
|
32
|
+
});
|
|
33
|
+
if (allWithinRadius) {
|
|
34
|
+
this.clicks = []; // reset after detection
|
|
35
|
+
return true;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
return false;
|
|
40
|
+
}
|
|
41
|
+
// Get the element information for the rage click event
|
|
42
|
+
getElementInfo(target) {
|
|
43
|
+
if (!target) {
|
|
44
|
+
return {};
|
|
45
|
+
}
|
|
46
|
+
return {
|
|
47
|
+
tagName: target.tagName?.toLowerCase(),
|
|
48
|
+
className: target.className || undefined,
|
|
49
|
+
id: target.id || undefined,
|
|
50
|
+
text: target.innerText?.slice(0, MAX_TEXT_LENGTH) || undefined,
|
|
51
|
+
ariaLabel: target.getAttribute("aria-label") || undefined,
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
let rageClickDetector = null;
|
|
56
|
+
let initialized = false;
|
|
57
|
+
function isBrowser() {
|
|
58
|
+
return typeof window !== "undefined";
|
|
59
|
+
}
|
|
60
|
+
export function setupRageClick() {
|
|
61
|
+
if (initialized) {
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
if (!isBrowser()) {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
if (!RAGE_CLICK_ENABLED) {
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
initialized = true;
|
|
71
|
+
rageClickDetector = new RageClick();
|
|
72
|
+
// Import capture function dynamically to avoid circular dependencies
|
|
73
|
+
import("../core/client.js")
|
|
74
|
+
.then(({ capture }) => {
|
|
75
|
+
document.addEventListener("click", (e) => {
|
|
76
|
+
if (!rageClickDetector) {
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
const mouseEvent = e;
|
|
80
|
+
const timestamp = Date.now();
|
|
81
|
+
if (rageClickDetector.isRageClick(mouseEvent.clientX, mouseEvent.clientY, timestamp)) {
|
|
82
|
+
const target = mouseEvent.target;
|
|
83
|
+
const elementInfo = rageClickDetector.getElementInfo(target);
|
|
84
|
+
try {
|
|
85
|
+
capture("rage_click", {
|
|
86
|
+
timestamp,
|
|
87
|
+
x: mouseEvent.clientX,
|
|
88
|
+
y: mouseEvent.clientY,
|
|
89
|
+
element: elementInfo,
|
|
90
|
+
url: window.location.href,
|
|
91
|
+
userAgent: navigator.userAgent,
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
catch {
|
|
95
|
+
// Swallow errors to avoid impacting the host app
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}, { capture: true });
|
|
99
|
+
})
|
|
100
|
+
.catch(() => {
|
|
101
|
+
// Swallow import errors
|
|
102
|
+
});
|
|
103
|
+
}
|
|
104
|
+
//# sourceMappingURL=rage-click.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rage-click.js","sourceRoot":"","sources":["../../src/session/rage-click.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,YAAY,CAAC;AAEb,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,eAAe,GAAG,GAAG,CAAC;AAE5B,MAAM,CAAC,OAAO,OAAO,SAAS;IACpB,MAAM,GAAiB,EAAE,CAAC;IACjB,QAAQ,CAAS;IACjB,SAAS,CAAS;IAClB,UAAU,CAAS;IAEpC;QACE,oDAAoD;QACpD,IAAI,CAAC,QAAQ,GAAG,oBAAoB,CAAC;QACrC,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC;QACvC,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC;IACrC,CAAC;IAED,WAAW,CAAC,CAAS,EAAE,CAAS,EAAE,SAAiB;QACjD,MAAM,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC;QAEpC,gDAAgD;QAChD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAC9B,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CACjD,CAAC;QACF,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1B,qDAAqD;QACrD,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAEhC,2EAA2E;YAC3E,IAAI,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACxE,mDAAmD;gBACnD,MAAM,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;oBAC9C,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;oBACzB,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;oBACzB,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC;gBACvD,CAAC,CAAC,CAAC;gBAEH,IAAI,eAAe,EAAE,CAAC;oBACpB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,wBAAwB;oBAC1C,OAAO,IAAI,CAAC;gBACd,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,uDAAuD;IACvD,cAAc,CAAC,MAA0B;QAOvC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,OAAO;YACL,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE;YACtC,SAAS,EAAE,MAAM,CAAC,SAAS,IAAI,SAAS;YACxC,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,SAAS;YAC1B,IAAI,EAAE,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,EAAE,eAAe,CAAC,IAAI,SAAS;YAC9D,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,SAAS;SAC1D,CAAC;IACJ,CAAC;CACF;AAED,IAAI,iBAAiB,GAAqB,IAAI,CAAC;AAC/C,IAAI,WAAW,GAAG,KAAgB,CAAC;AAEnC,SAAS,SAAS;IAChB,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO;IACT,CAAC;IACD,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;QACjB,OAAO;IACT,CAAC;IAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxB,OAAO;IACT,CAAC;IAED,WAAW,GAAG,IAAI,CAAC;IACnB,iBAAiB,GAAG,IAAI,SAAS,EAAE,CAAC;IAEpC,qEAAqE;IACrE,MAAM,CAAC,mBAAmB,CAAC;SACxB,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QACpB,QAAQ,CAAC,gBAAgB,CACvB,OAAO,EACP,CAAC,CAAC,EAAE,EAAE;YACJ,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACvB,OAAO;YACT,CAAC;YAED,MAAM,UAAU,GAAG,CAAe,CAAC;YACnC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAE7B,IACE,iBAAiB,CAAC,WAAW,CAC3B,UAAU,CAAC,OAAO,EAClB,UAAU,CAAC,OAAO,EAClB,SAAS,CACV,EACD,CAAC;gBACD,MAAM,MAAM,GAAG,UAAU,CAAC,MAA4B,CAAC;gBACvD,MAAM,WAAW,GAAG,iBAAiB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;gBAE7D,IAAI,CAAC;oBACH,OAAO,CAAC,YAAY,EAAE;wBACpB,SAAS;wBACT,CAAC,EAAE,UAAU,CAAC,OAAO;wBACrB,CAAC,EAAE,UAAU,CAAC,OAAO;wBACrB,OAAO,EAAE,WAAW;wBACpB,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;wBACzB,SAAS,EAAE,SAAS,CAAC,SAAS;qBAC/B,CAAC,CAAC;gBACL,CAAC;gBAAC,MAAM,CAAC;oBACP,iDAAiD;gBACnD,CAAC;YACH,CAAC;QACH,CAAC,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB,CAAC;IACJ,CAAC,CAAC;SACD,KAAK,CAAC,GAAG,EAAE;QACV,wBAAwB;IAC1B,CAAC,CAAC,CAAC;AACP,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rage-click.test.d.ts","sourceRoot":"","sources":["../../src/session/rage-click.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
import { describe, expect, it } from "vitest";
|
|
2
|
+
import RageClick from "./rage-click.js";
|
|
3
|
+
// Test constants
|
|
4
|
+
const TEST_X = 100;
|
|
5
|
+
const TEST_Y = 100;
|
|
6
|
+
const SMALL_OFFSET = 5;
|
|
7
|
+
const LARGE_OFFSET = 50;
|
|
8
|
+
const VERY_LARGE_OFFSET = 100;
|
|
9
|
+
const SHORT_DELAY = 100;
|
|
10
|
+
const MEDIUM_DELAY = 200;
|
|
11
|
+
const LONG_DELAY = 300;
|
|
12
|
+
const VERY_LONG_DELAY = 400;
|
|
13
|
+
const VERY_LATE_DELAY = 1500;
|
|
14
|
+
const MUCH_LATER_DELAY = 3000;
|
|
15
|
+
const CUSTOM_TIMEOUT = 500;
|
|
16
|
+
const CUSTOM_RADIUS = 50;
|
|
17
|
+
const CUSTOM_COUNT = 2;
|
|
18
|
+
const CUSTOM_OFFSET_X = 40;
|
|
19
|
+
const CUSTOM_OFFSET_Y = 30;
|
|
20
|
+
const MAX_TEXT_TEST_LENGTH = 150;
|
|
21
|
+
const EXPECTED_TRUNCATED_LENGTH = 100;
|
|
22
|
+
describe("RageClick", () => {
|
|
23
|
+
it("should detect rage click with default settings", () => {
|
|
24
|
+
const detector = new RageClick();
|
|
25
|
+
const baseTime = Date.now();
|
|
26
|
+
// First two clicks should not trigger
|
|
27
|
+
expect(detector.isRageClick(TEST_X, TEST_Y, baseTime)).toBe(false);
|
|
28
|
+
expect(detector.isRageClick(TEST_X + SMALL_OFFSET, TEST_Y + SMALL_OFFSET, baseTime + SHORT_DELAY)).toBe(false);
|
|
29
|
+
// Third click should trigger rage click
|
|
30
|
+
expect(detector.isRageClick(TEST_X - SMALL_OFFSET, TEST_Y - SMALL_OFFSET, baseTime + MEDIUM_DELAY)).toBe(true);
|
|
31
|
+
});
|
|
32
|
+
it("should not detect rage click if clicks are too far apart", () => {
|
|
33
|
+
const detector = new RageClick();
|
|
34
|
+
const baseTime = Date.now();
|
|
35
|
+
// Clicks outside the radius threshold (default 30px)
|
|
36
|
+
expect(detector.isRageClick(TEST_X, TEST_Y, baseTime)).toBe(false);
|
|
37
|
+
expect(detector.isRageClick(TEST_X + LARGE_OFFSET, TEST_Y, baseTime + SHORT_DELAY)).toBe(false);
|
|
38
|
+
expect(detector.isRageClick(TEST_X, TEST_Y + LARGE_OFFSET, baseTime + MEDIUM_DELAY)).toBe(false);
|
|
39
|
+
// Should not trigger even with more clicks
|
|
40
|
+
expect(detector.isRageClick(TEST_X + VERY_LARGE_OFFSET, TEST_Y, baseTime + LONG_DELAY)).toBe(false);
|
|
41
|
+
});
|
|
42
|
+
it("should not detect rage click if clicks are too slow", () => {
|
|
43
|
+
const detector = new RageClick();
|
|
44
|
+
const baseTime = Date.now();
|
|
45
|
+
// Spread clicks over a longer time period so they don't form a rage click
|
|
46
|
+
expect(detector.isRageClick(TEST_X, TEST_Y, baseTime)).toBe(false);
|
|
47
|
+
expect(detector.isRageClick(TEST_X + SMALL_OFFSET, TEST_Y + SMALL_OFFSET, baseTime + VERY_LATE_DELAY)).toBe(false); // Gap too large
|
|
48
|
+
expect(detector.isRageClick(TEST_X - SMALL_OFFSET, TEST_Y - SMALL_OFFSET, baseTime + MUCH_LATER_DELAY)).toBe(false); // Gap too large
|
|
49
|
+
});
|
|
50
|
+
it("should respect custom configuration", () => {
|
|
51
|
+
const detector = new RageClick({
|
|
52
|
+
rageClickCount: CUSTOM_COUNT, // Only need 2 clicks
|
|
53
|
+
rageClickTimeoutMs: CUSTOM_TIMEOUT, // Within 500ms
|
|
54
|
+
rageClickRadiusPx: CUSTOM_RADIUS, // Within 50px
|
|
55
|
+
});
|
|
56
|
+
const baseTime = Date.now();
|
|
57
|
+
// First click
|
|
58
|
+
expect(detector.isRageClick(TEST_X, TEST_Y, baseTime)).toBe(false);
|
|
59
|
+
// Second click within custom thresholds should trigger
|
|
60
|
+
expect(detector.isRageClick(TEST_X + CUSTOM_OFFSET_X, TEST_Y + CUSTOM_OFFSET_Y, baseTime + VERY_LONG_DELAY)).toBe(true);
|
|
61
|
+
});
|
|
62
|
+
it("should reset after detecting rage click", () => {
|
|
63
|
+
const detector = new RageClick();
|
|
64
|
+
const baseTime = Date.now();
|
|
65
|
+
// Trigger first rage click
|
|
66
|
+
expect(detector.isRageClick(TEST_X, TEST_Y, baseTime)).toBe(false);
|
|
67
|
+
expect(detector.isRageClick(TEST_X + SMALL_OFFSET, TEST_Y + SMALL_OFFSET, baseTime + SHORT_DELAY)).toBe(false);
|
|
68
|
+
expect(detector.isRageClick(TEST_X - SMALL_OFFSET, TEST_Y - SMALL_OFFSET, baseTime + MEDIUM_DELAY)).toBe(true);
|
|
69
|
+
// Should reset and require 3 new clicks
|
|
70
|
+
expect(detector.isRageClick(TEST_X, TEST_Y, baseTime + LONG_DELAY)).toBe(false);
|
|
71
|
+
expect(detector.isRageClick(TEST_X + SMALL_OFFSET, TEST_Y + SMALL_OFFSET, baseTime + VERY_LONG_DELAY)).toBe(false);
|
|
72
|
+
expect(detector.isRageClick(TEST_X - SMALL_OFFSET, TEST_Y - SMALL_OFFSET, baseTime + CUSTOM_TIMEOUT)).toBe(true);
|
|
73
|
+
});
|
|
74
|
+
it("should filter out old clicks", () => {
|
|
75
|
+
const detector = new RageClick();
|
|
76
|
+
const baseTime = Date.now();
|
|
77
|
+
// Add some old clicks
|
|
78
|
+
expect(detector.isRageClick(TEST_X, TEST_Y, baseTime)).toBe(false);
|
|
79
|
+
expect(detector.isRageClick(TEST_X + SMALL_OFFSET, TEST_Y + SMALL_OFFSET, baseTime + SHORT_DELAY)).toBe(false);
|
|
80
|
+
// Wait longer than timeout, then add new clicks
|
|
81
|
+
const laterTime = baseTime + VERY_LATE_DELAY; // After timeout window
|
|
82
|
+
expect(detector.isRageClick(TEST_X, TEST_Y, laterTime)).toBe(false);
|
|
83
|
+
expect(detector.isRageClick(TEST_X + SMALL_OFFSET, TEST_Y + SMALL_OFFSET, laterTime + SHORT_DELAY)).toBe(false);
|
|
84
|
+
expect(detector.isRageClick(TEST_X - SMALL_OFFSET, TEST_Y - SMALL_OFFSET, laterTime + MEDIUM_DELAY)).toBe(true);
|
|
85
|
+
});
|
|
86
|
+
it("should extract element information correctly", () => {
|
|
87
|
+
const detector = new RageClick();
|
|
88
|
+
// Mock DOM element
|
|
89
|
+
const mockElement = {
|
|
90
|
+
tagName: "BUTTON",
|
|
91
|
+
className: "test-class",
|
|
92
|
+
id: "test-id",
|
|
93
|
+
innerText: "Click me!",
|
|
94
|
+
getAttribute: (attr) => attr === "aria-label" ? "Test Button" : null,
|
|
95
|
+
};
|
|
96
|
+
const elementInfo = detector.getElementInfo(mockElement);
|
|
97
|
+
expect(elementInfo).toEqual({
|
|
98
|
+
tagName: "button",
|
|
99
|
+
className: "test-class",
|
|
100
|
+
id: "test-id",
|
|
101
|
+
text: "Click me!",
|
|
102
|
+
ariaLabel: "Test Button",
|
|
103
|
+
});
|
|
104
|
+
});
|
|
105
|
+
it("should handle null element gracefully", () => {
|
|
106
|
+
const detector = new RageClick();
|
|
107
|
+
const elementInfo = detector.getElementInfo(null);
|
|
108
|
+
expect(elementInfo).toEqual({});
|
|
109
|
+
});
|
|
110
|
+
it("should truncate long text", () => {
|
|
111
|
+
const detector = new RageClick();
|
|
112
|
+
// Mock element with long text
|
|
113
|
+
const longText = "a".repeat(MAX_TEXT_TEST_LENGTH);
|
|
114
|
+
const mockElement = {
|
|
115
|
+
tagName: "DIV",
|
|
116
|
+
innerText: longText,
|
|
117
|
+
getAttribute: () => null,
|
|
118
|
+
};
|
|
119
|
+
const elementInfo = detector.getElementInfo(mockElement);
|
|
120
|
+
expect(elementInfo.text).toHaveLength(EXPECTED_TRUNCATED_LENGTH);
|
|
121
|
+
expect(elementInfo.text).toBe("a".repeat(EXPECTED_TRUNCATED_LENGTH));
|
|
122
|
+
});
|
|
123
|
+
});
|
|
124
|
+
//# sourceMappingURL=rage-click.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rage-click.test.js","sourceRoot":"","sources":["../../src/session/rage-click.test.ts"],"names":[],"mappings":"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"}
|
package/dist/session/replay.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
export declare function
|
|
1
|
+
export declare function setupReplay(): void;
|
|
2
|
+
export declare function stopReplay(): void;
|
|
3
3
|
//# sourceMappingURL=replay.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"replay.d.ts","sourceRoot":"","sources":["../../src/session/replay.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"replay.d.ts","sourceRoot":"","sources":["../../src/session/replay.ts"],"names":[],"mappings":"AAUA,wBAAgB,WAAW,SAuG1B;AAED,wBAAgB,UAAU,SAEzB"}
|
package/dist/session/replay.js
CHANGED
|
@@ -1,37 +1,40 @@
|
|
|
1
1
|
/* Session replay capture using rrweb, chunked streaming to ingest */
|
|
2
|
-
|
|
3
|
-
import { capture, flush } from
|
|
2
|
+
"use client";
|
|
3
|
+
import { capture, flush } from "../core/client.js";
|
|
4
|
+
import { REPLAY_CHUNK_MS, REPLAY_ENABLED } from "./constants.js";
|
|
4
5
|
let started = false;
|
|
5
|
-
|
|
6
|
+
let stopFn = null;
|
|
7
|
+
export function setupReplay() {
|
|
6
8
|
if (started) {
|
|
7
9
|
return;
|
|
8
10
|
}
|
|
9
|
-
if (typeof window ===
|
|
11
|
+
if (typeof window === "undefined") {
|
|
10
12
|
return;
|
|
11
13
|
}
|
|
12
|
-
|
|
13
|
-
if (!enable) {
|
|
14
|
+
if (!REPLAY_ENABLED) {
|
|
14
15
|
return;
|
|
15
16
|
}
|
|
16
17
|
started = true;
|
|
17
|
-
import(
|
|
18
|
-
.then((
|
|
18
|
+
Promise.all([import("rrweb"), import("@rrweb/packer")])
|
|
19
|
+
.then(([rrwebModule, packerModule]) => {
|
|
19
20
|
// Handle different module export patterns
|
|
20
|
-
const
|
|
21
|
-
const record =
|
|
21
|
+
const rrweb = rrwebModule.default || rrwebModule;
|
|
22
|
+
const record = rrweb.record || rrweb;
|
|
23
|
+
const { pack } = packerModule;
|
|
22
24
|
const events = [];
|
|
23
|
-
const chunkMs = options?.replayChunkMs ?? 10_000;
|
|
24
25
|
// Check if record is a function
|
|
25
|
-
if (typeof record !==
|
|
26
|
+
if (typeof record !== "function") {
|
|
26
27
|
// biome-ignore lint/suspicious/noConsole: error logging needed
|
|
27
|
-
console.error(
|
|
28
|
+
console.error("rrweb.record is not available");
|
|
28
29
|
return;
|
|
29
30
|
}
|
|
30
|
-
record({
|
|
31
|
+
const stopRecord = record({
|
|
31
32
|
emit(event) {
|
|
32
|
-
|
|
33
|
+
// Compress the event before storing it
|
|
34
|
+
const packedEvent = pack(event);
|
|
35
|
+
events.push(packedEvent);
|
|
33
36
|
},
|
|
34
|
-
maskAllInputs:
|
|
37
|
+
maskAllInputs: true, // Privacy: mask all text inputs by default
|
|
35
38
|
});
|
|
36
39
|
const sendChunk = () => {
|
|
37
40
|
if (events.length === 0) {
|
|
@@ -39,11 +42,11 @@ export function setupReplay(options) {
|
|
|
39
42
|
}
|
|
40
43
|
const chunk = events.splice(0, events.length);
|
|
41
44
|
try {
|
|
42
|
-
capture(
|
|
45
|
+
capture("replay_chunk", {
|
|
43
46
|
version: 1,
|
|
44
47
|
chunkTs: Date.now(),
|
|
45
48
|
count: chunk.length,
|
|
46
|
-
// rrweb events are
|
|
49
|
+
// rrweb events are pre-compressed with @rrweb/packer
|
|
47
50
|
events: chunk,
|
|
48
51
|
});
|
|
49
52
|
flush();
|
|
@@ -52,7 +55,7 @@ export function setupReplay(options) {
|
|
|
52
55
|
// swallow
|
|
53
56
|
}
|
|
54
57
|
};
|
|
55
|
-
window.setInterval(sendChunk,
|
|
58
|
+
const intervalId = window.setInterval(sendChunk, REPLAY_CHUNK_MS);
|
|
56
59
|
const flushNow = () => {
|
|
57
60
|
try {
|
|
58
61
|
sendChunk();
|
|
@@ -61,16 +64,46 @@ export function setupReplay(options) {
|
|
|
61
64
|
// swallow
|
|
62
65
|
}
|
|
63
66
|
};
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
if (document.visibilityState ===
|
|
67
|
+
const beforeUnload = () => flushNow();
|
|
68
|
+
const visibility = () => {
|
|
69
|
+
if (document.visibilityState === "hidden") {
|
|
67
70
|
flushNow();
|
|
68
71
|
}
|
|
69
|
-
}
|
|
72
|
+
};
|
|
73
|
+
window.addEventListener("beforeunload", beforeUnload);
|
|
74
|
+
document.addEventListener("visibilitychange", visibility);
|
|
75
|
+
stopFn = () => {
|
|
76
|
+
try {
|
|
77
|
+
if (typeof stopRecord === "function") {
|
|
78
|
+
stopRecord();
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
catch {
|
|
82
|
+
/* no-op */
|
|
83
|
+
}
|
|
84
|
+
try {
|
|
85
|
+
window.clearInterval(intervalId);
|
|
86
|
+
}
|
|
87
|
+
catch {
|
|
88
|
+
/* no-op */
|
|
89
|
+
}
|
|
90
|
+
try {
|
|
91
|
+
window.removeEventListener("beforeunload", beforeUnload);
|
|
92
|
+
document.removeEventListener("visibilitychange", visibility);
|
|
93
|
+
}
|
|
94
|
+
catch {
|
|
95
|
+
/* no-op */
|
|
96
|
+
}
|
|
97
|
+
started = false;
|
|
98
|
+
stopFn = null;
|
|
99
|
+
};
|
|
70
100
|
})
|
|
71
101
|
.catch((error) => {
|
|
72
102
|
// biome-ignore lint/suspicious/noConsole: Just for testing
|
|
73
|
-
console.error(
|
|
103
|
+
console.error("Failed to load rrweb:", error);
|
|
74
104
|
});
|
|
75
105
|
}
|
|
106
|
+
export function stopReplay() {
|
|
107
|
+
stopFn?.();
|
|
108
|
+
}
|
|
76
109
|
//# sourceMappingURL=replay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"replay.js","sourceRoot":"","sources":["../../src/session/replay.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,YAAY,CAAC;AAGb,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"replay.js","sourceRoot":"","sources":["../../src/session/replay.ts"],"names":[],"mappings":"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"}
|