@atlaskit/react-ufo 4.3.0 → 4.3.1
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 +7 -0
- package/dist/cjs/resource-timing/main.js +1 -2
- package/dist/cjs/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js +26 -22
- package/dist/es2019/resource-timing/main.js +1 -2
- package/dist/es2019/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js +4 -0
- package/dist/esm/resource-timing/main.js +1 -2
- package/dist/esm/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js +26 -22
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.getResourceTimings = getResourceTimings;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
10
9
|
var _config = require("../config");
|
|
11
10
|
var _roundNumber = require("../round-number");
|
|
12
11
|
var _config2 = require("./common/utils/config");
|
|
@@ -102,7 +101,7 @@ function getNetworkData(item, eventStart) {
|
|
|
102
101
|
ttfb: ttfb,
|
|
103
102
|
serverTime: serverTime,
|
|
104
103
|
networkTime: networkTime,
|
|
105
|
-
requestStart:
|
|
104
|
+
requestStart: requestStartRelative
|
|
106
105
|
}, getSizeObject(transferSize));
|
|
107
106
|
}
|
|
108
107
|
function getResourceTimings(interactionStart, interactionEnd) {
|
|
@@ -12,6 +12,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
|
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
16
|
var _percentileCalc = require("./percentile-calc");
|
|
16
17
|
var _getViewportHeight = _interopRequireDefault(require("./utils/get-viewport-height"));
|
|
17
18
|
var _getViewportWidth = _interopRequireDefault(require("./utils/get-viewport-width"));
|
|
@@ -90,8 +91,11 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
|
|
|
90
91
|
while (1) switch (_context.prev = _context.next) {
|
|
91
92
|
case 0:
|
|
92
93
|
percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
|
|
94
|
+
if ((0, _platformFeatureFlags.fg)('platform_ufo_send_vc_100')) {
|
|
95
|
+
percentiles.push(100);
|
|
96
|
+
}
|
|
93
97
|
viewportEntries = this.filterViewportEntries(filteredEntries);
|
|
94
|
-
_context.next =
|
|
98
|
+
_context.next = 5;
|
|
95
99
|
return (0, _percentileCalc.calculateTTVCPercentilesWithDebugInfo)({
|
|
96
100
|
viewport: {
|
|
97
101
|
width: (0, _getViewportWidth.default)(),
|
|
@@ -101,31 +105,31 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
|
|
|
101
105
|
stopTime: stopTime,
|
|
102
106
|
orderedEntries: viewportEntries
|
|
103
107
|
});
|
|
104
|
-
case
|
|
108
|
+
case 5:
|
|
105
109
|
vcLogs = _context.sent;
|
|
106
110
|
vcDetails = {};
|
|
107
111
|
percentileIndex = 0;
|
|
108
112
|
entryDataBuffer = new Set();
|
|
109
113
|
if (!vcLogs) {
|
|
110
|
-
_context.next =
|
|
114
|
+
_context.next = 29;
|
|
111
115
|
break;
|
|
112
116
|
}
|
|
113
117
|
_iterator3 = _createForOfIteratorHelper(vcLogs);
|
|
114
|
-
_context.prev =
|
|
118
|
+
_context.prev = 11;
|
|
115
119
|
_iterator3.s();
|
|
116
|
-
case
|
|
120
|
+
case 13:
|
|
117
121
|
if ((_step3 = _iterator3.n()).done) {
|
|
118
|
-
_context.next =
|
|
122
|
+
_context.next = 21;
|
|
119
123
|
break;
|
|
120
124
|
}
|
|
121
125
|
_entry2 = _step3.value;
|
|
122
126
|
time = _entry2.time, viewportPercentage = _entry2.viewportPercentage, entries = _entry2.entries; // Only process entries if we haven't reached all percentiles
|
|
123
127
|
if (!(percentileIndex >= percentiles.length)) {
|
|
124
|
-
_context.next =
|
|
128
|
+
_context.next = 18;
|
|
125
129
|
break;
|
|
126
130
|
}
|
|
127
|
-
return _context.abrupt("break",
|
|
128
|
-
case
|
|
131
|
+
return _context.abrupt("break", 21);
|
|
132
|
+
case 18:
|
|
129
133
|
// Check if this entry matches any checkpoint percentiles
|
|
130
134
|
if (viewportPercentage >= percentiles[percentileIndex]) {
|
|
131
135
|
elementNames = entries.map(function (e) {
|
|
@@ -147,21 +151,21 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
|
|
|
147
151
|
return entryDataBuffer.add(e);
|
|
148
152
|
});
|
|
149
153
|
}
|
|
150
|
-
case
|
|
151
|
-
_context.next =
|
|
154
|
+
case 19:
|
|
155
|
+
_context.next = 13;
|
|
152
156
|
break;
|
|
153
|
-
case
|
|
154
|
-
_context.next =
|
|
157
|
+
case 21:
|
|
158
|
+
_context.next = 26;
|
|
155
159
|
break;
|
|
156
|
-
case
|
|
157
|
-
_context.prev =
|
|
158
|
-
_context.t0 = _context["catch"](
|
|
160
|
+
case 23:
|
|
161
|
+
_context.prev = 23;
|
|
162
|
+
_context.t0 = _context["catch"](11);
|
|
159
163
|
_iterator3.e(_context.t0);
|
|
160
|
-
case
|
|
161
|
-
_context.prev =
|
|
164
|
+
case 26:
|
|
165
|
+
_context.prev = 26;
|
|
162
166
|
_iterator3.f();
|
|
163
|
-
return _context.finish(
|
|
164
|
-
case
|
|
167
|
+
return _context.finish(26);
|
|
168
|
+
case 29:
|
|
165
169
|
// Fill in any missing percentiles with the last known values
|
|
166
170
|
previousResult = {
|
|
167
171
|
t: 0,
|
|
@@ -300,11 +304,11 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
|
|
|
300
304
|
}
|
|
301
305
|
}
|
|
302
306
|
return _context.abrupt("return", vcDetails);
|
|
303
|
-
case
|
|
307
|
+
case 39:
|
|
304
308
|
case "end":
|
|
305
309
|
return _context.stop();
|
|
306
310
|
}
|
|
307
|
-
}, _callee, this, [[
|
|
311
|
+
}, _callee, this, [[11, 23, 26, 29]]);
|
|
308
312
|
}));
|
|
309
313
|
function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
|
|
310
314
|
return _calculateWithDebugInfo.apply(this, arguments);
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
2
1
|
import { getConfig as getConfigUFO } from '../config';
|
|
3
2
|
import { roundEpsilon } from '../round-number';
|
|
4
3
|
import { getConfig } from './common/utils/config';
|
|
@@ -94,7 +93,7 @@ function getNetworkData(item, eventStart, hasTimingHeaders = evaluateAccessToRes
|
|
|
94
93
|
ttfb,
|
|
95
94
|
serverTime,
|
|
96
95
|
networkTime,
|
|
97
|
-
requestStart:
|
|
96
|
+
requestStart: requestStartRelative,
|
|
98
97
|
...getSizeObject(transferSize)
|
|
99
98
|
};
|
|
100
99
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
1
2
|
import { calculateTTVCPercentilesWithDebugInfo } from './percentile-calc';
|
|
2
3
|
import getViewportHeight from './utils/get-viewport-height';
|
|
3
4
|
import getViewportWidth from './utils/get-viewport-width';
|
|
@@ -41,6 +42,9 @@ export default class AbstractVCCalculatorBase {
|
|
|
41
42
|
async calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason, allEntries) {
|
|
42
43
|
var _window, _window2, _window3, _window5;
|
|
43
44
|
const percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
|
|
45
|
+
if (fg('platform_ufo_send_vc_100')) {
|
|
46
|
+
percentiles.push(100);
|
|
47
|
+
}
|
|
44
48
|
const viewportEntries = this.filterViewportEntries(filteredEntries);
|
|
45
49
|
const vcLogs = await calculateTTVCPercentilesWithDebugInfo({
|
|
46
50
|
viewport: {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
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; }
|
|
3
3
|
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; }
|
|
4
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
4
|
import { getConfig as getConfigUFO } from '../config';
|
|
6
5
|
import { roundEpsilon } from '../round-number';
|
|
7
6
|
import { getConfig } from './common/utils/config';
|
|
@@ -95,7 +94,7 @@ function getNetworkData(item, eventStart) {
|
|
|
95
94
|
ttfb: ttfb,
|
|
96
95
|
serverTime: serverTime,
|
|
97
96
|
networkTime: networkTime,
|
|
98
|
-
requestStart:
|
|
97
|
+
requestStart: requestStartRelative
|
|
99
98
|
}, getSizeObject(transferSize));
|
|
100
99
|
}
|
|
101
100
|
export function getResourceTimings(interactionStart, interactionEnd) {
|
|
@@ -10,6 +10,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
10
10
|
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
|
|
11
11
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
12
12
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
13
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
14
|
import { calculateTTVCPercentilesWithDebugInfo } from './percentile-calc';
|
|
14
15
|
import getViewportHeight from './utils/get-viewport-height';
|
|
15
16
|
import getViewportWidth from './utils/get-viewport-width';
|
|
@@ -84,8 +85,11 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
|
|
|
84
85
|
while (1) switch (_context.prev = _context.next) {
|
|
85
86
|
case 0:
|
|
86
87
|
percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
|
|
88
|
+
if (fg('platform_ufo_send_vc_100')) {
|
|
89
|
+
percentiles.push(100);
|
|
90
|
+
}
|
|
87
91
|
viewportEntries = this.filterViewportEntries(filteredEntries);
|
|
88
|
-
_context.next =
|
|
92
|
+
_context.next = 5;
|
|
89
93
|
return calculateTTVCPercentilesWithDebugInfo({
|
|
90
94
|
viewport: {
|
|
91
95
|
width: getViewportWidth(),
|
|
@@ -95,31 +99,31 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
|
|
|
95
99
|
stopTime: stopTime,
|
|
96
100
|
orderedEntries: viewportEntries
|
|
97
101
|
});
|
|
98
|
-
case
|
|
102
|
+
case 5:
|
|
99
103
|
vcLogs = _context.sent;
|
|
100
104
|
vcDetails = {};
|
|
101
105
|
percentileIndex = 0;
|
|
102
106
|
entryDataBuffer = new Set();
|
|
103
107
|
if (!vcLogs) {
|
|
104
|
-
_context.next =
|
|
108
|
+
_context.next = 29;
|
|
105
109
|
break;
|
|
106
110
|
}
|
|
107
111
|
_iterator3 = _createForOfIteratorHelper(vcLogs);
|
|
108
|
-
_context.prev =
|
|
112
|
+
_context.prev = 11;
|
|
109
113
|
_iterator3.s();
|
|
110
|
-
case
|
|
114
|
+
case 13:
|
|
111
115
|
if ((_step3 = _iterator3.n()).done) {
|
|
112
|
-
_context.next =
|
|
116
|
+
_context.next = 21;
|
|
113
117
|
break;
|
|
114
118
|
}
|
|
115
119
|
_entry2 = _step3.value;
|
|
116
120
|
time = _entry2.time, viewportPercentage = _entry2.viewportPercentage, entries = _entry2.entries; // Only process entries if we haven't reached all percentiles
|
|
117
121
|
if (!(percentileIndex >= percentiles.length)) {
|
|
118
|
-
_context.next =
|
|
122
|
+
_context.next = 18;
|
|
119
123
|
break;
|
|
120
124
|
}
|
|
121
|
-
return _context.abrupt("break",
|
|
122
|
-
case
|
|
125
|
+
return _context.abrupt("break", 21);
|
|
126
|
+
case 18:
|
|
123
127
|
// Check if this entry matches any checkpoint percentiles
|
|
124
128
|
if (viewportPercentage >= percentiles[percentileIndex]) {
|
|
125
129
|
elementNames = entries.map(function (e) {
|
|
@@ -141,21 +145,21 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
|
|
|
141
145
|
return entryDataBuffer.add(e);
|
|
142
146
|
});
|
|
143
147
|
}
|
|
144
|
-
case
|
|
145
|
-
_context.next =
|
|
148
|
+
case 19:
|
|
149
|
+
_context.next = 13;
|
|
146
150
|
break;
|
|
147
|
-
case
|
|
148
|
-
_context.next =
|
|
151
|
+
case 21:
|
|
152
|
+
_context.next = 26;
|
|
149
153
|
break;
|
|
150
|
-
case
|
|
151
|
-
_context.prev =
|
|
152
|
-
_context.t0 = _context["catch"](
|
|
154
|
+
case 23:
|
|
155
|
+
_context.prev = 23;
|
|
156
|
+
_context.t0 = _context["catch"](11);
|
|
153
157
|
_iterator3.e(_context.t0);
|
|
154
|
-
case
|
|
155
|
-
_context.prev =
|
|
158
|
+
case 26:
|
|
159
|
+
_context.prev = 26;
|
|
156
160
|
_iterator3.f();
|
|
157
|
-
return _context.finish(
|
|
158
|
-
case
|
|
161
|
+
return _context.finish(26);
|
|
162
|
+
case 29:
|
|
159
163
|
// Fill in any missing percentiles with the last known values
|
|
160
164
|
previousResult = {
|
|
161
165
|
t: 0,
|
|
@@ -294,11 +298,11 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
|
|
|
294
298
|
}
|
|
295
299
|
}
|
|
296
300
|
return _context.abrupt("return", vcDetails);
|
|
297
|
-
case
|
|
301
|
+
case 39:
|
|
298
302
|
case "end":
|
|
299
303
|
return _context.stop();
|
|
300
304
|
}
|
|
301
|
-
}, _callee, this, [[
|
|
305
|
+
}, _callee, this, [[11, 23, 26, 29]]);
|
|
302
306
|
}));
|
|
303
307
|
function calculateWithDebugInfo(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
|
|
304
308
|
return _calculateWithDebugInfo.apply(this, arguments);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/react-ufo",
|
|
3
|
-
"version": "4.3.
|
|
3
|
+
"version": "4.3.1",
|
|
4
4
|
"description": "Parts of React UFO that are publicly available",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -135,9 +135,6 @@
|
|
|
135
135
|
"platform_ufo_enable_media_for_ttvc_v3": {
|
|
136
136
|
"type": "boolean"
|
|
137
137
|
},
|
|
138
|
-
"ufo_return_relative_request_start": {
|
|
139
|
-
"type": "boolean"
|
|
140
|
-
},
|
|
141
138
|
"platform_ufo_remove_deprecated_config_fields": {
|
|
142
139
|
"type": "boolean"
|
|
143
140
|
},
|
|
@@ -197,6 +194,9 @@
|
|
|
197
194
|
},
|
|
198
195
|
"platform_ufo_ssr_placeholder_resolution_ttvc_v3": {
|
|
199
196
|
"type": "boolean"
|
|
197
|
+
},
|
|
198
|
+
"platform_ufo_send_vc_100": {
|
|
199
|
+
"type": "boolean"
|
|
200
200
|
}
|
|
201
201
|
}
|
|
202
202
|
}
|