@atlaskit/react-ufo 4.15.1 → 4.15.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/CHANGELOG.md +14 -0
- package/dist/cjs/create-payload/index.js +18 -791
- package/dist/cjs/create-payload/utils/get-visibility-state-from-performance.js +1 -0
- package/dist/cjs/interaction-id-context/index.js +2 -1
- package/dist/cjs/ssr/index.js +103 -8
- package/dist/cjs/vc/vc-observer-new/metric-calculator/fy25_03/index.js +1 -1
- package/dist/es2019/create-payload/index.js +20 -712
- package/dist/es2019/create-payload/utils/get-visibility-state-from-performance.js +1 -0
- package/dist/es2019/interaction-id-context/index.js +2 -1
- package/dist/es2019/ssr/index.js +103 -8
- package/dist/es2019/vc/vc-observer-new/metric-calculator/fy25_03/index.js +1 -1
- package/dist/esm/create-payload/index.js +18 -783
- package/dist/esm/create-payload/utils/get-visibility-state-from-performance.js +1 -0
- package/dist/esm/interaction-id-context/index.js +2 -1
- package/dist/esm/ssr/index.js +102 -8
- package/dist/esm/vc/vc-observer-new/metric-calculator/fy25_03/index.js +1 -1
- package/dist/types/assets/utils.d.ts +1 -1
- package/dist/types/create-experimental-interaction-metrics-payload/index.d.ts +2 -1
- package/dist/types/create-interaction-extra-metrics-payload/index.d.ts +17 -14
- package/dist/types/create-payload/index.d.ts +8598 -8594
- package/dist/types/create-payload/utils/get-more-accurate-page-visibility-up-to-ttai.d.ts +2 -1
- package/dist/types/create-payload/utils/get-page-visibility-up-to-ttai.d.ts +2 -1
- package/dist/types/create-payload/utils/get-react-ufo-payload-version.d.ts +1 -1
- package/dist/types/create-payload/utils/optimize-apdex.d.ts +2 -1
- package/dist/types/create-payload/utils/optimize-marks.d.ts +4 -3
- package/dist/types/create-post-interaction-log-payload/index.d.ts +5 -4
- package/dist/types/experience-trace-id-context/index.d.ts +2 -1
- package/dist/types/ignore-holds/index.d.ts +1 -1
- package/dist/types/interaction-id-context/index.d.ts +3 -2
- package/dist/types/label/UFOLabel.d.ts +1 -1
- package/dist/types/load-hold/UFOLoadHold.d.ts +1 -1
- package/dist/types/placeholder/loosely-lazy/wait-context.d.ts +2 -1
- package/dist/types/report-error/index.d.ts +1 -1
- package/dist/types/ssr/index.d.ts +1 -0
- package/dist/types/trace-interaction/internal/map-to-interaction-type.d.ts +1 -1
- package/dist/types/typing-performance-tracing/index.d.ts +2 -1
- package/dist/types/vc/vc-observer/media-wrapper/MediaWrapper.d.ts +1 -1
- package/dist/types/vc/vc-observer/observers/ssr-placeholders/index.d.ts +3 -3
- package/dist/types/vc/vc-observer-new/viewport-observer/performance-observer/index.d.ts +1 -1
- package/dist/types-ts4.5/assets/utils.d.ts +1 -1
- package/dist/types-ts4.5/create-experimental-interaction-metrics-payload/index.d.ts +2 -1
- package/dist/types-ts4.5/create-interaction-extra-metrics-payload/index.d.ts +17 -14
- package/dist/types-ts4.5/create-payload/index.d.ts +8598 -8594
- package/dist/types-ts4.5/create-payload/utils/get-more-accurate-page-visibility-up-to-ttai.d.ts +2 -1
- package/dist/types-ts4.5/create-payload/utils/get-page-visibility-up-to-ttai.d.ts +2 -1
- package/dist/types-ts4.5/create-payload/utils/get-react-ufo-payload-version.d.ts +1 -1
- package/dist/types-ts4.5/create-payload/utils/optimize-apdex.d.ts +2 -1
- package/dist/types-ts4.5/create-payload/utils/optimize-marks.d.ts +4 -3
- package/dist/types-ts4.5/create-post-interaction-log-payload/index.d.ts +5 -4
- package/dist/types-ts4.5/experience-trace-id-context/index.d.ts +2 -1
- package/dist/types-ts4.5/ignore-holds/index.d.ts +1 -1
- package/dist/types-ts4.5/interaction-id-context/index.d.ts +3 -2
- package/dist/types-ts4.5/label/UFOLabel.d.ts +1 -1
- package/dist/types-ts4.5/load-hold/UFOLoadHold.d.ts +1 -1
- package/dist/types-ts4.5/placeholder/loosely-lazy/wait-context.d.ts +2 -1
- package/dist/types-ts4.5/report-error/index.d.ts +1 -1
- package/dist/types-ts4.5/ssr/index.d.ts +1 -0
- package/dist/types-ts4.5/trace-interaction/internal/map-to-interaction-type.d.ts +1 -1
- package/dist/types-ts4.5/typing-performance-tracing/index.d.ts +2 -1
- package/dist/types-ts4.5/vc/vc-observer/media-wrapper/MediaWrapper.d.ts +1 -1
- package/dist/types-ts4.5/vc/vc-observer/observers/ssr-placeholders/index.d.ts +3 -3
- package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/performance-observer/index.d.ts +1 -1
- package/package.json +4 -1
|
@@ -1,783 +1,18 @@
|
|
|
1
|
-
import _objectWithoutProperties from
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
function
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
import { getConfig, getExperimentalInteractionRate, getUfoNameOverrides } from '../config';
|
|
20
|
-
import { getExperimentalVCMetrics } from '../create-experimental-interaction-metrics-payload';
|
|
21
|
-
import { getBm3Timings } from '../custom-timings';
|
|
22
|
-
import { getGlobalErrorCount } from '../global-error-handler';
|
|
23
|
-
import { getPageVisibilityState } from '../hidden-timing';
|
|
24
|
-
import * as initialPageLoadExtraTiming from '../initial-page-load-extra-timing';
|
|
25
|
-
import { interactionSpans as atlaskitInteractionSpans } from '../interaction-metrics';
|
|
26
|
-
import { createMemoryStateReport, createPressureStateReport } from '../machine-utilisation';
|
|
27
|
-
import * as resourceTiming from '../resource-timing';
|
|
28
|
-
import { filterResourceTimings } from '../resource-timing/common/utils/resource-timing-buffer';
|
|
29
|
-
import { roundEpsilon } from '../round-number';
|
|
30
|
-
import * as ssr from '../ssr';
|
|
31
|
-
import { buildSegmentTree, getOldSegmentsLabelStack, labelStackStartWith, optimizeLabelStack, sanitizeUfoName, stringifyLabelStackFully } from './common/utils';
|
|
32
|
-
import { createCriticalMetricsPayloads } from './critical-metrics-payload';
|
|
33
|
-
import { addPerformanceMeasures } from './utils/add-performance-measures';
|
|
34
|
-
import { getBatteryInfoToLegacyFormat } from './utils/get-battery-info';
|
|
35
|
-
import { getBrowserMetadataToLegacyFormat } from './utils/get-browser-metadata';
|
|
36
|
-
import getInteractionStatus from './utils/get-interaction-status';
|
|
37
|
-
import { getMoreAccuratePageVisibilityUpToTTAI } from './utils/get-more-accurate-page-visibility-up-to-ttai';
|
|
38
|
-
import { getNavigationMetricsToLegacyFormat } from './utils/get-navigation-metrics';
|
|
39
|
-
import getPageVisibilityUpToTTAI from './utils/get-page-visibility-up-to-ttai';
|
|
40
|
-
import { getPaintMetricsToLegacyFormat } from './utils/get-paint-metrics';
|
|
41
|
-
import getPayloadSize from './utils/get-payload-size';
|
|
42
|
-
import { getReactUFOPayloadVersion } from './utils/get-react-ufo-payload-version';
|
|
43
|
-
import getSSRDoneTimeValue from './utils/get-ssr-done-time-value';
|
|
44
|
-
import getSSRSuccessUtil from './utils/get-ssr-success';
|
|
45
|
-
import getTTAI from './utils/get-ttai';
|
|
46
|
-
import getVCMetrics from './utils/get-vc-metrics';
|
|
47
|
-
import { getVisibilityStateFromPerformance } from './utils/get-visibility-state-from-performance';
|
|
48
|
-
import { optimizeApdex } from './utils/optimize-apdex';
|
|
49
|
-
import { optimizeCustomTimings } from './utils/optimize-custom-timings';
|
|
50
|
-
import { optimizeHoldInfo } from './utils/optimize-hold-info';
|
|
51
|
-
import { optimizeMarks } from './utils/optimize-marks';
|
|
52
|
-
import { optimizeReactProfilerTimings } from './utils/optimize-react-profiler-timings';
|
|
53
|
-
import { optimizeRequestInfo } from './utils/optimize-request-info';
|
|
54
|
-
import { optimizeSpans } from './utils/optimize-spans';
|
|
55
|
-
var MAX_PAYLOAD_SIZE = 250;
|
|
56
|
-
function getUfoNameOverride(interaction) {
|
|
57
|
-
var ufoName = interaction.ufoName,
|
|
58
|
-
apdex = interaction.apdex;
|
|
59
|
-
try {
|
|
60
|
-
var ufoNameOverrides = getUfoNameOverrides();
|
|
61
|
-
if (ufoNameOverrides != null) {
|
|
62
|
-
var metricKey = apdex.length > 0 ? apdex[0].key : '';
|
|
63
|
-
if (ufoNameOverrides[ufoName][metricKey]) {
|
|
64
|
-
return ufoNameOverrides[ufoName][metricKey];
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
return ufoName;
|
|
68
|
-
} catch (e) {
|
|
69
|
-
return ufoName;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
function getEarliestLegacyStopTime(interaction, labelStack) {
|
|
73
|
-
var earliestLegacyStopTime = null;
|
|
74
|
-
interaction.apdex.forEach(function (a) {
|
|
75
|
-
var _a$labelStack;
|
|
76
|
-
if (!(a !== null && a !== void 0 && a.stopTime)) {
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
if (!labelStackStartWith((_a$labelStack = a.labelStack) !== null && _a$labelStack !== void 0 ? _a$labelStack : [], labelStack)) {
|
|
80
|
-
return;
|
|
81
|
-
}
|
|
82
|
-
if (a.stopTime > interaction.start && (earliestLegacyStopTime !== null && earliestLegacyStopTime !== void 0 ? earliestLegacyStopTime : a.stopTime) >= a.stopTime) {
|
|
83
|
-
earliestLegacyStopTime = a.stopTime;
|
|
84
|
-
}
|
|
85
|
-
});
|
|
86
|
-
return earliestLegacyStopTime;
|
|
87
|
-
}
|
|
88
|
-
function getBm3EndTimeOrFallbackValue(interaction) {
|
|
89
|
-
var _getEarliestLegacySto;
|
|
90
|
-
var labelStack = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
91
|
-
var fallbackValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : interaction.end;
|
|
92
|
-
if (interaction.type === 'press') {
|
|
93
|
-
return fallbackValue;
|
|
94
|
-
}
|
|
95
|
-
return (_getEarliestLegacySto = getEarliestLegacyStopTime(interaction, labelStack)) !== null && _getEarliestLegacySto !== void 0 ? _getEarliestLegacySto : fallbackValue;
|
|
96
|
-
}
|
|
97
|
-
function getPageVisibilityUpToTTI(interaction) {
|
|
98
|
-
var start = interaction.start;
|
|
99
|
-
var bm3EndTimeOrInteractionEndTime = getBm3EndTimeOrFallbackValue(interaction);
|
|
100
|
-
return getPageVisibilityState(start, bm3EndTimeOrInteractionEndTime);
|
|
101
|
-
}
|
|
102
|
-
function getMoreAccuratePageVisibilityUpToTTI(interaction) {
|
|
103
|
-
var old = getPageVisibilityUpToTTI(interaction);
|
|
104
|
-
var tti = getEarliestLegacyStopTime(interaction, []);
|
|
105
|
-
if (!tti) {
|
|
106
|
-
return old;
|
|
107
|
-
}
|
|
108
|
-
var buffered = getVisibilityStateFromPerformance(tti);
|
|
109
|
-
if (!buffered) {
|
|
110
|
-
return old;
|
|
111
|
-
}
|
|
112
|
-
if (buffered !== old) {
|
|
113
|
-
return 'mixed';
|
|
114
|
-
}
|
|
115
|
-
return old;
|
|
116
|
-
}
|
|
117
|
-
function getResourceTimings(start, end) {
|
|
118
|
-
var _resourceTiming$getRe;
|
|
119
|
-
return (_resourceTiming$getRe = resourceTiming.getResourceTimings(start, end)) !== null && _resourceTiming$getRe !== void 0 ? _resourceTiming$getRe : undefined;
|
|
120
|
-
}
|
|
121
|
-
function getBundleEvalTimings(start) {
|
|
122
|
-
return bundleEvalTiming.getBundleEvalTimings(start);
|
|
123
|
-
}
|
|
124
|
-
function getSSRPhaseSuccess(type) {
|
|
125
|
-
return type === 'page_load' ? ssr.getSSRPhaseSuccess() : undefined;
|
|
126
|
-
}
|
|
127
|
-
function getSSRFeatureFlags(type) {
|
|
128
|
-
return type === 'page_load' ? ssr.getSSRFeatureFlags() : undefined;
|
|
129
|
-
}
|
|
130
|
-
function getPPSMetrics(interaction) {
|
|
131
|
-
var _interaction$apdex;
|
|
132
|
-
var start = interaction.start,
|
|
133
|
-
end = interaction.end;
|
|
134
|
-
var config = getConfig();
|
|
135
|
-
var interactionStatus = getInteractionStatus(interaction);
|
|
136
|
-
var pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
|
|
137
|
-
var tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 || (_interaction$apdex = _interaction$apdex[0]) === null || _interaction$apdex === void 0 ? void 0 : _interaction$apdex.stopTime;
|
|
138
|
-
var ttai = interactionStatus.originalInteractionStatus === 'SUCCEEDED' && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
|
|
139
|
-
var PPSMetricsAtTTI = tti !== undefined ? getLighthouseMetrics({
|
|
140
|
-
start: start,
|
|
141
|
-
stop: tti
|
|
142
|
-
}) : null;
|
|
143
|
-
var PPSMetricsAtTTAI = ttai !== undefined ? getLighthouseMetrics({
|
|
144
|
-
start: start,
|
|
145
|
-
stop: interaction.end
|
|
146
|
-
}) : null;
|
|
147
|
-
if (fg('platform_ufo_remove_deprecated_config_fields')) {
|
|
148
|
-
if (PPSMetricsAtTTAI !== null) {
|
|
149
|
-
return PPSMetricsAtTTAI;
|
|
150
|
-
}
|
|
151
|
-
} else {
|
|
152
|
-
if (config !== null && config !== void 0 && config.shouldCalculateLighthouseMetricsFromTTAI && PPSMetricsAtTTAI !== null) {
|
|
153
|
-
return PPSMetricsAtTTAI;
|
|
154
|
-
}
|
|
155
|
-
if (PPSMetricsAtTTI !== null) {
|
|
156
|
-
return _objectSpread(_objectSpread({}, PPSMetricsAtTTI), {}, {
|
|
157
|
-
'metrics@ttai': PPSMetricsAtTTAI
|
|
158
|
-
});
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
return {};
|
|
162
|
-
}
|
|
163
|
-
function getSSRProperties(type) {
|
|
164
|
-
var ssrPhases = getSSRPhaseSuccess(type);
|
|
165
|
-
return _objectSpread(_objectSpread({
|
|
166
|
-
'ssr:success': (ssrPhases === null || ssrPhases === void 0 ? void 0 : ssrPhases.done) != null ? ssrPhases.done : getSSRSuccessUtil(type),
|
|
167
|
-
'ssr:featureFlags': getSSRFeatureFlags(type)
|
|
168
|
-
}, (ssrPhases === null || ssrPhases === void 0 ? void 0 : ssrPhases.earlyFlush) != null ? {
|
|
169
|
-
'ssr:earlyflush:success': ssrPhases.earlyFlush
|
|
170
|
-
} : null), (ssrPhases === null || ssrPhases === void 0 ? void 0 : ssrPhases.prefetch) != null ? {
|
|
171
|
-
'ssr:prefetch:success': ssrPhases.prefetch
|
|
172
|
-
} : null);
|
|
173
|
-
}
|
|
174
|
-
function getAssetsMetrics(interaction, SSRDoneTime) {
|
|
175
|
-
try {
|
|
176
|
-
var config = getConfig();
|
|
177
|
-
var type = interaction.type;
|
|
178
|
-
var allowedTypes = ['page_load'];
|
|
179
|
-
var assetsConfig = config === null || config === void 0 ? void 0 : config.assetsConfig;
|
|
180
|
-
if (!allowedTypes.includes(type) || !assetsConfig) {
|
|
181
|
-
// Skip if: type not allowed or assetsClassification isn't configured
|
|
182
|
-
return {};
|
|
183
|
-
}
|
|
184
|
-
var reporter = new CHRReporter();
|
|
185
|
-
var resourceTimings = filterResourceTimings(interaction.start, interaction.end);
|
|
186
|
-
var assets = reporter.get(resourceTimings, assetsConfig, SSRDoneTime);
|
|
187
|
-
if (assets) {
|
|
188
|
-
// Only add assets in case it exists
|
|
189
|
-
return {
|
|
190
|
-
'event:assets': assets
|
|
191
|
-
};
|
|
192
|
-
}
|
|
193
|
-
return {};
|
|
194
|
-
} catch (error) {
|
|
195
|
-
// Skip CHR in case of error
|
|
196
|
-
return {};
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
function getTracingContextData(interaction) {
|
|
200
|
-
var trace = interaction.trace,
|
|
201
|
-
start = interaction.start;
|
|
202
|
-
var tracingContextData = {};
|
|
203
|
-
if (trace) {
|
|
204
|
-
tracingContextData = {
|
|
205
|
-
'ufo:tracingContext': {
|
|
206
|
-
'X-B3-TraceId': trace.traceId,
|
|
207
|
-
'X-B3-SpanId': trace.spanId,
|
|
208
|
-
// eslint-disable-next-line compat/compat
|
|
209
|
-
browserTimeOrigin: +(performance.timeOrigin + start).toFixed(2)
|
|
210
|
-
}
|
|
211
|
-
};
|
|
212
|
-
}
|
|
213
|
-
return tracingContextData;
|
|
214
|
-
}
|
|
215
|
-
function optimizeCustomData(interaction) {
|
|
216
|
-
var customData = interaction.customData,
|
|
217
|
-
cohortingCustomData = interaction.cohortingCustomData,
|
|
218
|
-
legacyMetrics = interaction.legacyMetrics;
|
|
219
|
-
var customDataMap = customData.reduce(function (result, _ref) {
|
|
220
|
-
var _result$get$data, _result$get;
|
|
221
|
-
var labelStack = _ref.labelStack,
|
|
222
|
-
data = _ref.data;
|
|
223
|
-
var label = stringifyLabelStackFully(labelStack);
|
|
224
|
-
var value = (_result$get$data = (_result$get = result.get(label)) === null || _result$get === void 0 ? void 0 : _result$get.data) !== null && _result$get$data !== void 0 ? _result$get$data : {};
|
|
225
|
-
result.set(label, {
|
|
226
|
-
labelStack: optimizeLabelStack(labelStack, getReactUFOPayloadVersion(interaction.type)),
|
|
227
|
-
data: Object.assign(value, data)
|
|
228
|
-
});
|
|
229
|
-
return result;
|
|
230
|
-
}, new Map());
|
|
231
|
-
|
|
232
|
-
// Merge cohorting custom data into the same map
|
|
233
|
-
if (cohortingCustomData && cohortingCustomData.size > 0) {
|
|
234
|
-
var _interaction$labelSta, _customDataMap$get$da, _customDataMap$get, _interaction$labelSta2;
|
|
235
|
-
var label = stringifyLabelStackFully((_interaction$labelSta = interaction.labelStack) !== null && _interaction$labelSta !== void 0 ? _interaction$labelSta : []);
|
|
236
|
-
var value = (_customDataMap$get$da = (_customDataMap$get = customDataMap.get(label)) === null || _customDataMap$get === void 0 ? void 0 : _customDataMap$get.data) !== null && _customDataMap$get$da !== void 0 ? _customDataMap$get$da : {};
|
|
237
|
-
customDataMap.set(label, {
|
|
238
|
-
labelStack: optimizeLabelStack((_interaction$labelSta2 = interaction.labelStack) !== null && _interaction$labelSta2 !== void 0 ? _interaction$labelSta2 : [], getReactUFOPayloadVersion(interaction.type)),
|
|
239
|
-
data: Object.assign(value, Object.fromEntries(cohortingCustomData))
|
|
240
|
-
});
|
|
241
|
-
}
|
|
242
|
-
if (legacyMetrics) {
|
|
243
|
-
var legacyMetricsFiltered = legacyMetrics.filter(function (item) {
|
|
244
|
-
return item.type === 'PAGE_LOAD';
|
|
245
|
-
}).reduce(function (result, currentValue) {
|
|
246
|
-
for (var _i = 0, _Object$entries = Object.entries(currentValue.custom || {}); _i < _Object$entries.length; _i++) {
|
|
247
|
-
var _result$get$data2, _result$get2;
|
|
248
|
-
var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
|
|
249
|
-
key = _Object$entries$_i[0],
|
|
250
|
-
_value = _Object$entries$_i[1];
|
|
251
|
-
var _label = stringifyLabelStackFully([]);
|
|
252
|
-
var labelValue = (_result$get$data2 = (_result$get2 = result.get(_label)) === null || _result$get2 === void 0 ? void 0 : _result$get2.data) !== null && _result$get$data2 !== void 0 ? _result$get$data2 : {};
|
|
253
|
-
result.set(_label, {
|
|
254
|
-
labelStack: optimizeLabelStack([], getReactUFOPayloadVersion(interaction.type)),
|
|
255
|
-
data: Object.assign(labelValue, _defineProperty({}, key, _value))
|
|
256
|
-
});
|
|
257
|
-
}
|
|
258
|
-
return result;
|
|
259
|
-
}, new Map());
|
|
260
|
-
return [].concat(_toConsumableArray(customDataMap.values()), _toConsumableArray(legacyMetricsFiltered.values()));
|
|
261
|
-
}
|
|
262
|
-
return _toConsumableArray(customDataMap.values());
|
|
263
|
-
}
|
|
264
|
-
function optimizeRedirects(redirects, interactionStart) {
|
|
265
|
-
var lastRedirectTime = interactionStart;
|
|
266
|
-
var updatedRedirects = redirects.sort(function (a, b) {
|
|
267
|
-
return a.time - b.time;
|
|
268
|
-
}).reduce(function (result, redirect) {
|
|
269
|
-
var fromInteractionName = redirect.fromInteractionName,
|
|
270
|
-
time = redirect.time;
|
|
271
|
-
if (lastRedirectTime >= interactionStart) {
|
|
272
|
-
result.push({
|
|
273
|
-
labelStack: [{
|
|
274
|
-
n: fromInteractionName
|
|
275
|
-
}],
|
|
276
|
-
startTime: Math.round(lastRedirectTime),
|
|
277
|
-
endTime: Math.round(time)
|
|
278
|
-
});
|
|
279
|
-
}
|
|
280
|
-
lastRedirectTime = time;
|
|
281
|
-
return result;
|
|
282
|
-
}, []);
|
|
283
|
-
return updatedRedirects;
|
|
284
|
-
}
|
|
285
|
-
function objectToArray() {
|
|
286
|
-
var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
287
|
-
return Object.keys(obj).reduce(function (result, key) {
|
|
288
|
-
result.push({
|
|
289
|
-
label: key,
|
|
290
|
-
data: obj[key]
|
|
291
|
-
});
|
|
292
|
-
return result;
|
|
293
|
-
}, []);
|
|
294
|
-
}
|
|
295
|
-
function getBM3SubmetricsTimings(submetrics) {
|
|
296
|
-
if (!submetrics) {
|
|
297
|
-
return null;
|
|
298
|
-
}
|
|
299
|
-
var submetricsTimings = submetrics.filter(function (item) {
|
|
300
|
-
return typeof item.stop === 'number' && !!item.key && typeof item.start === 'number';
|
|
301
|
-
}).map(function (item) {
|
|
302
|
-
var childSubmetrics;
|
|
303
|
-
var newKey = "include/".concat(item.key);
|
|
304
|
-
if (item.submetrics) {
|
|
305
|
-
childSubmetrics = getBM3SubmetricsTimings(item.submetrics);
|
|
306
|
-
}
|
|
307
|
-
return _objectSpread(_defineProperty({}, newKey, {
|
|
308
|
-
endTime: item.stop - item.start,
|
|
309
|
-
startTime: item.start
|
|
310
|
-
}), childSubmetrics ? childSubmetrics : {});
|
|
311
|
-
});
|
|
312
|
-
return submetricsTimings;
|
|
313
|
-
}
|
|
314
|
-
function getBm3TrackerTimings(interaction) {
|
|
315
|
-
var interactionLegacyMetrics = interaction.legacyMetrics;
|
|
316
|
-
if (!interactionLegacyMetrics) {
|
|
317
|
-
return {};
|
|
318
|
-
}
|
|
319
|
-
var legacyMetrics = interactionLegacyMetrics.map(function (item) {
|
|
320
|
-
var _item$config, _item$config2, _item$marks;
|
|
321
|
-
return {
|
|
322
|
-
key: item.key,
|
|
323
|
-
startTime: item.start,
|
|
324
|
-
stopTime: item.stop,
|
|
325
|
-
type: (_item$config = item.config) === null || _item$config === void 0 ? void 0 : _item$config.type,
|
|
326
|
-
reactUFOName: (_item$config2 = item.config) === null || _item$config2 === void 0 ? void 0 : _item$config2.reactUFOName,
|
|
327
|
-
fmp: ((_item$marks = item.marks) === null || _item$marks === void 0 ? void 0 : _item$marks['fmp']) || item.stop,
|
|
328
|
-
source: 'bm3',
|
|
329
|
-
timings: getBm3Timings(item.marks, item.config.timings),
|
|
330
|
-
submetrics: getBM3SubmetricsTimings(item.submetrics),
|
|
331
|
-
pageVisibleState: item.pageVisibleState
|
|
332
|
-
};
|
|
333
|
-
}).filter(function (item) {
|
|
334
|
-
return !!item.type;
|
|
335
|
-
});
|
|
336
|
-
return {
|
|
337
|
-
legacyMetrics: legacyMetrics
|
|
338
|
-
};
|
|
339
|
-
}
|
|
340
|
-
function getStylesheetMetrics() {
|
|
341
|
-
try {
|
|
342
|
-
var doc = getDocument();
|
|
343
|
-
if (!doc) {
|
|
344
|
-
return {};
|
|
345
|
-
}
|
|
346
|
-
var stylesheets = Array.from(doc.styleSheets);
|
|
347
|
-
var stylesheetCount = stylesheets.length;
|
|
348
|
-
var cssrules = Array.from(doc.styleSheets).reduce(function (acc, item) {
|
|
349
|
-
// Other domain stylesheets throw a SecurityError
|
|
350
|
-
try {
|
|
351
|
-
return acc + item.cssRules.length;
|
|
352
|
-
} catch (e) {
|
|
353
|
-
return acc;
|
|
354
|
-
}
|
|
355
|
-
}, 0);
|
|
356
|
-
var styleElements = doc.querySelectorAll('style').length;
|
|
357
|
-
var styleProps = doc.querySelectorAll('[style]');
|
|
358
|
-
var styleDeclarations = Array.from(doc.querySelectorAll('[style]')).reduce(function (acc, item) {
|
|
359
|
-
try {
|
|
360
|
-
if ('style' in item) {
|
|
361
|
-
return acc + item.style.length;
|
|
362
|
-
} else {
|
|
363
|
-
return acc;
|
|
364
|
-
}
|
|
365
|
-
} catch (e) {
|
|
366
|
-
return acc;
|
|
367
|
-
}
|
|
368
|
-
}, 0);
|
|
369
|
-
return {
|
|
370
|
-
'ufo:stylesheets': stylesheetCount,
|
|
371
|
-
'ufo:styleElements': styleElements,
|
|
372
|
-
'ufo:styleProps': styleProps.length,
|
|
373
|
-
'ufo:styleDeclarations': styleDeclarations,
|
|
374
|
-
'ufo:cssrules': cssrules
|
|
375
|
-
};
|
|
376
|
-
} catch (e) {
|
|
377
|
-
return {};
|
|
378
|
-
}
|
|
379
|
-
}
|
|
380
|
-
var regularTTAI;
|
|
381
|
-
var expTTAI;
|
|
382
|
-
function getErrorCounts(interaction) {
|
|
383
|
-
return {
|
|
384
|
-
'ufo:errors:globalCount': getGlobalErrorCount(),
|
|
385
|
-
'ufo:errors:count': interaction.errors.length
|
|
386
|
-
};
|
|
387
|
-
}
|
|
388
|
-
function createInteractionMetricsPayload(_x, _x2, _x3, _x4, _x5) {
|
|
389
|
-
return _createInteractionMetricsPayload.apply(this, arguments);
|
|
390
|
-
}
|
|
391
|
-
function _createInteractionMetricsPayload() {
|
|
392
|
-
_createInteractionMetricsPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(interaction, interactionId, experimental, criticalPayloadCount, vcMetrics) {
|
|
393
|
-
var _window$location, _config$additionalPay;
|
|
394
|
-
var interactionPayloadStart, config, end, start, ufoName, knownSegments, rate, type, abortReason, routeName, featureFlags, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, responsiveness, unknownElementName, unknownElementHierarchy, hydration, pageVisibilityAtTTI, pageVisibilityAtTTAI, segments, segmentTree, isDetailedPayload, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTI, moreAccuratePageVisibilityAtTTAI, labelStack, getInitialPageLoadSSRMetrics, pageLoadInteractionMetrics, getDetailedInteractionMetrics, getPageLoadDetailedInteractionMetrics, newUFOName, resourceTimings, _yield$Promise$all, _yield$Promise$all2, finalVCMetrics, experimentalMetrics, paintMetrics, batteryInfo, getReactHydrationStats, payload, size, vcRev, rawData, rawDataSize;
|
|
395
|
-
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
396
|
-
while (1) switch (_context.prev = _context.next) {
|
|
397
|
-
case 0:
|
|
398
|
-
interactionPayloadStart = performance.now();
|
|
399
|
-
config = getConfig();
|
|
400
|
-
if (config) {
|
|
401
|
-
_context.next = 4;
|
|
402
|
-
break;
|
|
403
|
-
}
|
|
404
|
-
throw Error('UFO Configuration not provided');
|
|
405
|
-
case 4:
|
|
406
|
-
end = interaction.end, start = interaction.start, ufoName = interaction.ufoName, knownSegments = interaction.knownSegments, rate = interaction.rate, type = interaction.type, abortReason = interaction.abortReason, routeName = interaction.routeName, featureFlags = interaction.featureFlags, previousInteractionName = interaction.previousInteractionName, isPreviousInteractionAborted = interaction.isPreviousInteractionAborted, abortedByInteractionName = interaction.abortedByInteractionName, responsiveness = interaction.responsiveness, unknownElementName = interaction.unknownElementName, unknownElementHierarchy = interaction.unknownElementHierarchy, hydration = interaction.hydration;
|
|
407
|
-
pageVisibilityAtTTI = getPageVisibilityUpToTTI(interaction);
|
|
408
|
-
pageVisibilityAtTTAI = getPageVisibilityUpToTTAI(interaction);
|
|
409
|
-
segments = !fg('platform_ufo_remove_deprecated_config_fields') && config.killswitchNestedSegments ? [] : knownSegments;
|
|
410
|
-
segmentTree = getReactUFOPayloadVersion(interaction.type) === '2.0.0' ? buildSegmentTree(segments.map(function (segment) {
|
|
411
|
-
return segment.labelStack;
|
|
412
|
-
})) : {};
|
|
413
|
-
isDetailedPayload = pageVisibilityAtTTAI === 'visible';
|
|
414
|
-
isPageLoad = type === 'page_load';
|
|
415
|
-
calculatePageVisibilityFromTheStartOfPageLoad = config.enableBetterPageVisibilityApi && isPageLoad;
|
|
416
|
-
moreAccuratePageVisibilityAtTTI = calculatePageVisibilityFromTheStartOfPageLoad ? getMoreAccuratePageVisibilityUpToTTI(interaction) : null;
|
|
417
|
-
moreAccuratePageVisibilityAtTTAI = calculatePageVisibilityFromTheStartOfPageLoad ? getMoreAccuratePageVisibilityUpToTTAI(interaction) : null;
|
|
418
|
-
labelStack = interaction.labelStack ? {
|
|
419
|
-
labelStack: optimizeLabelStack(interaction.labelStack, getReactUFOPayloadVersion(interaction.type))
|
|
420
|
-
} : {}; // Page Load
|
|
421
|
-
getInitialPageLoadSSRMetrics = function getInitialPageLoadSSRMetrics() {
|
|
422
|
-
var _config$ssr;
|
|
423
|
-
if (!isPageLoad) {
|
|
424
|
-
return {};
|
|
425
|
-
}
|
|
426
|
-
var config = getConfig();
|
|
427
|
-
var SSRDoneTimeValue = getSSRDoneTimeValue(config);
|
|
428
|
-
var SSRDoneTime = SSRDoneTimeValue !== undefined ? {
|
|
429
|
-
SSRDoneTime: Math.round(SSRDoneTimeValue)
|
|
430
|
-
} : {};
|
|
431
|
-
var isBM3ConfigSSRDoneAsFmp = interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp;
|
|
432
|
-
var isUFOConfigSSRDoneAsFmp = interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp || !!(config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime);
|
|
433
|
-
if (!experimental && (isBM3ConfigSSRDoneAsFmp || isUFOConfigSSRDoneAsFmp) && SSRDoneTimeValue !== undefined) {
|
|
434
|
-
try {
|
|
435
|
-
performance.mark("FMP", {
|
|
436
|
-
startTime: SSRDoneTimeValue,
|
|
437
|
-
detail: {
|
|
438
|
-
devtools: {
|
|
439
|
-
dataType: 'marker'
|
|
440
|
-
}
|
|
441
|
-
}
|
|
442
|
-
});
|
|
443
|
-
} catch (e) {}
|
|
444
|
-
}
|
|
445
|
-
return _objectSpread(_objectSpread({}, SSRDoneTime), {}, {
|
|
446
|
-
isBM3ConfigSSRDoneAsFmp: isBM3ConfigSSRDoneAsFmp,
|
|
447
|
-
isUFOConfigSSRDoneAsFmp: isUFOConfigSSRDoneAsFmp
|
|
448
|
-
});
|
|
449
|
-
};
|
|
450
|
-
pageLoadInteractionMetrics = getInitialPageLoadSSRMetrics(); // Detailed payload. Page visibility = visible
|
|
451
|
-
getDetailedInteractionMetrics = function getDetailedInteractionMetrics(resourceTimings) {
|
|
452
|
-
if (experimental || window.__UFO_COMPACT_PAYLOAD__ || !isDetailedPayload) {
|
|
453
|
-
return {};
|
|
454
|
-
}
|
|
455
|
-
var spans = [].concat(_toConsumableArray(interaction.spans), _toConsumableArray(atlaskitInteractionSpans));
|
|
456
|
-
atlaskitInteractionSpans.length = 0;
|
|
457
|
-
return {
|
|
458
|
-
errors: interaction.errors.map(function (_ref2) {
|
|
459
|
-
var labelStack = _ref2.labelStack,
|
|
460
|
-
others = _objectWithoutProperties(_ref2, _excluded);
|
|
461
|
-
return _objectSpread(_objectSpread({}, others), {}, {
|
|
462
|
-
labelStack: labelStack && optimizeLabelStack(labelStack, getReactUFOPayloadVersion(interaction.type))
|
|
463
|
-
});
|
|
464
|
-
}),
|
|
465
|
-
holdActive: _toConsumableArray(interaction.holdActive.values()),
|
|
466
|
-
redirects: optimizeRedirects(interaction.redirects, start),
|
|
467
|
-
holdInfo: optimizeHoldInfo(experimental ? interaction.holdExpInfo : interaction.holdInfo, start, getReactUFOPayloadVersion(interaction.type)),
|
|
468
|
-
spans: optimizeSpans(spans, start, getReactUFOPayloadVersion(interaction.type)),
|
|
469
|
-
requestInfo: optimizeRequestInfo(interaction.requestInfo, start, getReactUFOPayloadVersion(interaction.type)),
|
|
470
|
-
customTimings: optimizeCustomTimings(interaction.customTimings, start),
|
|
471
|
-
bundleEvalTimings: objectToArray(getBundleEvalTimings(start)),
|
|
472
|
-
resourceTimings: objectToArray(resourceTimings)
|
|
473
|
-
};
|
|
474
|
-
}; // Page load & detailed payload
|
|
475
|
-
getPageLoadDetailedInteractionMetrics = function getPageLoadDetailedInteractionMetrics() {
|
|
476
|
-
var _config$ssr2;
|
|
477
|
-
if (!isPageLoad || !isDetailedPayload) {
|
|
478
|
-
return {};
|
|
479
|
-
}
|
|
480
|
-
var config = getConfig();
|
|
481
|
-
return {
|
|
482
|
-
initialPageLoadExtraTimings: objectToArray(initialPageLoadExtraTiming.getTimings()),
|
|
483
|
-
SSRTimings: config !== null && config !== void 0 && (_config$ssr2 = config.ssr) !== null && _config$ssr2 !== void 0 && _config$ssr2.getSSRTimings ? config.ssr.getSSRTimings() : objectToArray(ssr.getSSRTimings())
|
|
484
|
-
};
|
|
485
|
-
};
|
|
486
|
-
if (experimental) {
|
|
487
|
-
expTTAI = getTTAI(interaction);
|
|
488
|
-
} else {
|
|
489
|
-
regularTTAI = getTTAI(interaction);
|
|
490
|
-
}
|
|
491
|
-
newUFOName = sanitizeUfoName(ufoName);
|
|
492
|
-
resourceTimings = getResourceTimings(start, end);
|
|
493
|
-
_context.t0 = Promise;
|
|
494
|
-
_context.t1 = vcMetrics;
|
|
495
|
-
if (_context.t1) {
|
|
496
|
-
_context.next = 28;
|
|
497
|
-
break;
|
|
498
|
-
}
|
|
499
|
-
_context.next = 27;
|
|
500
|
-
return getVCMetrics(interaction);
|
|
501
|
-
case 27:
|
|
502
|
-
_context.t1 = _context.sent;
|
|
503
|
-
case 28:
|
|
504
|
-
_context.t2 = _context.t1;
|
|
505
|
-
_context.t3 = experimental ? getExperimentalVCMetrics(interaction) : Promise.resolve(undefined);
|
|
506
|
-
_context.t4 = getPaintMetricsToLegacyFormat(type, end);
|
|
507
|
-
_context.t5 = getBatteryInfoToLegacyFormat();
|
|
508
|
-
_context.t6 = [_context.t2, _context.t3, _context.t4, _context.t5];
|
|
509
|
-
_context.next = 35;
|
|
510
|
-
return _context.t0.all.call(_context.t0, _context.t6);
|
|
511
|
-
case 35:
|
|
512
|
-
_yield$Promise$all = _context.sent;
|
|
513
|
-
_yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 4);
|
|
514
|
-
finalVCMetrics = _yield$Promise$all2[0];
|
|
515
|
-
experimentalMetrics = _yield$Promise$all2[1];
|
|
516
|
-
paintMetrics = _yield$Promise$all2[2];
|
|
517
|
-
batteryInfo = _yield$Promise$all2[3];
|
|
518
|
-
if (!experimental) {
|
|
519
|
-
addPerformanceMeasures(interaction.start, _toConsumableArray((finalVCMetrics === null || finalVCMetrics === void 0 ? void 0 : finalVCMetrics['ufo:vc:rev']) || []));
|
|
520
|
-
}
|
|
521
|
-
getReactHydrationStats = function getReactHydrationStats() {
|
|
522
|
-
if (!hydration) {
|
|
523
|
-
return {};
|
|
524
|
-
}
|
|
525
|
-
return {
|
|
526
|
-
hydration: hydration
|
|
527
|
-
};
|
|
528
|
-
};
|
|
529
|
-
payload = {
|
|
530
|
-
actionSubject: 'experience',
|
|
531
|
-
action: 'measured',
|
|
532
|
-
eventType: 'operational',
|
|
533
|
-
source: 'measured',
|
|
534
|
-
tags: ['observability'],
|
|
535
|
-
attributes: {
|
|
536
|
-
properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
537
|
-
// basic
|
|
538
|
-
'event:hostname': ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname) || 'unknown',
|
|
539
|
-
'event:product': config.product,
|
|
540
|
-
'event:schema': '1.0.0',
|
|
541
|
-
'event:sizeInKb': 0,
|
|
542
|
-
'event:source': {
|
|
543
|
-
name: 'react-ufo/web',
|
|
544
|
-
version: getReactUFOPayloadVersion(interaction.type)
|
|
545
|
-
},
|
|
546
|
-
'event:region': config.region || 'unknown',
|
|
547
|
-
'experience:key': experimental ? 'custom.experimental-interaction-metrics' : 'custom.interaction-metrics',
|
|
548
|
-
'experience:name': newUFOName,
|
|
549
|
-
// Include CPU usage monitoring data
|
|
550
|
-
'event:cpu:usage': createPressureStateReport(interaction.start, interaction.end),
|
|
551
|
-
'event:memory:usage': createMemoryStateReport(interaction.start, interaction.end)
|
|
552
|
-
}, criticalPayloadCount !== undefined ? {
|
|
553
|
-
'ufo:multipayload': true,
|
|
554
|
-
'ufo:criticalPayloadCount': criticalPayloadCount
|
|
555
|
-
} : {}), getBrowserMetadataToLegacyFormat()), batteryInfo), getSSRProperties(type)), getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime)), getPPSMetrics(interaction)), paintMetrics), getNavigationMetricsToLegacyFormat(type)), finalVCMetrics), experimentalMetrics), (_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)), getTracingContextData(interaction)), getStylesheetMetrics()), getErrorCounts(interaction)), getReactHydrationStats()), {}, {
|
|
556
|
-
interactionMetrics: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
557
|
-
namePrefix: config.namePrefix || '',
|
|
558
|
-
segmentPrefix: config.segmentPrefix || '',
|
|
559
|
-
interactionId: interactionId,
|
|
560
|
-
pageVisibilityAtTTI: pageVisibilityAtTTI,
|
|
561
|
-
pageVisibilityAtTTAI: pageVisibilityAtTTAI,
|
|
562
|
-
experimental__pageVisibilityAtTTI: moreAccuratePageVisibilityAtTTI,
|
|
563
|
-
experimental__pageVisibilityAtTTAI: moreAccuratePageVisibilityAtTTAI,
|
|
564
|
-
// raw interaction metrics
|
|
565
|
-
rate: rate,
|
|
566
|
-
routeName: routeName,
|
|
567
|
-
type: type,
|
|
568
|
-
abortReason: abortReason,
|
|
569
|
-
featureFlags: featureFlags,
|
|
570
|
-
previousInteractionName: previousInteractionName,
|
|
571
|
-
isPreviousInteractionAborted: isPreviousInteractionAborted,
|
|
572
|
-
abortedByInteractionName: abortedByInteractionName,
|
|
573
|
-
// performance
|
|
574
|
-
apdex: optimizeApdex(interaction.apdex, getReactUFOPayloadVersion(interaction.type)),
|
|
575
|
-
end: Math.round(end),
|
|
576
|
-
start: Math.round(start),
|
|
577
|
-
segments: getReactUFOPayloadVersion(interaction.type) === '2.0.0' ? segmentTree : getOldSegmentsLabelStack(segments, interaction.type),
|
|
578
|
-
marks: optimizeMarks(interaction.marks, getReactUFOPayloadVersion(interaction.type)),
|
|
579
|
-
customData: optimizeCustomData(interaction),
|
|
580
|
-
reactProfilerTimings: optimizeReactProfilerTimings(interaction.reactProfilerTimings, start, getReactUFOPayloadVersion(interaction.type)),
|
|
581
|
-
minorInteractions: interaction.minorInteractions
|
|
582
|
-
}, responsiveness ? {
|
|
583
|
-
responsiveness: responsiveness
|
|
584
|
-
} : {}), labelStack), pageLoadInteractionMetrics), getDetailedInteractionMetrics(resourceTimings)), getPageLoadDetailedInteractionMetrics()), getBm3TrackerTimings(interaction)), {}, {
|
|
585
|
-
'metric:ttai': experimental ? regularTTAI || expTTAI : undefined,
|
|
586
|
-
'metric:experimental:ttai': expTTAI
|
|
587
|
-
}, unknownElementName ? {
|
|
588
|
-
unknownElementName: unknownElementName
|
|
589
|
-
} : {}), unknownElementHierarchy ? {
|
|
590
|
-
unknownElementHierarchy: unknownElementHierarchy
|
|
591
|
-
} : {}),
|
|
592
|
-
'ufo:payloadTime': roundEpsilon(performance.now() - interactionPayloadStart)
|
|
593
|
-
})
|
|
594
|
-
}
|
|
595
|
-
};
|
|
596
|
-
if (experimental) {
|
|
597
|
-
regularTTAI = undefined;
|
|
598
|
-
expTTAI = undefined;
|
|
599
|
-
}
|
|
600
|
-
if (fg('platform_ufo_enable_vc_raw_data')) {
|
|
601
|
-
size = getPayloadSize(payload.attributes.properties);
|
|
602
|
-
vcRev = payload.attributes.properties['ufo:vc:rev'];
|
|
603
|
-
rawData = vcRev.find(function (item) {
|
|
604
|
-
return item.revision === 'raw-handler';
|
|
605
|
-
});
|
|
606
|
-
if (rawData) {
|
|
607
|
-
rawDataSize = getPayloadSize(rawData);
|
|
608
|
-
payload.attributes.properties['ufo:vc:raw:size'] = rawDataSize;
|
|
609
|
-
if (size > MAX_PAYLOAD_SIZE && Array.isArray(vcRev) && vcRev.length > 0) {
|
|
610
|
-
payload.attributes.properties['ufo:vc:rev'] = vcRev.filter(function (item) {
|
|
611
|
-
return item.revision !== 'raw-handler';
|
|
612
|
-
});
|
|
613
|
-
payload.attributes.properties['ufo:vc:raw:removed'] = true;
|
|
614
|
-
}
|
|
615
|
-
}
|
|
616
|
-
payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
|
|
617
|
-
} else {
|
|
618
|
-
payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
|
|
619
|
-
}
|
|
620
|
-
return _context.abrupt("return", payload);
|
|
621
|
-
case 47:
|
|
622
|
-
case "end":
|
|
623
|
-
return _context.stop();
|
|
624
|
-
}
|
|
625
|
-
}, _callee);
|
|
626
|
-
}));
|
|
627
|
-
return _createInteractionMetricsPayload.apply(this, arguments);
|
|
628
|
-
}
|
|
629
|
-
export function createPayloads(_x6, _x7) {
|
|
630
|
-
return _createPayloads.apply(this, arguments);
|
|
631
|
-
}
|
|
632
|
-
function _createPayloads() {
|
|
633
|
-
_createPayloads = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(interactionId, interaction) {
|
|
634
|
-
var ufoNameOverride, modifiedInteraction, payloads, isCriticalMetricsEnabled, vcMetrics, criticalMetricsPayloads, criticalPayloadCount, interactionMetricsPayload;
|
|
635
|
-
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
636
|
-
while (1) switch (_context2.prev = _context2.next) {
|
|
637
|
-
case 0:
|
|
638
|
-
ufoNameOverride = getUfoNameOverride(interaction);
|
|
639
|
-
modifiedInteraction = _objectSpread(_objectSpread({}, interaction), {}, {
|
|
640
|
-
ufoName: ufoNameOverride
|
|
641
|
-
});
|
|
642
|
-
payloads = [];
|
|
643
|
-
isCriticalMetricsEnabled = fg('platform_ufo_critical_metrics_payload'); // Calculate VC metrics once to avoid duplicate expensive calculations
|
|
644
|
-
_context2.next = 6;
|
|
645
|
-
return getVCMetrics(interaction);
|
|
646
|
-
case 6:
|
|
647
|
-
vcMetrics = _context2.sent;
|
|
648
|
-
if (!isCriticalMetricsEnabled) {
|
|
649
|
-
_context2.next = 13;
|
|
650
|
-
break;
|
|
651
|
-
}
|
|
652
|
-
_context2.next = 10;
|
|
653
|
-
return createCriticalMetricsPayloads(interactionId, interaction, vcMetrics);
|
|
654
|
-
case 10:
|
|
655
|
-
_context2.t0 = _context2.sent;
|
|
656
|
-
_context2.next = 14;
|
|
657
|
-
break;
|
|
658
|
-
case 13:
|
|
659
|
-
_context2.t0 = [];
|
|
660
|
-
case 14:
|
|
661
|
-
criticalMetricsPayloads = _context2.t0;
|
|
662
|
-
payloads.push.apply(payloads, _toConsumableArray(criticalMetricsPayloads));
|
|
663
|
-
criticalPayloadCount = isCriticalMetricsEnabled ? criticalMetricsPayloads.length : undefined;
|
|
664
|
-
_context2.next = 19;
|
|
665
|
-
return createInteractionMetricsPayload(modifiedInteraction, interactionId, undefined, criticalPayloadCount, vcMetrics);
|
|
666
|
-
case 19:
|
|
667
|
-
interactionMetricsPayload = _context2.sent;
|
|
668
|
-
payloads.push(interactionMetricsPayload);
|
|
669
|
-
return _context2.abrupt("return", payloads.filter(Boolean));
|
|
670
|
-
case 22:
|
|
671
|
-
case "end":
|
|
672
|
-
return _context2.stop();
|
|
673
|
-
}
|
|
674
|
-
}, _callee2);
|
|
675
|
-
}));
|
|
676
|
-
return _createPayloads.apply(this, arguments);
|
|
677
|
-
}
|
|
678
|
-
export function createExperimentalMetricsPayload(_x8, _x9) {
|
|
679
|
-
return _createExperimentalMetricsPayload.apply(this, arguments);
|
|
680
|
-
}
|
|
681
|
-
function _createExperimentalMetricsPayload() {
|
|
682
|
-
_createExperimentalMetricsPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(interactionId, interaction) {
|
|
683
|
-
var config, ufoName, rate, pageVisibilityState, result;
|
|
684
|
-
return _regeneratorRuntime.wrap(function _callee3$(_context3) {
|
|
685
|
-
while (1) switch (_context3.prev = _context3.next) {
|
|
686
|
-
case 0:
|
|
687
|
-
config = getConfig();
|
|
688
|
-
if (config) {
|
|
689
|
-
_context3.next = 3;
|
|
690
|
-
break;
|
|
691
|
-
}
|
|
692
|
-
throw Error('UFO Configuration not provided');
|
|
693
|
-
case 3:
|
|
694
|
-
ufoName = sanitizeUfoName(interaction.ufoName);
|
|
695
|
-
rate = getExperimentalInteractionRate(ufoName, interaction.type);
|
|
696
|
-
if (coinflip(rate)) {
|
|
697
|
-
_context3.next = 7;
|
|
698
|
-
break;
|
|
699
|
-
}
|
|
700
|
-
return _context3.abrupt("return", null);
|
|
701
|
-
case 7:
|
|
702
|
-
pageVisibilityState = getPageVisibilityState(interaction.start, interaction.end);
|
|
703
|
-
if (!(pageVisibilityState !== 'visible')) {
|
|
704
|
-
_context3.next = 10;
|
|
705
|
-
break;
|
|
706
|
-
}
|
|
707
|
-
return _context3.abrupt("return", null);
|
|
708
|
-
case 10:
|
|
709
|
-
_context3.next = 12;
|
|
710
|
-
return createInteractionMetricsPayload(interaction, interactionId, true);
|
|
711
|
-
case 12:
|
|
712
|
-
result = _context3.sent;
|
|
713
|
-
return _context3.abrupt("return", result);
|
|
714
|
-
case 14:
|
|
715
|
-
case "end":
|
|
716
|
-
return _context3.stop();
|
|
717
|
-
}
|
|
718
|
-
}, _callee3);
|
|
719
|
-
}));
|
|
720
|
-
return _createExperimentalMetricsPayload.apply(this, arguments);
|
|
721
|
-
}
|
|
722
|
-
export function createExtraSearchPageInteractionPayload(_x0, _x1) {
|
|
723
|
-
return _createExtraSearchPageInteractionPayload.apply(this, arguments);
|
|
724
|
-
}
|
|
725
|
-
function _createExtraSearchPageInteractionPayload() {
|
|
726
|
-
_createExtraSearchPageInteractionPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(interactionId, interaction) {
|
|
727
|
-
var SAIN_HOLD_NAMES, NAME_OVERRIDE, SEARCH_PAGE_SMART_ANSWERS_SEGMENT_LABEL, newInteractionId, newEnd, holdInfo, reactProfilerTimings, lastHold, isLastHoldSAIN, lastFilteredTime, filteredReactProfilerTimings, lastTiming, modifiedInteraction, payloads, vcMetrics, interactionMetricsPayload;
|
|
728
|
-
return _regeneratorRuntime.wrap(function _callee4$(_context4) {
|
|
729
|
-
while (1) switch (_context4.prev = _context4.next) {
|
|
730
|
-
case 0:
|
|
731
|
-
SAIN_HOLD_NAMES = ['search-ai-dialog-visible-text-loading', 'search-ai-dialog-all-text-loading'];
|
|
732
|
-
NAME_OVERRIDE = 'search-page-ignoring-smart-answers';
|
|
733
|
-
SEARCH_PAGE_SMART_ANSWERS_SEGMENT_LABEL = 'search-page-smart-answers';
|
|
734
|
-
newInteractionId = "".concat(interactionId, "-ignoring-smart-answers"); // Calculate a new end time which excludes SAIN holds
|
|
735
|
-
holdInfo = interaction.holdInfo, reactProfilerTimings = interaction.reactProfilerTimings;
|
|
736
|
-
lastHold = holdInfo.at(-1);
|
|
737
|
-
isLastHoldSAIN = Boolean(lastHold && SAIN_HOLD_NAMES.includes(lastHold.name)); // A new end time is only calculated if the last hold is a SAIN hold
|
|
738
|
-
if (isLastHoldSAIN) {
|
|
739
|
-
lastFilteredTime = null;
|
|
740
|
-
filteredReactProfilerTimings = reactProfilerTimings.filter(function (timing) {
|
|
741
|
-
if (timing.commitTime === lastFilteredTime) {
|
|
742
|
-
return false;
|
|
743
|
-
}
|
|
744
|
-
var isTimingSmartAnswersInSearch = timing.labelStack.some(function (label) {
|
|
745
|
-
return label.name === SEARCH_PAGE_SMART_ANSWERS_SEGMENT_LABEL;
|
|
746
|
-
});
|
|
747
|
-
if (isTimingSmartAnswersInSearch) {
|
|
748
|
-
lastFilteredTime = timing.commitTime;
|
|
749
|
-
return false;
|
|
750
|
-
}
|
|
751
|
-
return true;
|
|
752
|
-
});
|
|
753
|
-
lastTiming = filteredReactProfilerTimings.at(-1);
|
|
754
|
-
if (lastTiming) {
|
|
755
|
-
newEnd = lastTiming.commitTime;
|
|
756
|
-
}
|
|
757
|
-
}
|
|
758
|
-
modifiedInteraction = _objectSpread(_objectSpread({}, interaction), {}, {
|
|
759
|
-
end: newEnd !== null && newEnd !== void 0 ? newEnd : interaction.end,
|
|
760
|
-
holdInfo: [],
|
|
761
|
-
knownSegments: [],
|
|
762
|
-
reactProfilerTimings: [],
|
|
763
|
-
ufoName: NAME_OVERRIDE
|
|
764
|
-
});
|
|
765
|
-
payloads = [];
|
|
766
|
-
_context4.next = 12;
|
|
767
|
-
return getVCMetrics(interaction, false, true);
|
|
768
|
-
case 12:
|
|
769
|
-
vcMetrics = _context4.sent;
|
|
770
|
-
_context4.next = 15;
|
|
771
|
-
return createInteractionMetricsPayload(modifiedInteraction, newInteractionId, undefined, undefined, vcMetrics);
|
|
772
|
-
case 15:
|
|
773
|
-
interactionMetricsPayload = _context4.sent;
|
|
774
|
-
payloads.push(interactionMetricsPayload);
|
|
775
|
-
return _context4.abrupt("return", payloads.filter(Boolean));
|
|
776
|
-
case 18:
|
|
777
|
-
case "end":
|
|
778
|
-
return _context4.stop();
|
|
779
|
-
}
|
|
780
|
-
}, _callee4);
|
|
781
|
-
}));
|
|
782
|
-
return _createExtraSearchPageInteractionPayload.apply(this, arguments);
|
|
783
|
-
}
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _excluded=["labelStack"];import _regeneratorRuntime from"@babel/runtime/regenerator";function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}import{getDocument}from'@atlaskit/browser-apis';import{fg}from'@atlaskit/platform-feature-flags';// Import common utilities
|
|
2
|
+
import{getLighthouseMetrics}from'../additional-payload';import{CHRReporter}from'../assets';import*as bundleEvalTiming from'../bundle-eval-timing';import coinflip from'../coinflip';import{getConfig,getExperimentalInteractionRate,getUfoNameOverrides}from'../config';import{getExperimentalVCMetrics}from'../create-experimental-interaction-metrics-payload';import{getBm3Timings}from'../custom-timings';import{getGlobalErrorCount}from'../global-error-handler';import{getPageVisibilityState}from'../hidden-timing';import*as initialPageLoadExtraTiming from'../initial-page-load-extra-timing';import{interactionSpans as atlaskitInteractionSpans}from'../interaction-metrics';import{createMemoryStateReport,createPressureStateReport}from'../machine-utilisation';import*as resourceTiming from'../resource-timing';import{filterResourceTimings}from'../resource-timing/common/utils/resource-timing-buffer';import{roundEpsilon}from'../round-number';import*as ssr from'../ssr';import{buildSegmentTree,getOldSegmentsLabelStack,labelStackStartWith,optimizeLabelStack,sanitizeUfoName,stringifyLabelStackFully}from'./common/utils';import{createCriticalMetricsPayloads}from'./critical-metrics-payload';import{addPerformanceMeasures}from'./utils/add-performance-measures';import{getBatteryInfoToLegacyFormat}from'./utils/get-battery-info';import{getBrowserMetadataToLegacyFormat}from'./utils/get-browser-metadata';import getInteractionStatus from'./utils/get-interaction-status';import{getMoreAccuratePageVisibilityUpToTTAI}from'./utils/get-more-accurate-page-visibility-up-to-ttai';import{getNavigationMetricsToLegacyFormat}from'./utils/get-navigation-metrics';import getPageVisibilityUpToTTAI from'./utils/get-page-visibility-up-to-ttai';import{getPaintMetricsToLegacyFormat}from'./utils/get-paint-metrics';import getPayloadSize from'./utils/get-payload-size';import{getReactUFOPayloadVersion}from'./utils/get-react-ufo-payload-version';import getSSRDoneTimeValue from'./utils/get-ssr-done-time-value';import getSSRSuccessUtil from'./utils/get-ssr-success';import getTTAI from'./utils/get-ttai';import getVCMetrics from'./utils/get-vc-metrics';import{getVisibilityStateFromPerformance}from'./utils/get-visibility-state-from-performance';import{optimizeApdex}from'./utils/optimize-apdex';import{optimizeCustomTimings}from'./utils/optimize-custom-timings';import{optimizeHoldInfo}from'./utils/optimize-hold-info';import{optimizeMarks}from'./utils/optimize-marks';import{optimizeReactProfilerTimings}from'./utils/optimize-react-profiler-timings';import{optimizeRequestInfo}from'./utils/optimize-request-info';import{optimizeSpans}from'./utils/optimize-spans';var MAX_PAYLOAD_SIZE=250;function getUfoNameOverride(interaction){var ufoName=interaction.ufoName,apdex=interaction.apdex;try{var ufoNameOverrides=getUfoNameOverrides();if(ufoNameOverrides!=null){var metricKey=apdex.length>0?apdex[0].key:'';if(ufoNameOverrides[ufoName][metricKey]){return ufoNameOverrides[ufoName][metricKey];}}return ufoName;}catch(e){return ufoName;}}function getEarliestLegacyStopTime(interaction,labelStack){var earliestLegacyStopTime=null;interaction.apdex.forEach(function(a){var _a$labelStack;if(!(a!==null&&a!==void 0&&a.stopTime)){return;}if(!labelStackStartWith((_a$labelStack=a.labelStack)!==null&&_a$labelStack!==void 0?_a$labelStack:[],labelStack)){return;}if(a.stopTime>interaction.start&&(earliestLegacyStopTime!==null&&earliestLegacyStopTime!==void 0?earliestLegacyStopTime:a.stopTime)>=a.stopTime){earliestLegacyStopTime=a.stopTime;}});return earliestLegacyStopTime;}function getBm3EndTimeOrFallbackValue(interaction){var _getEarliestLegacySto;var labelStack=arguments.length>1&&arguments[1]!==undefined?arguments[1]:[];var fallbackValue=arguments.length>2&&arguments[2]!==undefined?arguments[2]:interaction.end;if(interaction.type==='press'){return fallbackValue;}return(_getEarliestLegacySto=getEarliestLegacyStopTime(interaction,labelStack))!==null&&_getEarliestLegacySto!==void 0?_getEarliestLegacySto:fallbackValue;}function getPageVisibilityUpToTTI(interaction){var start=interaction.start;var bm3EndTimeOrInteractionEndTime=getBm3EndTimeOrFallbackValue(interaction);return getPageVisibilityState(start,bm3EndTimeOrInteractionEndTime);}function getMoreAccuratePageVisibilityUpToTTI(interaction){var old=getPageVisibilityUpToTTI(interaction);var tti=getEarliestLegacyStopTime(interaction,[]);if(!tti){return old;}var buffered=getVisibilityStateFromPerformance(tti);if(!buffered){return old;}if(buffered!==old){return'mixed';}return old;}function getResourceTimings(start,end){var _resourceTiming$getRe;return(_resourceTiming$getRe=resourceTiming.getResourceTimings(start,end))!==null&&_resourceTiming$getRe!==void 0?_resourceTiming$getRe:undefined;}function getBundleEvalTimings(start){return bundleEvalTiming.getBundleEvalTimings(start);}function getSSRPhaseSuccess(type){return type==='page_load'?ssr.getSSRPhaseSuccess():undefined;}function getSSRFeatureFlags(type){return type==='page_load'?ssr.getSSRFeatureFlags():undefined;}function getPPSMetrics(interaction){var _interaction$apdex;var start=interaction.start,end=interaction.end;var config=getConfig();var interactionStatus=getInteractionStatus(interaction);var pageVisibilityUpToTTAI=getPageVisibilityUpToTTAI(interaction);var tti=(_interaction$apdex=interaction.apdex)===null||_interaction$apdex===void 0||(_interaction$apdex=_interaction$apdex[0])===null||_interaction$apdex===void 0?void 0:_interaction$apdex.stopTime;var ttai=interactionStatus.originalInteractionStatus==='SUCCEEDED'&&pageVisibilityUpToTTAI==='visible'?Math.round(end-start):undefined;var PPSMetricsAtTTI=tti!==undefined?getLighthouseMetrics({start:start,stop:tti}):null;var PPSMetricsAtTTAI=ttai!==undefined?getLighthouseMetrics({start:start,stop:interaction.end}):null;if(fg('platform_ufo_remove_deprecated_config_fields')){if(PPSMetricsAtTTAI!==null){return PPSMetricsAtTTAI;}}else{if(config!==null&&config!==void 0&&config.shouldCalculateLighthouseMetricsFromTTAI&&PPSMetricsAtTTAI!==null){return PPSMetricsAtTTAI;}if(PPSMetricsAtTTI!==null){return _objectSpread(_objectSpread({},PPSMetricsAtTTI),{},{'metrics@ttai':PPSMetricsAtTTAI});}}return{};}function getSSRProperties(type){var ssrPhases=getSSRPhaseSuccess(type);return _objectSpread(_objectSpread({'ssr:success':(ssrPhases===null||ssrPhases===void 0?void 0:ssrPhases.done)!=null?ssrPhases.done:getSSRSuccessUtil(type),'ssr:featureFlags':getSSRFeatureFlags(type)},(ssrPhases===null||ssrPhases===void 0?void 0:ssrPhases.earlyFlush)!=null?{'ssr:earlyflush:success':ssrPhases.earlyFlush}:null),(ssrPhases===null||ssrPhases===void 0?void 0:ssrPhases.prefetch)!=null?{'ssr:prefetch:success':ssrPhases.prefetch}:null);}function getAssetsMetrics(interaction,SSRDoneTime){try{var config=getConfig();var type=interaction.type;var allowedTypes=['page_load'];var assetsConfig=config===null||config===void 0?void 0:config.assetsConfig;if(!allowedTypes.includes(type)||!assetsConfig){// Skip if: type not allowed or assetsClassification isn't configured
|
|
3
|
+
return{};}var reporter=new CHRReporter();var resourceTimings=filterResourceTimings(interaction.start,interaction.end);var assets=reporter.get(resourceTimings,assetsConfig,SSRDoneTime);if(assets){// Only add assets in case it exists
|
|
4
|
+
return{'event:assets':assets};}return{};}catch(error){// Skip CHR in case of error
|
|
5
|
+
return{};}}function getTracingContextData(interaction){var trace=interaction.trace,start=interaction.start;var tracingContextData={};if(trace){tracingContextData={'ufo:tracingContext':{'X-B3-TraceId':trace.traceId,'X-B3-SpanId':trace.spanId,// eslint-disable-next-line compat/compat
|
|
6
|
+
browserTimeOrigin:+(performance.timeOrigin+start).toFixed(2)}};}return tracingContextData;}function optimizeCustomData(interaction){var customData=interaction.customData,cohortingCustomData=interaction.cohortingCustomData,legacyMetrics=interaction.legacyMetrics;var customDataMap=customData.reduce(function(result,_ref){var _result$get$data,_result$get;var labelStack=_ref.labelStack,data=_ref.data;var label=stringifyLabelStackFully(labelStack);var value=(_result$get$data=(_result$get=result.get(label))===null||_result$get===void 0?void 0:_result$get.data)!==null&&_result$get$data!==void 0?_result$get$data:{};result.set(label,{labelStack:optimizeLabelStack(labelStack,getReactUFOPayloadVersion(interaction.type)),data:Object.assign(value,data)});return result;},new Map());// Merge cohorting custom data into the same map
|
|
7
|
+
if(cohortingCustomData&&cohortingCustomData.size>0){var _interaction$labelSta,_customDataMap$get$da,_customDataMap$get,_interaction$labelSta2;var label=stringifyLabelStackFully((_interaction$labelSta=interaction.labelStack)!==null&&_interaction$labelSta!==void 0?_interaction$labelSta:[]);var value=(_customDataMap$get$da=(_customDataMap$get=customDataMap.get(label))===null||_customDataMap$get===void 0?void 0:_customDataMap$get.data)!==null&&_customDataMap$get$da!==void 0?_customDataMap$get$da:{};customDataMap.set(label,{labelStack:optimizeLabelStack((_interaction$labelSta2=interaction.labelStack)!==null&&_interaction$labelSta2!==void 0?_interaction$labelSta2:[],getReactUFOPayloadVersion(interaction.type)),data:Object.assign(value,Object.fromEntries(cohortingCustomData))});}if(legacyMetrics){var legacyMetricsFiltered=legacyMetrics.filter(function(item){return item.type==='PAGE_LOAD';}).reduce(function(result,currentValue){for(var _i=0,_Object$entries=Object.entries(currentValue.custom||{});_i<_Object$entries.length;_i++){var _result$get$data2,_result$get2;var _Object$entries$_i=_slicedToArray(_Object$entries[_i],2),key=_Object$entries$_i[0],_value=_Object$entries$_i[1];var _label=stringifyLabelStackFully([]);var labelValue=(_result$get$data2=(_result$get2=result.get(_label))===null||_result$get2===void 0?void 0:_result$get2.data)!==null&&_result$get$data2!==void 0?_result$get$data2:{};result.set(_label,{labelStack:optimizeLabelStack([],getReactUFOPayloadVersion(interaction.type)),data:Object.assign(labelValue,_defineProperty({},key,_value))});}return result;},new Map());return[].concat(_toConsumableArray(customDataMap.values()),_toConsumableArray(legacyMetricsFiltered.values()));}return _toConsumableArray(customDataMap.values());}function optimizeRedirects(redirects,interactionStart){var lastRedirectTime=interactionStart;var updatedRedirects=redirects.sort(function(a,b){return a.time-b.time;}).reduce(function(result,redirect){var fromInteractionName=redirect.fromInteractionName,time=redirect.time;if(lastRedirectTime>=interactionStart){result.push({labelStack:[{n:fromInteractionName}],startTime:Math.round(lastRedirectTime),endTime:Math.round(time)});}lastRedirectTime=time;return result;},[]);return updatedRedirects;}function objectToArray(){var obj=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return Object.keys(obj).reduce(function(result,key){result.push({label:key,data:obj[key]});return result;},[]);}function getBM3SubmetricsTimings(submetrics){if(!submetrics){return null;}var submetricsTimings=submetrics.filter(function(item){return typeof item.stop==='number'&&!!item.key&&typeof item.start==='number';}).map(function(item){var childSubmetrics;var newKey="include/".concat(item.key);if(item.submetrics){childSubmetrics=getBM3SubmetricsTimings(item.submetrics);}return _objectSpread(_defineProperty({},newKey,{endTime:item.stop-item.start,startTime:item.start}),childSubmetrics?childSubmetrics:{});});return submetricsTimings;}function getBm3TrackerTimings(interaction){var interactionLegacyMetrics=interaction.legacyMetrics;if(!interactionLegacyMetrics){return{};}var legacyMetrics=interactionLegacyMetrics.map(function(item){var _item$config,_item$config2,_item$marks;return{key:item.key,startTime:item.start,stopTime:item.stop,type:(_item$config=item.config)===null||_item$config===void 0?void 0:_item$config.type,reactUFOName:(_item$config2=item.config)===null||_item$config2===void 0?void 0:_item$config2.reactUFOName,fmp:((_item$marks=item.marks)===null||_item$marks===void 0?void 0:_item$marks['fmp'])||item.stop,source:'bm3',timings:getBm3Timings(item.marks,item.config.timings),submetrics:getBM3SubmetricsTimings(item.submetrics),pageVisibleState:item.pageVisibleState};}).filter(function(item){return!!item.type;});return{legacyMetrics:legacyMetrics};}function getStylesheetMetrics(){try{var doc=getDocument();if(!doc){return{};}var stylesheets=Array.from(doc.styleSheets);var stylesheetCount=stylesheets.length;var cssrules=Array.from(doc.styleSheets).reduce(function(acc,item){// Other domain stylesheets throw a SecurityError
|
|
8
|
+
try{return acc+item.cssRules.length;}catch(e){return acc;}},0);var styleElements=doc.querySelectorAll('style').length;var styleProps=doc.querySelectorAll('[style]');var styleDeclarations=Array.from(doc.querySelectorAll('[style]')).reduce(function(acc,item){try{if('style'in item){return acc+item.style.length;}else{return acc;}}catch(e){return acc;}},0);return{'ufo:stylesheets':stylesheetCount,'ufo:styleElements':styleElements,'ufo:styleProps':styleProps.length,'ufo:styleDeclarations':styleDeclarations,'ufo:cssrules':cssrules};}catch(e){return{};}}var regularTTAI;var expTTAI;function getErrorCounts(interaction){return{'ufo:errors:globalCount':getGlobalErrorCount(),'ufo:errors:count':interaction.errors.length};}function createInteractionMetricsPayload(_x,_x2,_x3,_x4,_x5){return _createInteractionMetricsPayload.apply(this,arguments);}function _createInteractionMetricsPayload(){_createInteractionMetricsPayload=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(interaction,interactionId,experimental,criticalPayloadCount,vcMetrics){var _window$location,_config$additionalPay;var interactionPayloadStart,config,end,start,ufoName,knownSegments,rate,type,abortReason,routeName,featureFlags,previousInteractionName,isPreviousInteractionAborted,abortedByInteractionName,responsiveness,unknownElementName,unknownElementHierarchy,hydration,pageVisibilityAtTTI,pageVisibilityAtTTAI,segments,segmentTree,isDetailedPayload,isPageLoad,calculatePageVisibilityFromTheStartOfPageLoad,moreAccuratePageVisibilityAtTTI,moreAccuratePageVisibilityAtTTAI,labelStack,getInitialPageLoadSSRMetrics,pageLoadInteractionMetrics,getDetailedInteractionMetrics,getPageLoadDetailedInteractionMetrics,newUFOName,resourceTimings,_yield$Promise$all,_yield$Promise$all2,finalVCMetrics,experimentalMetrics,paintMetrics,batteryInfo,getReactHydrationStats,payload,size,vcRev,rawData,rawDataSize;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:interactionPayloadStart=performance.now();config=getConfig();if(config){_context.next=4;break;}throw Error('UFO Configuration not provided');case 4:end=interaction.end,start=interaction.start,ufoName=interaction.ufoName,knownSegments=interaction.knownSegments,rate=interaction.rate,type=interaction.type,abortReason=interaction.abortReason,routeName=interaction.routeName,featureFlags=interaction.featureFlags,previousInteractionName=interaction.previousInteractionName,isPreviousInteractionAborted=interaction.isPreviousInteractionAborted,abortedByInteractionName=interaction.abortedByInteractionName,responsiveness=interaction.responsiveness,unknownElementName=interaction.unknownElementName,unknownElementHierarchy=interaction.unknownElementHierarchy,hydration=interaction.hydration;pageVisibilityAtTTI=getPageVisibilityUpToTTI(interaction);pageVisibilityAtTTAI=getPageVisibilityUpToTTAI(interaction);segments=!fg('platform_ufo_remove_deprecated_config_fields')&&config.killswitchNestedSegments?[]:knownSegments;segmentTree=getReactUFOPayloadVersion(interaction.type)==='2.0.0'?buildSegmentTree(segments.map(function(segment){return segment.labelStack;})):{};isDetailedPayload=pageVisibilityAtTTAI==='visible';isPageLoad=type==='page_load';calculatePageVisibilityFromTheStartOfPageLoad=config.enableBetterPageVisibilityApi&&isPageLoad;moreAccuratePageVisibilityAtTTI=calculatePageVisibilityFromTheStartOfPageLoad?getMoreAccuratePageVisibilityUpToTTI(interaction):null;moreAccuratePageVisibilityAtTTAI=calculatePageVisibilityFromTheStartOfPageLoad?getMoreAccuratePageVisibilityUpToTTAI(interaction):null;labelStack=interaction.labelStack?{labelStack:optimizeLabelStack(interaction.labelStack,getReactUFOPayloadVersion(interaction.type))}:{};// Page Load
|
|
9
|
+
getInitialPageLoadSSRMetrics=function getInitialPageLoadSSRMetrics(){var _config$ssr;if(!isPageLoad){return{};}var config=getConfig();var SSRDoneTimeValue=getSSRDoneTimeValue(config);var SSRDoneTime=SSRDoneTimeValue!==undefined?{SSRDoneTime:Math.round(SSRDoneTimeValue)}:{};var isBM3ConfigSSRDoneAsFmp=interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp;var isUFOConfigSSRDoneAsFmp=interaction.metaData.__legacy__bm3ConfigSSRDoneAsFmp||!!(config!==null&&config!==void 0&&(_config$ssr=config.ssr)!==null&&_config$ssr!==void 0&&_config$ssr.getSSRDoneTime);if(!experimental&&(isBM3ConfigSSRDoneAsFmp||isUFOConfigSSRDoneAsFmp)&&SSRDoneTimeValue!==undefined){try{performance.mark("FMP",{startTime:SSRDoneTimeValue,detail:{devtools:{dataType:'marker'}}});}catch(e){}}return _objectSpread(_objectSpread({},SSRDoneTime),{},{isBM3ConfigSSRDoneAsFmp:isBM3ConfigSSRDoneAsFmp,isUFOConfigSSRDoneAsFmp:isUFOConfigSSRDoneAsFmp});};pageLoadInteractionMetrics=getInitialPageLoadSSRMetrics();// Detailed payload. Page visibility = visible
|
|
10
|
+
getDetailedInteractionMetrics=function getDetailedInteractionMetrics(resourceTimings){if(experimental||window.__UFO_COMPACT_PAYLOAD__||!isDetailedPayload){return{};}var spans=[].concat(_toConsumableArray(interaction.spans),_toConsumableArray(atlaskitInteractionSpans));atlaskitInteractionSpans.length=0;return{errors:interaction.errors.map(function(_ref2){var labelStack=_ref2.labelStack,others=_objectWithoutProperties(_ref2,_excluded);return _objectSpread(_objectSpread({},others),{},{labelStack:labelStack&&optimizeLabelStack(labelStack,getReactUFOPayloadVersion(interaction.type))});}),holdActive:_toConsumableArray(interaction.holdActive.values()),redirects:optimizeRedirects(interaction.redirects,start),holdInfo:optimizeHoldInfo(experimental?interaction.holdExpInfo:interaction.holdInfo,start,getReactUFOPayloadVersion(interaction.type)),spans:optimizeSpans(spans,start,getReactUFOPayloadVersion(interaction.type)),requestInfo:optimizeRequestInfo(interaction.requestInfo,start,getReactUFOPayloadVersion(interaction.type)),customTimings:optimizeCustomTimings(interaction.customTimings,start),bundleEvalTimings:objectToArray(getBundleEvalTimings(start)),resourceTimings:objectToArray(resourceTimings)};};// Page load & detailed payload
|
|
11
|
+
getPageLoadDetailedInteractionMetrics=function getPageLoadDetailedInteractionMetrics(){var _config$ssr3;if(!isPageLoad||!isDetailedPayload){return{};}var initialPageLoadExtraTimings=objectToArray(initialPageLoadExtraTiming.getTimings());var config=getConfig();if(fg('platform_ufo_default_ssr_edge_timings')){var _config$ssr2;return{initialPageLoadExtraTimings:initialPageLoadExtraTimings,SSRTimings:config!==null&&config!==void 0&&(_config$ssr2=config.ssr)!==null&&_config$ssr2!==void 0&&_config$ssr2.getSSRTimings?[].concat(_toConsumableArray(config.ssr.getSSRTimings()),_toConsumableArray(objectToArray(ssr.getSSRTimings()))):objectToArray(ssr.getSSRTimings())};}return{initialPageLoadExtraTimings:initialPageLoadExtraTimings,SSRTimings:config!==null&&config!==void 0&&(_config$ssr3=config.ssr)!==null&&_config$ssr3!==void 0&&_config$ssr3.getSSRTimings?config.ssr.getSSRTimings():objectToArray(ssr.getSSRTimings())};};if(experimental){expTTAI=getTTAI(interaction);}else{regularTTAI=getTTAI(interaction);}newUFOName=sanitizeUfoName(ufoName);resourceTimings=getResourceTimings(start,end);_context.t0=Promise;_context.t1=vcMetrics;if(_context.t1){_context.next=28;break;}_context.next=27;return getVCMetrics(interaction);case 27:_context.t1=_context.sent;case 28:_context.t2=_context.t1;_context.t3=experimental?getExperimentalVCMetrics(interaction):Promise.resolve(undefined);_context.t4=getPaintMetricsToLegacyFormat(type,end);_context.t5=getBatteryInfoToLegacyFormat();_context.t6=[_context.t2,_context.t3,_context.t4,_context.t5];_context.next=35;return _context.t0.all.call(_context.t0,_context.t6);case 35:_yield$Promise$all=_context.sent;_yield$Promise$all2=_slicedToArray(_yield$Promise$all,4);finalVCMetrics=_yield$Promise$all2[0];experimentalMetrics=_yield$Promise$all2[1];paintMetrics=_yield$Promise$all2[2];batteryInfo=_yield$Promise$all2[3];if(!experimental){addPerformanceMeasures(interaction.start,_toConsumableArray((finalVCMetrics===null||finalVCMetrics===void 0?void 0:finalVCMetrics['ufo:vc:rev'])||[]));}getReactHydrationStats=function getReactHydrationStats(){if(!hydration){return{};}return{hydration:hydration};};payload={actionSubject:'experience',action:'measured',eventType:'operational',source:'measured',tags:['observability'],attributes:{properties:_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({// basic
|
|
12
|
+
'event:hostname':((_window$location=window.location)===null||_window$location===void 0?void 0:_window$location.hostname)||'unknown','event:product':config.product,'event:schema':'1.0.0','event:sizeInKb':0,'event:source':{name:'react-ufo/web',version:getReactUFOPayloadVersion(interaction.type)},'event:region':config.region||'unknown','experience:key':experimental?'custom.experimental-interaction-metrics':'custom.interaction-metrics','experience:name':newUFOName,// Include CPU usage monitoring data
|
|
13
|
+
'event:cpu:usage':createPressureStateReport(interaction.start,interaction.end),'event:memory:usage':createMemoryStateReport(interaction.start,interaction.end)},criticalPayloadCount!==undefined?{'ufo:multipayload':true,'ufo:criticalPayloadCount':criticalPayloadCount}:{}),getBrowserMetadataToLegacyFormat()),batteryInfo),getSSRProperties(type)),getAssetsMetrics(interaction,pageLoadInteractionMetrics===null||pageLoadInteractionMetrics===void 0?void 0:pageLoadInteractionMetrics.SSRDoneTime)),getPPSMetrics(interaction)),paintMetrics),getNavigationMetricsToLegacyFormat(type)),finalVCMetrics),experimentalMetrics),(_config$additionalPay=config.additionalPayloadData)===null||_config$additionalPay===void 0?void 0:_config$additionalPay.call(config,interaction)),getTracingContextData(interaction)),getStylesheetMetrics()),getErrorCounts(interaction)),getReactHydrationStats()),{},{interactionMetrics:_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({namePrefix:config.namePrefix||'',segmentPrefix:config.segmentPrefix||'',interactionId:interactionId,pageVisibilityAtTTI:pageVisibilityAtTTI,pageVisibilityAtTTAI:pageVisibilityAtTTAI,experimental__pageVisibilityAtTTI:moreAccuratePageVisibilityAtTTI,experimental__pageVisibilityAtTTAI:moreAccuratePageVisibilityAtTTAI,// raw interaction metrics
|
|
14
|
+
rate:rate,routeName:routeName,type:type,abortReason:abortReason,featureFlags:featureFlags,previousInteractionName:previousInteractionName,isPreviousInteractionAborted:isPreviousInteractionAborted,abortedByInteractionName:abortedByInteractionName,// performance
|
|
15
|
+
apdex:optimizeApdex(interaction.apdex,getReactUFOPayloadVersion(interaction.type)),end:Math.round(end),start:Math.round(start),segments:getReactUFOPayloadVersion(interaction.type)==='2.0.0'?segmentTree:getOldSegmentsLabelStack(segments,interaction.type),marks:optimizeMarks(interaction.marks,getReactUFOPayloadVersion(interaction.type)),customData:optimizeCustomData(interaction),reactProfilerTimings:optimizeReactProfilerTimings(interaction.reactProfilerTimings,start,getReactUFOPayloadVersion(interaction.type)),minorInteractions:interaction.minorInteractions},responsiveness?{responsiveness:responsiveness}:{}),labelStack),pageLoadInteractionMetrics),getDetailedInteractionMetrics(resourceTimings)),getPageLoadDetailedInteractionMetrics()),getBm3TrackerTimings(interaction)),{},{'metric:ttai':experimental?regularTTAI||expTTAI:undefined,'metric:experimental:ttai':expTTAI},unknownElementName?{unknownElementName:unknownElementName}:{}),unknownElementHierarchy?{unknownElementHierarchy:unknownElementHierarchy}:{}),'ufo:payloadTime':roundEpsilon(performance.now()-interactionPayloadStart)})}};if(experimental){regularTTAI=undefined;expTTAI=undefined;}if(fg('platform_ufo_enable_vc_raw_data')){size=getPayloadSize(payload.attributes.properties);vcRev=payload.attributes.properties['ufo:vc:rev'];rawData=vcRev.find(function(item){return item.revision==='raw-handler';});if(rawData){rawDataSize=getPayloadSize(rawData);payload.attributes.properties['ufo:vc:raw:size']=rawDataSize;if(size>MAX_PAYLOAD_SIZE&&Array.isArray(vcRev)&&vcRev.length>0){payload.attributes.properties['ufo:vc:rev']=vcRev.filter(function(item){return item.revision!=='raw-handler';});payload.attributes.properties['ufo:vc:raw:removed']=true;}}payload.attributes.properties['event:sizeInKb']=getPayloadSize(payload.attributes.properties);}else{payload.attributes.properties['event:sizeInKb']=getPayloadSize(payload.attributes.properties);}return _context.abrupt("return",payload);case 47:case"end":return _context.stop();}},_callee);}));return _createInteractionMetricsPayload.apply(this,arguments);}export function createPayloads(_x6,_x7){return _createPayloads.apply(this,arguments);}function _createPayloads(){_createPayloads=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(interactionId,interaction){var ufoNameOverride,modifiedInteraction,payloads,isCriticalMetricsEnabled,vcMetrics,criticalMetricsPayloads,criticalPayloadCount,interactionMetricsPayload;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:ufoNameOverride=getUfoNameOverride(interaction);modifiedInteraction=_objectSpread(_objectSpread({},interaction),{},{ufoName:ufoNameOverride});payloads=[];isCriticalMetricsEnabled=fg('platform_ufo_critical_metrics_payload');// Calculate VC metrics once to avoid duplicate expensive calculations
|
|
16
|
+
_context2.next=6;return getVCMetrics(interaction);case 6:vcMetrics=_context2.sent;if(!isCriticalMetricsEnabled){_context2.next=13;break;}_context2.next=10;return createCriticalMetricsPayloads(interactionId,interaction,vcMetrics);case 10:_context2.t0=_context2.sent;_context2.next=14;break;case 13:_context2.t0=[];case 14:criticalMetricsPayloads=_context2.t0;payloads.push.apply(payloads,_toConsumableArray(criticalMetricsPayloads));criticalPayloadCount=isCriticalMetricsEnabled?criticalMetricsPayloads.length:undefined;_context2.next=19;return createInteractionMetricsPayload(modifiedInteraction,interactionId,undefined,criticalPayloadCount,vcMetrics);case 19:interactionMetricsPayload=_context2.sent;payloads.push(interactionMetricsPayload);return _context2.abrupt("return",payloads.filter(Boolean));case 22:case"end":return _context2.stop();}},_callee2);}));return _createPayloads.apply(this,arguments);}export function createExperimentalMetricsPayload(_x8,_x9){return _createExperimentalMetricsPayload.apply(this,arguments);}function _createExperimentalMetricsPayload(){_createExperimentalMetricsPayload=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(interactionId,interaction){var config,ufoName,rate,pageVisibilityState,result;return _regeneratorRuntime.wrap(function _callee3$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:config=getConfig();if(config){_context3.next=3;break;}throw Error('UFO Configuration not provided');case 3:ufoName=sanitizeUfoName(interaction.ufoName);rate=getExperimentalInteractionRate(ufoName,interaction.type);if(coinflip(rate)){_context3.next=7;break;}return _context3.abrupt("return",null);case 7:pageVisibilityState=getPageVisibilityState(interaction.start,interaction.end);if(!(pageVisibilityState!=='visible')){_context3.next=10;break;}return _context3.abrupt("return",null);case 10:_context3.next=12;return createInteractionMetricsPayload(interaction,interactionId,true);case 12:result=_context3.sent;return _context3.abrupt("return",result);case 14:case"end":return _context3.stop();}},_callee3);}));return _createExperimentalMetricsPayload.apply(this,arguments);}export function createExtraSearchPageInteractionPayload(_x0,_x1){return _createExtraSearchPageInteractionPayload.apply(this,arguments);}function _createExtraSearchPageInteractionPayload(){_createExtraSearchPageInteractionPayload=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(interactionId,interaction){var SAIN_HOLD_NAMES,NAME_OVERRIDE,SEARCH_PAGE_SMART_ANSWERS_SEGMENT_LABEL,newInteractionId,newEnd,holdInfo,reactProfilerTimings,lastHold,isLastHoldSAIN,lastFilteredTime,filteredReactProfilerTimings,lastTiming,modifiedInteraction,payloads,vcMetrics,interactionMetricsPayload;return _regeneratorRuntime.wrap(function _callee4$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:SAIN_HOLD_NAMES=['search-ai-dialog-visible-text-loading','search-ai-dialog-all-text-loading'];NAME_OVERRIDE='search-page-ignoring-smart-answers';SEARCH_PAGE_SMART_ANSWERS_SEGMENT_LABEL='search-page-smart-answers';newInteractionId="".concat(interactionId,"-ignoring-smart-answers");// Calculate a new end time which excludes SAIN holds
|
|
17
|
+
holdInfo=interaction.holdInfo,reactProfilerTimings=interaction.reactProfilerTimings;lastHold=holdInfo.at(-1);isLastHoldSAIN=Boolean(lastHold&&SAIN_HOLD_NAMES.includes(lastHold.name));// A new end time is only calculated if the last hold is a SAIN hold
|
|
18
|
+
if(isLastHoldSAIN){lastFilteredTime=null;filteredReactProfilerTimings=reactProfilerTimings.filter(function(timing){if(timing.commitTime===lastFilteredTime){return false;}var isTimingSmartAnswersInSearch=timing.labelStack.some(function(label){return label.name===SEARCH_PAGE_SMART_ANSWERS_SEGMENT_LABEL;});if(isTimingSmartAnswersInSearch){lastFilteredTime=timing.commitTime;return false;}return true;});lastTiming=filteredReactProfilerTimings.at(-1);if(lastTiming){newEnd=lastTiming.commitTime;}}modifiedInteraction=_objectSpread(_objectSpread({},interaction),{},{end:newEnd!==null&&newEnd!==void 0?newEnd:interaction.end,holdInfo:[],knownSegments:[],reactProfilerTimings:[],ufoName:NAME_OVERRIDE});payloads=[];_context4.next=12;return getVCMetrics(interaction,false,true);case 12:vcMetrics=_context4.sent;_context4.next=15;return createInteractionMetricsPayload(modifiedInteraction,newInteractionId,undefined,undefined,vcMetrics);case 15:interactionMetricsPayload=_context4.sent;payloads.push(interactionMetricsPayload);return _context4.abrupt("return",payloads.filter(Boolean));case 18:case"end":return _context4.stop();}},_callee4);}));return _createExtraSearchPageInteractionPayload.apply(this,arguments);}
|