@newrelic/browser-agent 1.313.1-rc.1 → 1.313.1-rc.3
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/dist/cjs/common/constants/env.cdn.js +1 -1
- package/dist/cjs/common/constants/env.npm.js +1 -1
- package/dist/cjs/common/dom/selector-path.js +12 -3
- package/dist/cjs/features/generic_events/aggregate/index.js +60 -53
- package/dist/cjs/features/generic_events/aggregate/user-actions/aggregated-user-action.js +2 -1
- package/dist/cjs/features/generic_events/aggregate/user-actions/user-actions-aggregator.js +4 -3
- package/dist/cjs/features/session_replay/aggregate/index.js +15 -6
- package/dist/cjs/features/session_replay/constants.js +1 -1
- package/dist/cjs/features/session_replay/shared/recorder.js +3 -1
- package/dist/esm/common/constants/env.cdn.js +1 -1
- package/dist/esm/common/constants/env.npm.js +1 -1
- package/dist/esm/common/dom/selector-path.js +13 -3
- package/dist/esm/features/generic_events/aggregate/index.js +61 -54
- package/dist/esm/features/generic_events/aggregate/user-actions/aggregated-user-action.js +2 -1
- package/dist/esm/features/generic_events/aggregate/user-actions/user-actions-aggregator.js +4 -3
- package/dist/esm/features/session_replay/aggregate/index.js +15 -6
- package/dist/esm/features/session_replay/constants.js +1 -1
- package/dist/esm/features/session_replay/shared/recorder.js +3 -1
- package/dist/types/common/dom/selector-path.d.ts +2 -1
- package/dist/types/common/dom/selector-path.d.ts.map +1 -1
- package/dist/types/features/generic_events/aggregate/index.d.ts.map +1 -1
- package/dist/types/features/generic_events/aggregate/user-actions/aggregated-user-action.d.ts +1 -0
- package/dist/types/features/generic_events/aggregate/user-actions/aggregated-user-action.d.ts.map +1 -1
- package/dist/types/features/generic_events/aggregate/user-actions/user-actions-aggregator.d.ts +2 -0
- package/dist/types/features/generic_events/aggregate/user-actions/user-actions-aggregator.d.ts.map +1 -1
- package/dist/types/features/session_replay/aggregate/index.d.ts +1 -11
- package/dist/types/features/session_replay/aggregate/index.d.ts.map +1 -1
- package/dist/types/features/session_replay/shared/recorder.d.ts +2 -0
- package/dist/types/features/session_replay/shared/recorder.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/common/dom/selector-path.js +13 -4
- package/src/features/generic_events/aggregate/index.js +42 -39
- package/src/features/generic_events/aggregate/user-actions/aggregated-user-action.js +2 -1
- package/src/features/generic_events/aggregate/user-actions/user-actions-aggregator.js +4 -3
- package/src/features/session_replay/aggregate/index.js +16 -5
- package/src/features/session_replay/constants.js +1 -1
- package/src/features/session_replay/shared/recorder.js +3 -1
|
@@ -17,7 +17,7 @@ exports.VERSION = exports.RRWEB_VERSION = exports.RRWEB_PACKAGE_NAME = exports.D
|
|
|
17
17
|
/**
|
|
18
18
|
* Exposes the version of the agent
|
|
19
19
|
*/
|
|
20
|
-
const VERSION = exports.VERSION = "1.313.1-rc.
|
|
20
|
+
const VERSION = exports.VERSION = "1.313.1-rc.3";
|
|
21
21
|
|
|
22
22
|
/**
|
|
23
23
|
* Exposes the build type of the agent
|
|
@@ -17,7 +17,7 @@ exports.VERSION = exports.RRWEB_VERSION = exports.RRWEB_PACKAGE_NAME = exports.D
|
|
|
17
17
|
/**
|
|
18
18
|
* Exposes the version of the agent
|
|
19
19
|
*/
|
|
20
|
-
const VERSION = exports.VERSION = "1.313.1-rc.
|
|
20
|
+
const VERSION = exports.VERSION = "1.313.1-rc.3";
|
|
21
21
|
|
|
22
22
|
/**
|
|
23
23
|
* Exposes the build type of the agent
|
|
@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.analyzeElemPath = void 0;
|
|
7
|
+
var _utils = require("../v2/utils");
|
|
7
8
|
/**
|
|
8
|
-
* Copyright 2020-
|
|
9
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
9
10
|
* SPDX-License-Identifier: Apache-2.0
|
|
10
11
|
*/
|
|
11
12
|
|
|
@@ -18,12 +19,16 @@ exports.analyzeElemPath = void 0;
|
|
|
18
19
|
*
|
|
19
20
|
* @param {HTMLElement} elem
|
|
20
21
|
* @param {Array<string>} [targetFields=[]] specifies which fields to gather from the nearest element in the path
|
|
21
|
-
* @returns {{path: (undefined|string), nearestFields: {}, hasButton: boolean, hasLink: boolean}}
|
|
22
|
+
* @returns {{path: (undefined|string), nearestFields: {}, targets: Array, hasButton: boolean, hasLink: boolean}}
|
|
22
23
|
*/
|
|
23
|
-
const analyzeElemPath = (elem, targetFields = []) => {
|
|
24
|
+
const analyzeElemPath = (elem, targetFields = [], agentRef) => {
|
|
25
|
+
const targets = [];
|
|
24
26
|
const result = {
|
|
25
27
|
path: undefined,
|
|
26
28
|
nearestFields: {},
|
|
29
|
+
get targets() {
|
|
30
|
+
return targets.length ? targets : [undefined];
|
|
31
|
+
},
|
|
27
32
|
hasButton: false,
|
|
28
33
|
hasLink: false
|
|
29
34
|
};
|
|
@@ -46,6 +51,10 @@ const analyzeElemPath = (elem, targetFields = []) => {
|
|
|
46
51
|
targetFields.forEach(field => {
|
|
47
52
|
result.nearestFields[nearestAttrName(field)] ||= elem[field]?.baseVal || elem[field];
|
|
48
53
|
});
|
|
54
|
+
const dataAttrs = elem?.dataset;
|
|
55
|
+
if (dataAttrs.nrMfeId) {
|
|
56
|
+
targets.push(...(0, _utils.getRegisteredTargetsFromId)(dataAttrs.nrMfeId, agentRef));
|
|
57
|
+
}
|
|
49
58
|
pathSelector = buildPathSelector(elem, pathSelector);
|
|
50
59
|
elem = elem.parentNode;
|
|
51
60
|
}
|
|
@@ -61,7 +61,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
|
|
|
61
61
|
}
|
|
62
62
|
let addUserAction = () => {/** no-op */};
|
|
63
63
|
if (_runtime.isBrowserScope && agentRef.init.user_actions.enabled) {
|
|
64
|
-
this.#userActionAggregator = new _userActionsAggregator.UserActionsAggregator();
|
|
64
|
+
this.#userActionAggregator = new _userActionsAggregator.UserActionsAggregator(this.agentRef);
|
|
65
65
|
this.harvestOpts.beforeUnload = () => addUserAction?.(this.#userActionAggregator.aggregationEvent);
|
|
66
66
|
addUserAction = aggregatedUserAction => {
|
|
67
67
|
try {
|
|
@@ -73,56 +73,58 @@ class Aggregate extends _aggregateBase.AggregateBase {
|
|
|
73
73
|
timeStamp,
|
|
74
74
|
type
|
|
75
75
|
} = aggregatedUserAction.event;
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
deadClick
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
errorClick
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
76
|
+
aggregatedUserAction.targets.forEach(mfeTarget => {
|
|
77
|
+
const userActionEvent = {
|
|
78
|
+
eventType: 'UserAction',
|
|
79
|
+
timestamp: this.#toEpoch(timeStamp),
|
|
80
|
+
action: type,
|
|
81
|
+
actionCount: aggregatedUserAction.count,
|
|
82
|
+
actionDuration: aggregatedUserAction.relativeMs[aggregatedUserAction.relativeMs.length - 1],
|
|
83
|
+
actionMs: aggregatedUserAction.relativeMs,
|
|
84
|
+
rageClick: aggregatedUserAction.rageClick,
|
|
85
|
+
target: aggregatedUserAction.selectorPath,
|
|
86
|
+
currentUrl: aggregatedUserAction.currentUrl,
|
|
87
|
+
...((0, _iframe.isIFrameWindow)(window) && {
|
|
88
|
+
iframe: true
|
|
89
|
+
}),
|
|
90
|
+
...this.agentRef.init.user_actions.elementAttributes.reduce((acc, field) => {
|
|
91
|
+
/** prevent us from capturing an obscenely long value */
|
|
92
|
+
if (canTrustTargetAttribute(field)) acc[targetAttrName(field)] = String(target[field]).trim().slice(0, 128);
|
|
93
|
+
return acc;
|
|
94
|
+
}, {}),
|
|
95
|
+
...aggregatedUserAction.nearestTargetFields,
|
|
96
|
+
...(aggregatedUserAction.deadClick && {
|
|
97
|
+
deadClick: true
|
|
98
|
+
}),
|
|
99
|
+
...(aggregatedUserAction.errorClick && {
|
|
100
|
+
errorClick: true
|
|
101
|
+
})
|
|
102
|
+
};
|
|
103
|
+
this.addEvent(userActionEvent, mfeTarget);
|
|
104
|
+
this.#trackUserActionSM(userActionEvent);
|
|
104
105
|
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
106
|
+
/**
|
|
107
|
+
* Returns the original target field name with `target` prepended and camelCased
|
|
108
|
+
* @param {string} originalFieldName
|
|
109
|
+
* @returns {string} the target field name
|
|
110
|
+
*/
|
|
111
|
+
function targetAttrName(originalFieldName) {
|
|
112
|
+
/** preserve original renaming structure for pre-existing field maps */
|
|
113
|
+
if (originalFieldName === 'tagName') originalFieldName = 'tag';
|
|
114
|
+
if (originalFieldName === 'className') originalFieldName = 'class';
|
|
115
|
+
/** return the original field name, cap'd and prepended with target to match formatting */
|
|
116
|
+
return "target".concat(originalFieldName.charAt(0).toUpperCase() + originalFieldName.slice(1));
|
|
117
|
+
}
|
|
117
118
|
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
119
|
+
/**
|
|
120
|
+
* Only trust attributes that exist on HTML element targets, which excludes the window and the document targets
|
|
121
|
+
* @param {string} attribute The attribute to check for on the target element
|
|
122
|
+
* @returns {boolean} Whether the target element has the attribute and can be trusted
|
|
123
|
+
*/
|
|
124
|
+
function canTrustTargetAttribute(attribute) {
|
|
125
|
+
return !!(aggregatedUserAction.selectorPath !== 'window' && aggregatedUserAction.selectorPath !== 'document' && target instanceof HTMLElement && target?.[attribute]);
|
|
126
|
+
}
|
|
127
|
+
});
|
|
126
128
|
}
|
|
127
129
|
} catch (e) {
|
|
128
130
|
// do nothing for now
|
|
@@ -322,9 +324,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
|
|
|
322
324
|
timestamp: this.#toEpoch((0, _now.now)()),
|
|
323
325
|
/** all generic events require pageUrl(s) */
|
|
324
326
|
pageUrl: (0, _cleanUrl.cleanURL)('' + _runtime.initialLocation),
|
|
325
|
-
currentUrl: (0, _cleanUrl.cleanURL)('' + location)
|
|
326
|
-
/** Specific attributes only supplied if harvesting to endpoint version 2 */
|
|
327
|
-
...(0, _utils.getVersion2Attributes)(target, this)
|
|
327
|
+
currentUrl: (0, _cleanUrl.cleanURL)('' + location)
|
|
328
328
|
};
|
|
329
329
|
const eventAttributes = {
|
|
330
330
|
/** Agent-level custom attributes */
|
|
@@ -334,7 +334,14 @@ class Aggregate extends _aggregateBase.AggregateBase {
|
|
|
334
334
|
/** Event-specific attributes take precedence over agent-level custom attributes and fallbacks */
|
|
335
335
|
...obj
|
|
336
336
|
};
|
|
337
|
-
this.events.add(
|
|
337
|
+
this.events.add({
|
|
338
|
+
...eventAttributes,
|
|
339
|
+
...(0, _utils.getVersion2Attributes)(target, this)
|
|
340
|
+
});
|
|
341
|
+
if ((0, _utils.shouldDuplicate)(target, this.agentRef)) this.addEvent({
|
|
342
|
+
...eventAttributes,
|
|
343
|
+
...(0, _utils.getVersion2DuplicationAttributes)(target, this)
|
|
344
|
+
});
|
|
338
345
|
}
|
|
339
346
|
serializer(eventBuffer) {
|
|
340
347
|
return (0, _traverse.applyFnToProps)({
|
|
@@ -7,7 +7,7 @@ exports.AggregatedUserAction = void 0;
|
|
|
7
7
|
var _constants = require("../../constants");
|
|
8
8
|
var _cleanUrl = require("../../../../common/url/clean-url");
|
|
9
9
|
/**
|
|
10
|
-
* Copyright 2020-
|
|
10
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
11
11
|
* SPDX-License-Identifier: Apache-2.0
|
|
12
12
|
*/
|
|
13
13
|
|
|
@@ -23,6 +23,7 @@ class AggregatedUserAction {
|
|
|
23
23
|
this.currentUrl = (0, _cleanUrl.cleanURL)('' + location);
|
|
24
24
|
this.deadClick = false;
|
|
25
25
|
this.errorClick = false;
|
|
26
|
+
this.targets = selectorInfo.targets;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
29
|
/**
|
|
@@ -10,7 +10,7 @@ var _aggregatedUserAction = require("./aggregated-user-action");
|
|
|
10
10
|
var _timer = require("../../../../common/timer/timer");
|
|
11
11
|
var _nreum = require("../../../../common/window/nreum");
|
|
12
12
|
/**
|
|
13
|
-
* Copyright 2020-
|
|
13
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
14
14
|
* SPDX-License-Identifier: Apache-2.0
|
|
15
15
|
*/
|
|
16
16
|
|
|
@@ -21,7 +21,8 @@ class UserActionsAggregator {
|
|
|
21
21
|
#deadClickTimer = undefined;
|
|
22
22
|
#domObserver = undefined;
|
|
23
23
|
#errorClickTimer = undefined;
|
|
24
|
-
constructor() {
|
|
24
|
+
constructor(agentRef) {
|
|
25
|
+
this.agentRef = agentRef;
|
|
25
26
|
if ((0, _nreum.gosNREUMOriginals)().o.MO) {
|
|
26
27
|
this.#domObserver = new MutationObserver(this.isLiveClick.bind(this));
|
|
27
28
|
}
|
|
@@ -44,7 +45,7 @@ class UserActionsAggregator {
|
|
|
44
45
|
process(evt, targetFields) {
|
|
45
46
|
if (!evt) return;
|
|
46
47
|
const targetElem = _constants.OBSERVED_WINDOW_EVENTS.includes(evt.type) ? window : evt.target;
|
|
47
|
-
const selectorInfo = (0, _selectorPath.analyzeElemPath)(targetElem, targetFields);
|
|
48
|
+
const selectorInfo = (0, _selectorPath.analyzeElemPath)(targetElem, targetFields, this.agentRef);
|
|
48
49
|
|
|
49
50
|
// if selectorInfo.path is undefined, aggregation will be skipped for this event
|
|
50
51
|
const aggregationKey = getAggregationKey(evt, selectorInfo.path);
|
|
@@ -21,7 +21,7 @@ var _cleanUrl = require("../../../common/url/clean-url");
|
|
|
21
21
|
var _featureGates = require("../../utils/feature-gates");
|
|
22
22
|
var _constants3 = require("../../../loaders/api/constants");
|
|
23
23
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); } /**
|
|
24
|
-
* Copyright 2020-
|
|
24
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
25
25
|
* SPDX-License-Identifier: Apache-2.0
|
|
26
26
|
*/ /**
|
|
27
27
|
* @file Records, aggregates, and harvests session replay data.
|
|
@@ -219,6 +219,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
|
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
221
|
makeHarvestPayload() {
|
|
222
|
+
if (this.isRetrying) return this.recorder.retryPayload;
|
|
222
223
|
if (this.mode !== _constants2.MODE.FULL || this.blocked) return; // harvests should only be made in FULL mode, and not if the feature is blocked
|
|
223
224
|
if (this.shouldCompress && !this.gzipper) return; // if compression is enabled, but the libraries have not loaded, wait for them to load
|
|
224
225
|
if (!this.recorder || !this.timeKeeper?.ready || !(this.recorder.hasSeenSnapshot && this.recorder.hasSeenMeta)) return; // if the recorder or the timekeeper is not ready, or the recorder has not yet seen a snapshot, do not harvest
|
|
@@ -246,8 +247,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
|
|
|
246
247
|
this.abort(_constants.ABORT_REASONS.TOO_BIG, len);
|
|
247
248
|
return;
|
|
248
249
|
}
|
|
249
|
-
|
|
250
|
-
// TODO -- Gracefully handle the buffer for retries.
|
|
251
250
|
if (!this.agentRef.runtime.session.state.sessionReplaySentFirstChunk) this.syncWithSessionManager({
|
|
252
251
|
sessionReplaySentFirstChunk: true
|
|
253
252
|
});
|
|
@@ -255,6 +254,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
|
|
|
255
254
|
if (!this.agentRef.runtime.session.state.traceHarvestStarted) {
|
|
256
255
|
(0, _console.warn)(59, JSON.stringify(this.agentRef.runtime.session.state));
|
|
257
256
|
}
|
|
257
|
+
this.recorder.retryPayload = payload;
|
|
258
258
|
return payload;
|
|
259
259
|
}
|
|
260
260
|
|
|
@@ -352,9 +352,18 @@ class Aggregate extends _aggregateBase.AggregateBase {
|
|
|
352
352
|
};
|
|
353
353
|
}
|
|
354
354
|
postHarvestCleanup(result) {
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
355
|
+
if (result.sent) {
|
|
356
|
+
if (result.retry) {
|
|
357
|
+
(0, _console.warn)(70);
|
|
358
|
+
this.isRetrying = true;
|
|
359
|
+
this.forceStop();
|
|
360
|
+
} else {
|
|
361
|
+
this.recorder.retryPayload = undefined;
|
|
362
|
+
if (this.isRetrying) {
|
|
363
|
+
this.isRetrying = false;
|
|
364
|
+
this.switchToFull();
|
|
365
|
+
}
|
|
366
|
+
}
|
|
358
367
|
}
|
|
359
368
|
}
|
|
360
369
|
|
|
@@ -7,7 +7,7 @@ exports.TRIGGERS = exports.RRWEB_EVENT_TYPES = exports.QUERY_PARAM_PADDING = exp
|
|
|
7
7
|
var _constants = require("../../common/session/constants");
|
|
8
8
|
var _features = require("../../loaders/features/features");
|
|
9
9
|
/**
|
|
10
|
-
* Copyright 2020-
|
|
10
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
11
11
|
* SPDX-License-Identifier: Apache-2.0
|
|
12
12
|
*/
|
|
13
13
|
|
|
@@ -19,7 +19,7 @@ var _console = require("../../../common/util/console");
|
|
|
19
19
|
var _invoke = require("../../../common/util/invoke");
|
|
20
20
|
var _registerHandler = require("../../../common/event-emitter/register-handler");
|
|
21
21
|
/**
|
|
22
|
-
* Copyright 2020-
|
|
22
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
23
23
|
* SPDX-License-Identifier: Apache-2.0
|
|
24
24
|
*/
|
|
25
25
|
|
|
@@ -47,6 +47,8 @@ class Recorder {
|
|
|
47
47
|
this.events = new _recorderEvents.RecorderEvents(this.shouldFix);
|
|
48
48
|
/** Backlog used for a 2-part sliding window to guarantee a 15-30s buffer window */
|
|
49
49
|
this.backloggedEvents = new _recorderEvents.RecorderEvents(this.shouldFix);
|
|
50
|
+
/** Used to hold the harvest contents to facilitate retrying */
|
|
51
|
+
this.retryPayload = undefined;
|
|
50
52
|
/** Only set to true once a snapshot node has been processed. Used to block harvests from sending before we know we have a snapshot */
|
|
51
53
|
this.hasSeenSnapshot = false;
|
|
52
54
|
this.hasSeenMeta = false;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright 2020-
|
|
2
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
3
3
|
* SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
import { getRegisteredTargetsFromId } from '../v2/utils';
|
|
7
|
+
|
|
6
8
|
/**
|
|
7
9
|
* Generates a CSS selector path for the given element, if possible.
|
|
8
10
|
* Also gather metadata about the element's nearest fields, and whether there are any links or buttons in the path.
|
|
@@ -12,12 +14,16 @@
|
|
|
12
14
|
*
|
|
13
15
|
* @param {HTMLElement} elem
|
|
14
16
|
* @param {Array<string>} [targetFields=[]] specifies which fields to gather from the nearest element in the path
|
|
15
|
-
* @returns {{path: (undefined|string), nearestFields: {}, hasButton: boolean, hasLink: boolean}}
|
|
17
|
+
* @returns {{path: (undefined|string), nearestFields: {}, targets: Array, hasButton: boolean, hasLink: boolean}}
|
|
16
18
|
*/
|
|
17
|
-
export const analyzeElemPath = (elem, targetFields = []) => {
|
|
19
|
+
export const analyzeElemPath = (elem, targetFields = [], agentRef) => {
|
|
20
|
+
const targets = [];
|
|
18
21
|
const result = {
|
|
19
22
|
path: undefined,
|
|
20
23
|
nearestFields: {},
|
|
24
|
+
get targets() {
|
|
25
|
+
return targets.length ? targets : [undefined];
|
|
26
|
+
},
|
|
21
27
|
hasButton: false,
|
|
22
28
|
hasLink: false
|
|
23
29
|
};
|
|
@@ -40,6 +46,10 @@ export const analyzeElemPath = (elem, targetFields = []) => {
|
|
|
40
46
|
targetFields.forEach(field => {
|
|
41
47
|
result.nearestFields[nearestAttrName(field)] ||= elem[field]?.baseVal || elem[field];
|
|
42
48
|
});
|
|
49
|
+
const dataAttrs = elem?.dataset;
|
|
50
|
+
if (dataAttrs.nrMfeId) {
|
|
51
|
+
targets.push(...getRegisteredTargetsFromId(dataAttrs.nrMfeId, agentRef));
|
|
52
|
+
}
|
|
43
53
|
pathSelector = buildPathSelector(elem, pathSelector);
|
|
44
54
|
elem = elem.parentNode;
|
|
45
55
|
}
|
|
@@ -14,7 +14,7 @@ import { applyFnToProps } from '../../../common/util/traverse';
|
|
|
14
14
|
import { UserActionsAggregator } from './user-actions/user-actions-aggregator';
|
|
15
15
|
import { isIFrameWindow } from '../../../common/dom/iframe';
|
|
16
16
|
import { isPureObject } from '../../../common/util/type-check';
|
|
17
|
-
import { getVersion2Attributes } from '../../../common/v2/utils';
|
|
17
|
+
import { getVersion2Attributes, getVersion2DuplicationAttributes, shouldDuplicate } from '../../../common/v2/utils';
|
|
18
18
|
export class Aggregate extends AggregateBase {
|
|
19
19
|
static featureName = FEATURE_NAME;
|
|
20
20
|
#userActionAggregator;
|
|
@@ -54,7 +54,7 @@ export class Aggregate extends AggregateBase {
|
|
|
54
54
|
}
|
|
55
55
|
let addUserAction = () => {/** no-op */};
|
|
56
56
|
if (isBrowserScope && agentRef.init.user_actions.enabled) {
|
|
57
|
-
this.#userActionAggregator = new UserActionsAggregator();
|
|
57
|
+
this.#userActionAggregator = new UserActionsAggregator(this.agentRef);
|
|
58
58
|
this.harvestOpts.beforeUnload = () => addUserAction?.(this.#userActionAggregator.aggregationEvent);
|
|
59
59
|
addUserAction = aggregatedUserAction => {
|
|
60
60
|
try {
|
|
@@ -66,56 +66,58 @@ export class Aggregate extends AggregateBase {
|
|
|
66
66
|
timeStamp,
|
|
67
67
|
type
|
|
68
68
|
} = aggregatedUserAction.event;
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
deadClick
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
errorClick
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
69
|
+
aggregatedUserAction.targets.forEach(mfeTarget => {
|
|
70
|
+
const userActionEvent = {
|
|
71
|
+
eventType: 'UserAction',
|
|
72
|
+
timestamp: this.#toEpoch(timeStamp),
|
|
73
|
+
action: type,
|
|
74
|
+
actionCount: aggregatedUserAction.count,
|
|
75
|
+
actionDuration: aggregatedUserAction.relativeMs[aggregatedUserAction.relativeMs.length - 1],
|
|
76
|
+
actionMs: aggregatedUserAction.relativeMs,
|
|
77
|
+
rageClick: aggregatedUserAction.rageClick,
|
|
78
|
+
target: aggregatedUserAction.selectorPath,
|
|
79
|
+
currentUrl: aggregatedUserAction.currentUrl,
|
|
80
|
+
...(isIFrameWindow(window) && {
|
|
81
|
+
iframe: true
|
|
82
|
+
}),
|
|
83
|
+
...this.agentRef.init.user_actions.elementAttributes.reduce((acc, field) => {
|
|
84
|
+
/** prevent us from capturing an obscenely long value */
|
|
85
|
+
if (canTrustTargetAttribute(field)) acc[targetAttrName(field)] = String(target[field]).trim().slice(0, 128);
|
|
86
|
+
return acc;
|
|
87
|
+
}, {}),
|
|
88
|
+
...aggregatedUserAction.nearestTargetFields,
|
|
89
|
+
...(aggregatedUserAction.deadClick && {
|
|
90
|
+
deadClick: true
|
|
91
|
+
}),
|
|
92
|
+
...(aggregatedUserAction.errorClick && {
|
|
93
|
+
errorClick: true
|
|
94
|
+
})
|
|
95
|
+
};
|
|
96
|
+
this.addEvent(userActionEvent, mfeTarget);
|
|
97
|
+
this.#trackUserActionSM(userActionEvent);
|
|
97
98
|
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
99
|
+
/**
|
|
100
|
+
* Returns the original target field name with `target` prepended and camelCased
|
|
101
|
+
* @param {string} originalFieldName
|
|
102
|
+
* @returns {string} the target field name
|
|
103
|
+
*/
|
|
104
|
+
function targetAttrName(originalFieldName) {
|
|
105
|
+
/** preserve original renaming structure for pre-existing field maps */
|
|
106
|
+
if (originalFieldName === 'tagName') originalFieldName = 'tag';
|
|
107
|
+
if (originalFieldName === 'className') originalFieldName = 'class';
|
|
108
|
+
/** return the original field name, cap'd and prepended with target to match formatting */
|
|
109
|
+
return "target".concat(originalFieldName.charAt(0).toUpperCase() + originalFieldName.slice(1));
|
|
110
|
+
}
|
|
110
111
|
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
112
|
+
/**
|
|
113
|
+
* Only trust attributes that exist on HTML element targets, which excludes the window and the document targets
|
|
114
|
+
* @param {string} attribute The attribute to check for on the target element
|
|
115
|
+
* @returns {boolean} Whether the target element has the attribute and can be trusted
|
|
116
|
+
*/
|
|
117
|
+
function canTrustTargetAttribute(attribute) {
|
|
118
|
+
return !!(aggregatedUserAction.selectorPath !== 'window' && aggregatedUserAction.selectorPath !== 'document' && target instanceof HTMLElement && target?.[attribute]);
|
|
119
|
+
}
|
|
120
|
+
});
|
|
119
121
|
}
|
|
120
122
|
} catch (e) {
|
|
121
123
|
// do nothing for now
|
|
@@ -315,9 +317,7 @@ export class Aggregate extends AggregateBase {
|
|
|
315
317
|
timestamp: this.#toEpoch(now()),
|
|
316
318
|
/** all generic events require pageUrl(s) */
|
|
317
319
|
pageUrl: cleanURL('' + initialLocation),
|
|
318
|
-
currentUrl: cleanURL('' + location)
|
|
319
|
-
/** Specific attributes only supplied if harvesting to endpoint version 2 */
|
|
320
|
-
...getVersion2Attributes(target, this)
|
|
320
|
+
currentUrl: cleanURL('' + location)
|
|
321
321
|
};
|
|
322
322
|
const eventAttributes = {
|
|
323
323
|
/** Agent-level custom attributes */
|
|
@@ -327,7 +327,14 @@ export class Aggregate extends AggregateBase {
|
|
|
327
327
|
/** Event-specific attributes take precedence over agent-level custom attributes and fallbacks */
|
|
328
328
|
...obj
|
|
329
329
|
};
|
|
330
|
-
this.events.add(
|
|
330
|
+
this.events.add({
|
|
331
|
+
...eventAttributes,
|
|
332
|
+
...getVersion2Attributes(target, this)
|
|
333
|
+
});
|
|
334
|
+
if (shouldDuplicate(target, this.agentRef)) this.addEvent({
|
|
335
|
+
...eventAttributes,
|
|
336
|
+
...getVersion2DuplicationAttributes(target, this)
|
|
337
|
+
});
|
|
331
338
|
}
|
|
332
339
|
serializer(eventBuffer) {
|
|
333
340
|
return applyFnToProps({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright 2020-
|
|
2
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
3
3
|
* SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
5
|
import { RAGE_CLICK_THRESHOLD_EVENTS, RAGE_CLICK_THRESHOLD_MS } from '../../constants';
|
|
@@ -16,6 +16,7 @@ export class AggregatedUserAction {
|
|
|
16
16
|
this.currentUrl = cleanURL('' + location);
|
|
17
17
|
this.deadClick = false;
|
|
18
18
|
this.errorClick = false;
|
|
19
|
+
this.targets = selectorInfo.targets;
|
|
19
20
|
}
|
|
20
21
|
|
|
21
22
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright 2020-
|
|
2
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
3
3
|
* SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
5
|
import { analyzeElemPath } from '../../../../common/dom/selector-path';
|
|
@@ -14,7 +14,8 @@ export class UserActionsAggregator {
|
|
|
14
14
|
#deadClickTimer = undefined;
|
|
15
15
|
#domObserver = undefined;
|
|
16
16
|
#errorClickTimer = undefined;
|
|
17
|
-
constructor() {
|
|
17
|
+
constructor(agentRef) {
|
|
18
|
+
this.agentRef = agentRef;
|
|
18
19
|
if (gosNREUMOriginals().o.MO) {
|
|
19
20
|
this.#domObserver = new MutationObserver(this.isLiveClick.bind(this));
|
|
20
21
|
}
|
|
@@ -37,7 +38,7 @@ export class UserActionsAggregator {
|
|
|
37
38
|
process(evt, targetFields) {
|
|
38
39
|
if (!evt) return;
|
|
39
40
|
const targetElem = OBSERVED_WINDOW_EVENTS.includes(evt.type) ? window : evt.target;
|
|
40
|
-
const selectorInfo = analyzeElemPath(targetElem, targetFields);
|
|
41
|
+
const selectorInfo = analyzeElemPath(targetElem, targetFields, this.agentRef);
|
|
41
42
|
|
|
42
43
|
// if selectorInfo.path is undefined, aggregation will be skipped for this event
|
|
43
44
|
const aggregationKey = getAggregationKey(evt, selectorInfo.path);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright 2020-
|
|
2
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
3
3
|
* SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
5
|
/**
|
|
@@ -215,6 +215,7 @@ export class Aggregate extends AggregateBase {
|
|
|
215
215
|
}
|
|
216
216
|
}
|
|
217
217
|
makeHarvestPayload() {
|
|
218
|
+
if (this.isRetrying) return this.recorder.retryPayload;
|
|
218
219
|
if (this.mode !== MODE.FULL || this.blocked) return; // harvests should only be made in FULL mode, and not if the feature is blocked
|
|
219
220
|
if (this.shouldCompress && !this.gzipper) return; // if compression is enabled, but the libraries have not loaded, wait for them to load
|
|
220
221
|
if (!this.recorder || !this.timeKeeper?.ready || !(this.recorder.hasSeenSnapshot && this.recorder.hasSeenMeta)) return; // if the recorder or the timekeeper is not ready, or the recorder has not yet seen a snapshot, do not harvest
|
|
@@ -242,8 +243,6 @@ export class Aggregate extends AggregateBase {
|
|
|
242
243
|
this.abort(ABORT_REASONS.TOO_BIG, len);
|
|
243
244
|
return;
|
|
244
245
|
}
|
|
245
|
-
|
|
246
|
-
// TODO -- Gracefully handle the buffer for retries.
|
|
247
246
|
if (!this.agentRef.runtime.session.state.sessionReplaySentFirstChunk) this.syncWithSessionManager({
|
|
248
247
|
sessionReplaySentFirstChunk: true
|
|
249
248
|
});
|
|
@@ -251,6 +250,7 @@ export class Aggregate extends AggregateBase {
|
|
|
251
250
|
if (!this.agentRef.runtime.session.state.traceHarvestStarted) {
|
|
252
251
|
warn(59, JSON.stringify(this.agentRef.runtime.session.state));
|
|
253
252
|
}
|
|
253
|
+
this.recorder.retryPayload = payload;
|
|
254
254
|
return payload;
|
|
255
255
|
}
|
|
256
256
|
|
|
@@ -348,9 +348,18 @@ export class Aggregate extends AggregateBase {
|
|
|
348
348
|
};
|
|
349
349
|
}
|
|
350
350
|
postHarvestCleanup(result) {
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
351
|
+
if (result.sent) {
|
|
352
|
+
if (result.retry) {
|
|
353
|
+
warn(70);
|
|
354
|
+
this.isRetrying = true;
|
|
355
|
+
this.forceStop();
|
|
356
|
+
} else {
|
|
357
|
+
this.recorder.retryPayload = undefined;
|
|
358
|
+
if (this.isRetrying) {
|
|
359
|
+
this.isRetrying = false;
|
|
360
|
+
this.switchToFull();
|
|
361
|
+
}
|
|
362
|
+
}
|
|
354
363
|
}
|
|
355
364
|
}
|
|
356
365
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright 2020-
|
|
2
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
3
3
|
* SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
5
|
import { record as recorder } from '@newrelic/rrweb';
|
|
@@ -40,6 +40,8 @@ export class Recorder {
|
|
|
40
40
|
this.events = new RecorderEvents(this.shouldFix);
|
|
41
41
|
/** Backlog used for a 2-part sliding window to guarantee a 15-30s buffer window */
|
|
42
42
|
this.backloggedEvents = new RecorderEvents(this.shouldFix);
|
|
43
|
+
/** Used to hold the harvest contents to facilitate retrying */
|
|
44
|
+
this.retryPayload = undefined;
|
|
43
45
|
/** Only set to true once a snapshot node has been processed. Used to block harvests from sending before we know we have a snapshot */
|
|
44
46
|
this.hasSeenSnapshot = false;
|
|
45
47
|
this.hasSeenMeta = false;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export function analyzeElemPath(elem: HTMLElement, targetFields?: Array<string
|
|
1
|
+
export function analyzeElemPath(elem: HTMLElement, targetFields?: Array<string>, agentRef: any): {
|
|
2
2
|
path: (undefined | string);
|
|
3
3
|
nearestFields: {};
|
|
4
|
+
targets: any[];
|
|
4
5
|
hasButton: boolean;
|
|
5
6
|
hasLink: boolean;
|
|
6
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selector-path.d.ts","sourceRoot":"","sources":["../../../../src/common/dom/selector-path.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"selector-path.d.ts","sourceRoot":"","sources":["../../../../src/common/dom/selector-path.js"],"names":[],"mappings":"AAkBO,sCAJI,WAAW,iBACX,KAAK,CAAC,MAAM,CAAC,kBACX;IAAC,IAAI,EAAE,CAAC,SAAS,GAAC,MAAM,CAAC,CAAC;IAAC,aAAa,EAAE,EAAE,CAAC;IAAC,OAAO,QAAQ;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAC,CAkC/G"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/generic_events/aggregate/index.js"],"names":[],"mappings":"AAkBA;IACE,2BAAiC;IAGjC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/generic_events/aggregate/index.js"],"names":[],"mappings":"AAkBA;IACE,2BAAiC;IAGjC,2BAyQC;IAvQC,gCAAkG;IA0QpG;;;;;;;;;;;;OAYG;IACH,eAJW,MAAM,YAAC,WACP,MAAM,YAAC,QAkCjB;IAED,qCAEC;IAED;;;MAEC;;CAsBF;8BApW6B,4BAA4B"}
|
package/dist/types/features/generic_events/aggregate/user-actions/aggregated-user-action.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export class AggregatedUserAction {
|
|
|
10
10
|
currentUrl: string;
|
|
11
11
|
deadClick: boolean;
|
|
12
12
|
errorClick: boolean;
|
|
13
|
+
targets: any;
|
|
13
14
|
/**
|
|
14
15
|
* Aggregates the count and maintains the relative MS array for matching events
|
|
15
16
|
* Will determine if a rage click was observed as part of the aggregation
|
package/dist/types/features/generic_events/aggregate/user-actions/aggregated-user-action.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aggregated-user-action.d.ts","sourceRoot":"","sources":["../../../../../../src/features/generic_events/aggregate/user-actions/aggregated-user-action.js"],"names":[],"mappings":"AAOA;IACE,
|
|
1
|
+
{"version":3,"file":"aggregated-user-action.d.ts","sourceRoot":"","sources":["../../../../../../src/features/generic_events/aggregate/user-actions/aggregated-user-action.js"],"names":[],"mappings":"AAOA;IACE,yCAYC;IAXC,WAAgB;IAChB,cAAc;IACd,iBAAyC;IACzC,qBAAqB;IACrB,kBAAqC;IACrC,+BAA0B;IAC1B,yBAAqD;IACrD,mBAAyC;IACzC,mBAAsB;IACtB,oBAAuB;IACvB,aAAmC;IAGrC;;;;;OAKG;IACH,eAHW,KAAK,GACH,IAAI,CAMhB;IAED;;;OAGG;IACH,eAFa,OAAO,CAKnB;CACF"}
|
package/dist/types/features/generic_events/aggregate/user-actions/user-actions-aggregator.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export class UserActionsAggregator {
|
|
2
|
+
constructor(agentRef: any);
|
|
3
|
+
agentRef: any;
|
|
2
4
|
get aggregationEvent(): AggregatedUserAction | undefined;
|
|
3
5
|
/**
|
|
4
6
|
* Process the event and determine if a new aggregation set should be made or if it should increment the current aggregation
|
package/dist/types/features/generic_events/aggregate/user-actions/user-actions-aggregator.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"user-actions-aggregator.d.ts","sourceRoot":"","sources":["../../../../../../src/features/generic_events/aggregate/user-actions/user-actions-aggregator.js"],"names":[],"mappings":"AAUA;
|
|
1
|
+
{"version":3,"file":"user-actions-aggregator.d.ts","sourceRoot":"","sources":["../../../../../../src/features/generic_events/aggregate/user-actions/user-actions-aggregator.js"],"names":[],"mappings":"AAUA;IAQE,2BAKC;IAJC,cAAwB;IAM1B,yDAQC;IAED;;;;OAIG;IACH,aAHW,KAAK,sBACH,oBAAoB,GAAC,SAAS,CA2B1C;IAED,yBAKC;IA0CD,oBAEC;;CACF;qCA/GoC,0BAA0B"}
|
|
@@ -35,17 +35,7 @@ export class Aggregate extends AggregateBase {
|
|
|
35
35
|
PRELOAD: string;
|
|
36
36
|
}): void;
|
|
37
37
|
prepUtils(): Promise<void>;
|
|
38
|
-
makeHarvestPayload():
|
|
39
|
-
qs: {
|
|
40
|
-
browser_monitoring_key: any;
|
|
41
|
-
type: string;
|
|
42
|
-
app_id: any;
|
|
43
|
-
protocol_version: string;
|
|
44
|
-
timestamp: any;
|
|
45
|
-
attributes: string;
|
|
46
|
-
};
|
|
47
|
-
body: any;
|
|
48
|
-
} | undefined;
|
|
38
|
+
makeHarvestPayload(): any;
|
|
49
39
|
/**
|
|
50
40
|
* returns the timestamps for the earliest and latest nodes in the provided array, even if out of order
|
|
51
41
|
* @param {Object[]} [nodes] - the nodes to evaluate
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/session_replay/aggregate/index.js"],"names":[],"mappings":"AAyBA;IACE,2BAAiC;IAIjC,sCAyFC;IA5FD,aAAe;IAKb,iFAAiF;IACjF,qBAAwB;IAGxB,2CAA2C;IAC3C,sDAAwB;IACxB,6CAA6C;IAC7C,gDAAmB;IACnB,+DAA+D;IAC/D,wBAA0B;IAE1B,0BAA0B;IAC1B,kBAAqB;IACrB,6CAA6C;IAC7C,gBAA2B;IAE3B,qBAA2B;IAE3B,cAA8C;IAI9C,kCAAqG;IAmEvG,0BAEC;IAED,0BAMC;IAED,qBAUC;IAED;;;;;;OAMG;IACH,4BALW,OAAO,iBACP,OAAO;;;;;;QAEL,IAAI,CA8ChB;IAED,2BAUC;IAED
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/session_replay/aggregate/index.js"],"names":[],"mappings":"AAyBA;IACE,2BAAiC;IAIjC,sCAyFC;IA5FD,aAAe;IAKb,iFAAiF;IACjF,qBAAwB;IAGxB,2CAA2C;IAC3C,sDAAwB;IACxB,6CAA6C;IAC7C,gDAAmB;IACnB,+DAA+D;IAC/D,wBAA0B;IAE1B,0BAA0B;IAC1B,kBAAqB;IACrB,6CAA6C;IAC7C,gBAA2B;IAE3B,qBAA2B;IAE3B,cAA8C;IAI9C,kCAAqG;IAmEvG,0BAEC;IAED,0BAMC;IAED,qBAUC;IAED;;;;;;OAMG;IACH,4BALW,OAAO,iBACP,OAAO;;;;;;QAEL,IAAI,CA8ChB;IAED,2BAUC;IAED,0BA0CC;IAED;;;;OAIG;IACH,6BAHW,MAAM,EAAE,GACN;QAAE,UAAU,EAAE,MAAM,GAAC,SAAS,CAAC;QAAC,SAAS,EAAE,MAAM,GAAC,SAAS,CAAA;KAAE,CAUzE;IAED;;;;;;;;;;MAsEC;IAED,sCAcC;IAED;;;;OAIG;IACH,mCAKC;IAED,yDAAyD;IACzD,+CASC;IAED,yCAIC;CACF;8BAxX6B,4BAA4B"}
|
|
@@ -13,6 +13,8 @@ export class Recorder {
|
|
|
13
13
|
events: RecorderEvents;
|
|
14
14
|
/** Backlog used for a 2-part sliding window to guarantee a 15-30s buffer window */
|
|
15
15
|
backloggedEvents: RecorderEvents;
|
|
16
|
+
/** Used to hold the harvest contents to facilitate retrying */
|
|
17
|
+
retryPayload: any;
|
|
16
18
|
/** Only set to true once a snapshot node has been processed. Used to block harvests from sending before we know we have a snapshot */
|
|
17
19
|
hasSeenSnapshot: boolean;
|
|
18
20
|
hasSeenMeta: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"recorder.d.ts","sourceRoot":"","sources":["../../../../../src/features/session_replay/shared/recorder.js"],"names":[],"mappings":"AAqBA;IAUE,+
|
|
1
|
+
{"version":3,"file":"recorder.d.ts","sourceRoot":"","sources":["../../../../../src/features/session_replay/shared/recorder.js"],"names":[],"mappings":"AAqBA;IAUE,+BAoCC;IAtCD,sBAAmB;IAGjB,iDAAiD;IACjD,kBAAgC;IAEhC,QAAyB;IACzB,mBAA6C;IAC7C,cAAqC;IAErC,qBAAwB;IACxB,0FAA0F;IAC1F,eAAkE;IAElE,iHAAiH;IACjH,uBAAgD;IAChD,mFAAmF;IACnF,iCAA0D;IAC1D,+DAA+D;IAC/D,kBAA6B;IAC7B,uIAAuI;IACvI,yBAA4B;IAC5B,qBAAwB;IACxB,kIAAkI;IAClI,kBAAqB;IACrB,uIAAuI;IACvI,0BAAwE;IAc1E,mBAEC;IAED;;;;;;;;;MAWC;IAED,kFAAkF;IAClF,oBAGC;IAED,qDAAqD;IACrD,8CA0CC;IAED;;;;;OAKG;IACH,aAHW,GAAC,cACD,GAAC,QAiCX;IAED,yHAAyH;IACzH,yCAiCC;IAED,0HAA0H;IAC1H,yBAOC;IAED,wBAEC;IAED,gCAAgC;IAChC,uCAGC;IAED;;;SAGK;IACL,oCAGC;;CACF;+BAzO8B,mBAAmB"}
|
package/package.json
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright 2020-
|
|
2
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
3
3
|
* SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
import { getRegisteredTargetsFromId } from '../v2/utils'
|
|
7
|
+
|
|
6
8
|
/**
|
|
7
9
|
* Generates a CSS selector path for the given element, if possible.
|
|
8
10
|
* Also gather metadata about the element's nearest fields, and whether there are any links or buttons in the path.
|
|
@@ -12,10 +14,11 @@
|
|
|
12
14
|
*
|
|
13
15
|
* @param {HTMLElement} elem
|
|
14
16
|
* @param {Array<string>} [targetFields=[]] specifies which fields to gather from the nearest element in the path
|
|
15
|
-
* @returns {{path: (undefined|string), nearestFields: {}, hasButton: boolean, hasLink: boolean}}
|
|
17
|
+
* @returns {{path: (undefined|string), nearestFields: {}, targets: Array, hasButton: boolean, hasLink: boolean}}
|
|
16
18
|
*/
|
|
17
|
-
export const analyzeElemPath = (elem, targetFields = []) => {
|
|
18
|
-
const
|
|
19
|
+
export const analyzeElemPath = (elem, targetFields = [], agentRef) => {
|
|
20
|
+
const targets = []
|
|
21
|
+
const result = { path: undefined, nearestFields: {}, get targets () { return targets.length ? targets : [undefined] }, hasButton: false, hasLink: false }
|
|
19
22
|
if (!elem) return result
|
|
20
23
|
if (elem === window) { result.path = 'window'; return result }
|
|
21
24
|
if (elem === document) { result.path = 'document'; return result }
|
|
@@ -30,6 +33,12 @@ export const analyzeElemPath = (elem, targetFields = []) => {
|
|
|
30
33
|
result.hasButton ||= tagName === 'button' || (tagName === 'input' && elem.type.toLowerCase() === 'button')
|
|
31
34
|
|
|
32
35
|
targetFields.forEach(field => { result.nearestFields[nearestAttrName(field)] ||= (elem[field]?.baseVal || elem[field]) })
|
|
36
|
+
|
|
37
|
+
const dataAttrs = elem?.dataset
|
|
38
|
+
if (dataAttrs.nrMfeId) {
|
|
39
|
+
targets.push(...getRegisteredTargetsFromId(dataAttrs.nrMfeId, agentRef))
|
|
40
|
+
}
|
|
41
|
+
|
|
33
42
|
pathSelector = buildPathSelector(elem, pathSelector)
|
|
34
43
|
elem = elem.parentNode
|
|
35
44
|
}
|
|
@@ -14,7 +14,7 @@ import { applyFnToProps } from '../../../common/util/traverse'
|
|
|
14
14
|
import { UserActionsAggregator } from './user-actions/user-actions-aggregator'
|
|
15
15
|
import { isIFrameWindow } from '../../../common/dom/iframe'
|
|
16
16
|
import { isPureObject } from '../../../common/util/type-check'
|
|
17
|
-
import { getVersion2Attributes } from '../../../common/v2/utils'
|
|
17
|
+
import { getVersion2Attributes, getVersion2DuplicationAttributes, shouldDuplicate } from '../../../common/v2/utils'
|
|
18
18
|
|
|
19
19
|
export class Aggregate extends AggregateBase {
|
|
20
20
|
static featureName = FEATURE_NAME
|
|
@@ -61,7 +61,7 @@ export class Aggregate extends AggregateBase {
|
|
|
61
61
|
|
|
62
62
|
let addUserAction = () => { /** no-op */ }
|
|
63
63
|
if (isBrowserScope && agentRef.init.user_actions.enabled) {
|
|
64
|
-
this.#userActionAggregator = new UserActionsAggregator()
|
|
64
|
+
this.#userActionAggregator = new UserActionsAggregator(this.agentRef)
|
|
65
65
|
this.harvestOpts.beforeUnload = () => addUserAction?.(this.#userActionAggregator.aggregationEvent)
|
|
66
66
|
|
|
67
67
|
addUserAction = (aggregatedUserAction) => {
|
|
@@ -70,50 +70,54 @@ export class Aggregate extends AggregateBase {
|
|
|
70
70
|
* so we still need to validate that an event was given to this method before we try to add */
|
|
71
71
|
if (aggregatedUserAction?.event) {
|
|
72
72
|
const { target, timeStamp, type } = aggregatedUserAction.event
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
73
|
+
|
|
74
|
+
aggregatedUserAction.targets.forEach(mfeTarget => {
|
|
75
|
+
const userActionEvent = {
|
|
76
|
+
eventType: 'UserAction',
|
|
77
|
+
timestamp: this.#toEpoch(timeStamp),
|
|
78
|
+
action: type,
|
|
79
|
+
actionCount: aggregatedUserAction.count,
|
|
80
|
+
actionDuration: aggregatedUserAction.relativeMs[aggregatedUserAction.relativeMs.length - 1],
|
|
81
|
+
actionMs: aggregatedUserAction.relativeMs,
|
|
82
|
+
rageClick: aggregatedUserAction.rageClick,
|
|
83
|
+
target: aggregatedUserAction.selectorPath,
|
|
84
|
+
currentUrl: aggregatedUserAction.currentUrl,
|
|
85
|
+
...(isIFrameWindow(window) && { iframe: true }),
|
|
86
|
+
...(this.agentRef.init.user_actions.elementAttributes.reduce((acc, field) => {
|
|
85
87
|
/** prevent us from capturing an obscenely long value */
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
88
|
+
if (canTrustTargetAttribute(field)) acc[targetAttrName(field)] = String(target[field]).trim().slice(0, 128)
|
|
89
|
+
return acc
|
|
90
|
+
}, {})),
|
|
91
|
+
...aggregatedUserAction.nearestTargetFields,
|
|
92
|
+
...(aggregatedUserAction.deadClick && { deadClick: true }),
|
|
93
|
+
...(aggregatedUserAction.errorClick && { errorClick: true })
|
|
94
|
+
}
|
|
95
|
+
this.addEvent(userActionEvent, mfeTarget)
|
|
96
|
+
|
|
97
|
+
this.#trackUserActionSM(userActionEvent)
|
|
98
|
+
|
|
99
|
+
/**
|
|
97
100
|
* Returns the original target field name with `target` prepended and camelCased
|
|
98
101
|
* @param {string} originalFieldName
|
|
99
102
|
* @returns {string} the target field name
|
|
100
103
|
*/
|
|
101
|
-
|
|
104
|
+
function targetAttrName (originalFieldName) {
|
|
102
105
|
/** preserve original renaming structure for pre-existing field maps */
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
106
|
+
if (originalFieldName === 'tagName') originalFieldName = 'tag'
|
|
107
|
+
if (originalFieldName === 'className') originalFieldName = 'class'
|
|
108
|
+
/** return the original field name, cap'd and prepended with target to match formatting */
|
|
109
|
+
return `target${originalFieldName.charAt(0).toUpperCase() + originalFieldName.slice(1)}`
|
|
110
|
+
}
|
|
108
111
|
|
|
109
|
-
|
|
112
|
+
/**
|
|
110
113
|
* Only trust attributes that exist on HTML element targets, which excludes the window and the document targets
|
|
111
114
|
* @param {string} attribute The attribute to check for on the target element
|
|
112
115
|
* @returns {boolean} Whether the target element has the attribute and can be trusted
|
|
113
116
|
*/
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
+
function canTrustTargetAttribute (attribute) {
|
|
118
|
+
return !!(aggregatedUserAction.selectorPath !== 'window' && aggregatedUserAction.selectorPath !== 'document' && target instanceof HTMLElement && target?.[attribute])
|
|
119
|
+
}
|
|
120
|
+
})
|
|
117
121
|
}
|
|
118
122
|
} catch (e) {
|
|
119
123
|
// do nothing for now
|
|
@@ -314,9 +318,7 @@ export class Aggregate extends AggregateBase {
|
|
|
314
318
|
timestamp: this.#toEpoch(now()),
|
|
315
319
|
/** all generic events require pageUrl(s) */
|
|
316
320
|
pageUrl: cleanURL('' + initialLocation),
|
|
317
|
-
currentUrl: cleanURL('' + location)
|
|
318
|
-
/** Specific attributes only supplied if harvesting to endpoint version 2 */
|
|
319
|
-
...(getVersion2Attributes(target, this))
|
|
321
|
+
currentUrl: cleanURL('' + location)
|
|
320
322
|
}
|
|
321
323
|
|
|
322
324
|
const eventAttributes = {
|
|
@@ -328,7 +330,8 @@ export class Aggregate extends AggregateBase {
|
|
|
328
330
|
...obj
|
|
329
331
|
}
|
|
330
332
|
|
|
331
|
-
this.events.add(eventAttributes)
|
|
333
|
+
this.events.add({ ...eventAttributes, ...getVersion2Attributes(target, this) })
|
|
334
|
+
if (shouldDuplicate(target, this.agentRef)) this.addEvent({ ...eventAttributes, ...getVersion2DuplicationAttributes(target, this) })
|
|
332
335
|
}
|
|
333
336
|
|
|
334
337
|
serializer (eventBuffer) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright 2020-
|
|
2
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
3
3
|
* SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
5
|
import { RAGE_CLICK_THRESHOLD_EVENTS, RAGE_CLICK_THRESHOLD_MS } from '../../constants'
|
|
@@ -17,6 +17,7 @@ export class AggregatedUserAction {
|
|
|
17
17
|
this.currentUrl = cleanURL('' + location)
|
|
18
18
|
this.deadClick = false
|
|
19
19
|
this.errorClick = false
|
|
20
|
+
this.targets = selectorInfo.targets
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright 2020-
|
|
2
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
3
3
|
* SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
5
|
import { analyzeElemPath } from '../../../../common/dom/selector-path'
|
|
@@ -16,7 +16,8 @@ export class UserActionsAggregator {
|
|
|
16
16
|
#domObserver = undefined
|
|
17
17
|
#errorClickTimer = undefined
|
|
18
18
|
|
|
19
|
-
constructor () {
|
|
19
|
+
constructor (agentRef) {
|
|
20
|
+
this.agentRef = agentRef
|
|
20
21
|
if (gosNREUMOriginals().o.MO) {
|
|
21
22
|
this.#domObserver = new MutationObserver(this.isLiveClick.bind(this))
|
|
22
23
|
}
|
|
@@ -40,7 +41,7 @@ export class UserActionsAggregator {
|
|
|
40
41
|
process (evt, targetFields) {
|
|
41
42
|
if (!evt) return
|
|
42
43
|
const targetElem = OBSERVED_WINDOW_EVENTS.includes(evt.type) ? window : evt.target
|
|
43
|
-
const selectorInfo = analyzeElemPath(targetElem, targetFields)
|
|
44
|
+
const selectorInfo = analyzeElemPath(targetElem, targetFields, this.agentRef)
|
|
44
45
|
|
|
45
46
|
// if selectorInfo.path is undefined, aggregation will be skipped for this event
|
|
46
47
|
const aggregationKey = getAggregationKey(evt, selectorInfo.path)
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright 2020-
|
|
2
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
3
3
|
* SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
5
|
/**
|
|
@@ -209,6 +209,7 @@ export class Aggregate extends AggregateBase {
|
|
|
209
209
|
}
|
|
210
210
|
|
|
211
211
|
makeHarvestPayload () {
|
|
212
|
+
if (this.isRetrying) return this.recorder.retryPayload
|
|
212
213
|
if (this.mode !== MODE.FULL || this.blocked) return // harvests should only be made in FULL mode, and not if the feature is blocked
|
|
213
214
|
if (this.shouldCompress && !this.gzipper) return // if compression is enabled, but the libraries have not loaded, wait for them to load
|
|
214
215
|
if (!this.recorder || !this.timeKeeper?.ready || !(this.recorder.hasSeenSnapshot && this.recorder.hasSeenMeta)) return // if the recorder or the timekeeper is not ready, or the recorder has not yet seen a snapshot, do not harvest
|
|
@@ -239,7 +240,6 @@ export class Aggregate extends AggregateBase {
|
|
|
239
240
|
return
|
|
240
241
|
}
|
|
241
242
|
|
|
242
|
-
// TODO -- Gracefully handle the buffer for retries.
|
|
243
243
|
if (!this.agentRef.runtime.session.state.sessionReplaySentFirstChunk) this.syncWithSessionManager({ sessionReplaySentFirstChunk: true })
|
|
244
244
|
this.recorder.clearBuffer()
|
|
245
245
|
|
|
@@ -247,6 +247,8 @@ export class Aggregate extends AggregateBase {
|
|
|
247
247
|
warn(59, JSON.stringify(this.agentRef.runtime.session.state))
|
|
248
248
|
}
|
|
249
249
|
|
|
250
|
+
this.recorder.retryPayload = payload
|
|
251
|
+
|
|
250
252
|
return payload
|
|
251
253
|
}
|
|
252
254
|
|
|
@@ -338,9 +340,18 @@ export class Aggregate extends AggregateBase {
|
|
|
338
340
|
}
|
|
339
341
|
|
|
340
342
|
postHarvestCleanup (result) {
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
343
|
+
if (result.sent) {
|
|
344
|
+
if (result.retry) {
|
|
345
|
+
warn(70)
|
|
346
|
+
this.isRetrying = true
|
|
347
|
+
this.forceStop()
|
|
348
|
+
} else {
|
|
349
|
+
this.recorder.retryPayload = undefined
|
|
350
|
+
if (this.isRetrying) {
|
|
351
|
+
this.isRetrying = false
|
|
352
|
+
this.switchToFull()
|
|
353
|
+
}
|
|
354
|
+
}
|
|
344
355
|
}
|
|
345
356
|
}
|
|
346
357
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright 2020-
|
|
2
|
+
* Copyright 2020-2026 New Relic, Inc. All rights reserved.
|
|
3
3
|
* SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
5
|
import { record as recorder } from '@newrelic/rrweb'
|
|
@@ -45,6 +45,8 @@ export class Recorder {
|
|
|
45
45
|
this.events = new RecorderEvents(this.shouldFix)
|
|
46
46
|
/** Backlog used for a 2-part sliding window to guarantee a 15-30s buffer window */
|
|
47
47
|
this.backloggedEvents = new RecorderEvents(this.shouldFix)
|
|
48
|
+
/** Used to hold the harvest contents to facilitate retrying */
|
|
49
|
+
this.retryPayload = undefined
|
|
48
50
|
/** Only set to true once a snapshot node has been processed. Used to block harvests from sending before we know we have a snapshot */
|
|
49
51
|
this.hasSeenSnapshot = false
|
|
50
52
|
this.hasSeenMeta = false
|