@atlaskit/react-ufo 3.12.4 → 3.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/create-experimental-interaction-metrics-payload/index.js +2 -1
- package/dist/cjs/create-payload/utils/get-vc-metrics.js +2 -1
- package/dist/cjs/vc/index.js +4 -2
- package/dist/cjs/vc/vc-observer/getVCRevisionDebugDetails.js +41 -0
- package/dist/cjs/vc/vc-observer/index.js +63 -33
- package/dist/cjs/vc/vc-observer/observers/index.js +3 -2
- package/dist/cjs/vc/vc-observer/observers/ssr-placeholders/index.js +38 -12
- package/dist/cjs/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/collectSSRPlaceholderDimensions.js +9 -0
- package/dist/cjs/vc/vc-observer-new/index.js +13 -7
- package/dist/cjs/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js +211 -36
- package/dist/cjs/vc/vc-observer-new/metric-calculator/fy25_03/index.js +4 -4
- package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.js +94 -4
- package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.js +108 -0
- package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/index.js +16 -57
- package/dist/cjs/vc/vc-observer-new/viewport-observer/index.js +15 -5
- package/dist/cjs/vc/vc-observer-new/viewport-observer/mutation-observer/index.js +3 -1
- package/dist/es2019/create-experimental-interaction-metrics-payload/index.js +2 -1
- package/dist/es2019/create-payload/utils/get-vc-metrics.js +1 -0
- package/dist/es2019/vc/index.js +4 -2
- package/dist/es2019/vc/vc-observer/getVCRevisionDebugDetails.js +32 -0
- package/dist/es2019/vc/vc-observer/index.js +36 -1
- package/dist/es2019/vc/vc-observer/observers/index.js +2 -1
- package/dist/es2019/vc/vc-observer/observers/ssr-placeholders/index.js +38 -13
- package/dist/es2019/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/collectSSRPlaceholderDimensions.js +9 -1
- package/dist/es2019/vc/vc-observer-new/index.js +12 -6
- package/dist/es2019/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js +115 -17
- package/dist/es2019/vc/vc-observer-new/metric-calculator/fy25_03/index.js +4 -4
- package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.js +44 -1
- package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.js +75 -0
- package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/index.js +2 -20
- package/dist/es2019/vc/vc-observer-new/viewport-observer/index.js +15 -5
- package/dist/es2019/vc/vc-observer-new/viewport-observer/mutation-observer/index.js +3 -1
- package/dist/esm/create-experimental-interaction-metrics-payload/index.js +2 -1
- package/dist/esm/create-payload/utils/get-vc-metrics.js +2 -1
- package/dist/esm/vc/index.js +4 -2
- package/dist/esm/vc/vc-observer/getVCRevisionDebugDetails.js +35 -0
- package/dist/esm/vc/vc-observer/index.js +63 -33
- package/dist/esm/vc/vc-observer/observers/index.js +3 -2
- package/dist/esm/vc/vc-observer/observers/ssr-placeholders/index.js +38 -12
- package/dist/esm/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/collectSSRPlaceholderDimensions.js +9 -0
- package/dist/esm/vc/vc-observer-new/index.js +13 -7
- package/dist/esm/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js +211 -36
- package/dist/esm/vc/vc-observer-new/metric-calculator/fy25_03/index.js +4 -4
- package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.js +94 -5
- package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.js +106 -0
- package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/index.js +2 -55
- package/dist/esm/vc/vc-observer-new/viewport-observer/index.js +15 -5
- package/dist/esm/vc/vc-observer-new/viewport-observer/mutation-observer/index.js +3 -1
- package/dist/types/config/index.d.ts +1 -0
- package/dist/types/vc/types.d.ts +2 -0
- package/dist/types/vc/vc-observer/getVCRevisionDebugDetails.d.ts +30 -0
- package/dist/types/vc/vc-observer/index.d.ts +1 -1
- package/dist/types/vc/vc-observer/observers/index.d.ts +3 -0
- package/dist/types/vc/vc-observer/observers/ssr-placeholders/index.d.ts +4 -1
- package/dist/types/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/collectSSRPlaceholderDimensions.d.ts +1 -1
- package/dist/types/vc/vc-observer-new/index.d.ts +2 -0
- package/dist/types/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts +4 -1
- package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.d.ts +5 -1
- package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.d.ts +1 -0
- package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/index.d.ts +2 -4
- package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/types.d.ts +20 -2
- package/dist/types/vc/vc-observer-new/metric-calculator/types.d.ts +2 -0
- package/dist/types/vc/vc-observer-new/types.d.ts +5 -1
- package/dist/types/vc/vc-observer-new/viewport-observer/mutation-observer/index.d.ts +2 -0
- package/dist/types/vc/vc-observer-new/viewport-observer/types.d.ts +2 -0
- package/dist/types-ts4.5/config/index.d.ts +1 -0
- package/dist/types-ts4.5/vc/types.d.ts +2 -0
- package/dist/types-ts4.5/vc/vc-observer/getVCRevisionDebugDetails.d.ts +30 -0
- package/dist/types-ts4.5/vc/vc-observer/index.d.ts +1 -1
- package/dist/types-ts4.5/vc/vc-observer/observers/index.d.ts +3 -0
- package/dist/types-ts4.5/vc/vc-observer/observers/ssr-placeholders/index.d.ts +4 -1
- package/dist/types-ts4.5/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/collectSSRPlaceholderDimensions.d.ts +1 -1
- package/dist/types-ts4.5/vc/vc-observer-new/index.d.ts +2 -0
- package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts +4 -1
- package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.d.ts +5 -1
- package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.d.ts +1 -0
- package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/index.d.ts +2 -4
- package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/types.d.ts +20 -2
- package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/types.d.ts +2 -0
- package/dist/types-ts4.5/vc/vc-observer-new/types.d.ts +5 -1
- package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/mutation-observer/index.d.ts +2 -0
- package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/types.d.ts +2 -0
- package/package.json +4 -1
- package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/heatmap.js +0 -367
- package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.js +0 -398
- package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/types.js +0 -5
- package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/calc-union-area.js +0 -152
- package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.js +0 -108
- package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/heatmap.js +0 -248
- package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.js +0 -263
- package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/types.js +0 -1
- package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/calc-union-area.js +0 -99
- package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.js +0 -60
- package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/heatmap.js +0 -361
- package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.js +0 -391
- package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/types.js +0 -1
- package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/calc-union-area.js +0 -145
- package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.js +0 -101
- package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/heatmap.d.ts +0 -39
- package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.d.ts +0 -10
- package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/types.d.ts +0 -43
- package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/calc-union-area.d.ts +0 -12
- package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.d.ts +0 -25
- package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/heatmap.d.ts +0 -39
- package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.d.ts +0 -10
- package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/types.d.ts +0 -43
- package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/calc-union-area.d.ts +0 -12
- package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.d.ts +0 -25
|
@@ -1,398 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
9
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
10
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
12
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
14
|
-
var _isViewportEntryData = _interopRequireDefault(require("../../utils/is-viewport-entry-data"));
|
|
15
|
-
var _taskYield = _interopRequireDefault(require("../../utils/task-yield"));
|
|
16
|
-
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; }
|
|
17
|
-
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) { (0, _defineProperty2.default)(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; }
|
|
18
|
-
var MAX_HEATMAP_SIZE = 1000;
|
|
19
|
-
function createEmptyHeatmapEntry() {
|
|
20
|
-
return {
|
|
21
|
-
head: null,
|
|
22
|
-
previousEntries: []
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
function createEmptyMap(heatmapWidth, heatmapHeight) {
|
|
26
|
-
return Array.from({
|
|
27
|
-
length: heatmapHeight
|
|
28
|
-
}).map(function () {
|
|
29
|
-
return Array.from({
|
|
30
|
-
length: heatmapWidth
|
|
31
|
-
}).map(createEmptyHeatmapEntry);
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
function isRectInside(a, b) {
|
|
35
|
-
if (!a || !b) {
|
|
36
|
-
return false;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
// Check if all corners of rectangle a are within the bounds of rectangle b
|
|
40
|
-
return a.left >= b.left && a.right <= b.right && a.top >= b.top && a.bottom <= b.bottom;
|
|
41
|
-
}
|
|
42
|
-
var Heatmap = /*#__PURE__*/function () {
|
|
43
|
-
/**
|
|
44
|
-
* Heatmap Width
|
|
45
|
-
*/
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* Heatmap Height
|
|
49
|
-
*/
|
|
50
|
-
|
|
51
|
-
/**
|
|
52
|
-
* Heatmap Area (width * height)
|
|
53
|
-
*/
|
|
54
|
-
|
|
55
|
-
function Heatmap(_ref) {
|
|
56
|
-
var viewport = _ref.viewport,
|
|
57
|
-
heatmapSize = _ref.heatmapSize;
|
|
58
|
-
(0, _classCallCheck2.default)(this, Heatmap);
|
|
59
|
-
// TODO timeOrigin? do we need? for SSR??
|
|
60
|
-
this.viewport = viewport;
|
|
61
|
-
var safeSize = Math.min(heatmapSize, MAX_HEATMAP_SIZE);
|
|
62
|
-
if (viewport.width === 0 || viewport.height === 0) {
|
|
63
|
-
this.width = safeSize;
|
|
64
|
-
this.height = safeSize;
|
|
65
|
-
this.scaleX = 1;
|
|
66
|
-
this.scaleY = 1;
|
|
67
|
-
this.heatmapAreaSize = 0;
|
|
68
|
-
this.map = createEmptyMap(safeSize, safeSize);
|
|
69
|
-
return;
|
|
70
|
-
}
|
|
71
|
-
var aspectRatio = viewport.width / viewport.height;
|
|
72
|
-
if (aspectRatio > 1) {
|
|
73
|
-
// Landscape orientation
|
|
74
|
-
this.width = safeSize;
|
|
75
|
-
this.height = Math.round(safeSize / aspectRatio);
|
|
76
|
-
} else {
|
|
77
|
-
// Portrait orientation
|
|
78
|
-
this.width = safeSize;
|
|
79
|
-
this.height = Math.round(safeSize * aspectRatio);
|
|
80
|
-
}
|
|
81
|
-
this.scaleX = this.width / viewport.width;
|
|
82
|
-
this.scaleY = this.height / viewport.height;
|
|
83
|
-
this.heatmapAreaSize = this.width * this.height;
|
|
84
|
-
this.map = createEmptyMap(this.width, this.height);
|
|
85
|
-
}
|
|
86
|
-
return (0, _createClass2.default)(Heatmap, [{
|
|
87
|
-
key: "getHeatmap",
|
|
88
|
-
value: function getHeatmap() {
|
|
89
|
-
return this.map;
|
|
90
|
-
}
|
|
91
|
-
}, {
|
|
92
|
-
key: "getCell",
|
|
93
|
-
value: function getCell(row, col) {
|
|
94
|
-
var _this$map$row;
|
|
95
|
-
return (_this$map$row = this.map[row]) === null || _this$map$row === void 0 ? void 0 : _this$map$row[col];
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
/**
|
|
99
|
-
* Map Dom Rect to Heatmap Rect, rounded up to occupy full cell.
|
|
100
|
-
* @param rect DOM Rect
|
|
101
|
-
* @returns
|
|
102
|
-
*/
|
|
103
|
-
}, {
|
|
104
|
-
key: "mapDOMRectToHeatmap",
|
|
105
|
-
value: function mapDOMRectToHeatmap(rect) {
|
|
106
|
-
var scaledX = rect.x * this.scaleX;
|
|
107
|
-
var scaledY = rect.y * this.scaleY;
|
|
108
|
-
var scaledWidth = rect.width * this.scaleX;
|
|
109
|
-
var scaledHeight = rect.height * this.scaleY;
|
|
110
|
-
return {
|
|
111
|
-
left: Math.floor(scaledX),
|
|
112
|
-
right: Math.ceil(scaledX + scaledWidth),
|
|
113
|
-
top: Math.floor(scaledY),
|
|
114
|
-
bottom: Math.ceil(scaledY + scaledHeight)
|
|
115
|
-
};
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
/**
|
|
119
|
-
* Calculate the ratio of a HeatmapRect compared to the full heatmap
|
|
120
|
-
*
|
|
121
|
-
* This function determines what fraction of the heatmap is covered by the given heatmap rectangle.
|
|
122
|
-
*
|
|
123
|
-
* @param rect
|
|
124
|
-
*/
|
|
125
|
-
}, {
|
|
126
|
-
key: "getRatio",
|
|
127
|
-
value: function getRatio(rect) {
|
|
128
|
-
if (this.viewport.width === 0 || this.viewport.height === 0) {
|
|
129
|
-
return 0;
|
|
130
|
-
}
|
|
131
|
-
var right = rect.right,
|
|
132
|
-
left = rect.left,
|
|
133
|
-
bottom = rect.bottom,
|
|
134
|
-
top = rect.top;
|
|
135
|
-
var rectWidth = right - left;
|
|
136
|
-
var rectHeight = bottom - top;
|
|
137
|
-
var rectArea = rectWidth * rectHeight;
|
|
138
|
-
var ratio = rectArea / this.heatmapAreaSize;
|
|
139
|
-
if (ratio > 1) {
|
|
140
|
-
return 1;
|
|
141
|
-
}
|
|
142
|
-
return ratio;
|
|
143
|
-
}
|
|
144
|
-
}, {
|
|
145
|
-
key: "applyEntriesToHeatmap",
|
|
146
|
-
value: function () {
|
|
147
|
-
var _applyEntriesToHeatmap = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(entries) {
|
|
148
|
-
var i, entry, time, type, data, rect, ratio, heatmapEntryData, roundedTop, roundedBottom, roundedLeft, roundedRight, row, col, cell, previousEntry;
|
|
149
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
150
|
-
while (1) switch (_context.prev = _context.next) {
|
|
151
|
-
case 0:
|
|
152
|
-
i = 0;
|
|
153
|
-
case 1:
|
|
154
|
-
if (!(i < entries.length)) {
|
|
155
|
-
_context.next = 37;
|
|
156
|
-
break;
|
|
157
|
-
}
|
|
158
|
-
entry = entries[i];
|
|
159
|
-
time = entry.time, type = entry.type, data = entry.data;
|
|
160
|
-
if (!(0, _isViewportEntryData.default)(data)) {
|
|
161
|
-
_context.next = 31;
|
|
162
|
-
break;
|
|
163
|
-
}
|
|
164
|
-
rect = this.mapDOMRectToHeatmap(data.rect);
|
|
165
|
-
ratio = this.getRatio(rect);
|
|
166
|
-
heatmapEntryData = {
|
|
167
|
-
time: time,
|
|
168
|
-
elementName: data.elementName,
|
|
169
|
-
ratio: ratio !== null && ratio !== void 0 ? ratio : null,
|
|
170
|
-
rect: rect,
|
|
171
|
-
source: type
|
|
172
|
-
};
|
|
173
|
-
roundedTop = Math.floor(rect.top);
|
|
174
|
-
roundedBottom = Math.min(rect.bottom, this.height);
|
|
175
|
-
roundedLeft = Math.floor(rect.left);
|
|
176
|
-
roundedRight = Math.min(rect.right, this.width);
|
|
177
|
-
row = roundedTop;
|
|
178
|
-
case 13:
|
|
179
|
-
if (!(row < roundedBottom)) {
|
|
180
|
-
_context.next = 31;
|
|
181
|
-
break;
|
|
182
|
-
}
|
|
183
|
-
col = roundedLeft;
|
|
184
|
-
case 15:
|
|
185
|
-
if (!(col < roundedRight)) {
|
|
186
|
-
_context.next = 28;
|
|
187
|
-
break;
|
|
188
|
-
}
|
|
189
|
-
cell = this.getCell(row, col);
|
|
190
|
-
if (cell) {
|
|
191
|
-
_context.next = 19;
|
|
192
|
-
break;
|
|
193
|
-
}
|
|
194
|
-
return _context.abrupt("continue", 25);
|
|
195
|
-
case 19:
|
|
196
|
-
previousEntry = cell.head; // When elements are added at the same time
|
|
197
|
-
// we try to keep the inner element changes as the head
|
|
198
|
-
if (!((previousEntry === null || previousEntry === void 0 ? void 0 : previousEntry.time) === entry.time && isRectInside(previousEntry.rect, heatmapEntryData.rect))) {
|
|
199
|
-
_context.next = 23;
|
|
200
|
-
break;
|
|
201
|
-
}
|
|
202
|
-
cell.previousEntries.push(_objectSpread(_objectSpread({}, heatmapEntryData), {}, {
|
|
203
|
-
source: 'mutation:parent-mounted'
|
|
204
|
-
}));
|
|
205
|
-
return _context.abrupt("continue", 25);
|
|
206
|
-
case 23:
|
|
207
|
-
cell.head = _objectSpread(_objectSpread({}, heatmapEntryData), {}, {
|
|
208
|
-
source: heatmapEntryData.source || null
|
|
209
|
-
});
|
|
210
|
-
if (previousEntry !== null) {
|
|
211
|
-
cell.previousEntries.push(previousEntry);
|
|
212
|
-
}
|
|
213
|
-
case 25:
|
|
214
|
-
col++;
|
|
215
|
-
_context.next = 15;
|
|
216
|
-
break;
|
|
217
|
-
case 28:
|
|
218
|
-
row++;
|
|
219
|
-
_context.next = 13;
|
|
220
|
-
break;
|
|
221
|
-
case 31:
|
|
222
|
-
if (!(i % 100 === 0)) {
|
|
223
|
-
_context.next = 34;
|
|
224
|
-
break;
|
|
225
|
-
}
|
|
226
|
-
_context.next = 34;
|
|
227
|
-
return (0, _taskYield.default)();
|
|
228
|
-
case 34:
|
|
229
|
-
i++;
|
|
230
|
-
_context.next = 1;
|
|
231
|
-
break;
|
|
232
|
-
case 37:
|
|
233
|
-
case "end":
|
|
234
|
-
return _context.stop();
|
|
235
|
-
}
|
|
236
|
-
}, _callee, this);
|
|
237
|
-
}));
|
|
238
|
-
function applyEntriesToHeatmap(_x) {
|
|
239
|
-
return _applyEntriesToHeatmap.apply(this, arguments);
|
|
240
|
-
}
|
|
241
|
-
return applyEntriesToHeatmap;
|
|
242
|
-
}()
|
|
243
|
-
}, {
|
|
244
|
-
key: "getVCPercentMetrics",
|
|
245
|
-
value: function () {
|
|
246
|
-
var _getVCPercentMetrics = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(vcPercentCheckpoint, startTime) {
|
|
247
|
-
var sortedCheckpoints, flattenHeatmap, totalCells, timestampMap, i, _cellHead$time, _timestampMap$get, cell, cellHead, timestamp, elementName, curr, sortedTimings, totalCellPainted, result, domElementsBuffer, _i, _timestamp, timestampInfo, cellCount, domElements, currVCRatio, currVCPercent, matchesAnyCheckpoints, checkpoint, _domElements;
|
|
248
|
-
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
249
|
-
while (1) switch (_context2.prev = _context2.next) {
|
|
250
|
-
case 0:
|
|
251
|
-
sortedCheckpoints = (0, _toConsumableArray2.default)(vcPercentCheckpoint).sort(function (a, b) {
|
|
252
|
-
return a - b;
|
|
253
|
-
});
|
|
254
|
-
flattenHeatmap = this.map.flat();
|
|
255
|
-
totalCells = flattenHeatmap.length;
|
|
256
|
-
timestampMap = new Map();
|
|
257
|
-
i = 0;
|
|
258
|
-
case 5:
|
|
259
|
-
if (!(i < flattenHeatmap.length)) {
|
|
260
|
-
_context2.next = 20;
|
|
261
|
-
break;
|
|
262
|
-
}
|
|
263
|
-
cell = flattenHeatmap[i];
|
|
264
|
-
cellHead = cell.head;
|
|
265
|
-
timestamp = Math.trunc((_cellHead$time = cellHead === null || cellHead === void 0 ? void 0 : cellHead.time) !== null && _cellHead$time !== void 0 ? _cellHead$time : 0);
|
|
266
|
-
elementName = cellHead === null || cellHead === void 0 ? void 0 : cellHead.elementName;
|
|
267
|
-
curr = (_timestampMap$get = timestampMap.get(timestamp)) !== null && _timestampMap$get !== void 0 ? _timestampMap$get : {
|
|
268
|
-
cellCount: 0,
|
|
269
|
-
domElements: new Set()
|
|
270
|
-
};
|
|
271
|
-
curr.cellCount += 1;
|
|
272
|
-
if (elementName) {
|
|
273
|
-
curr.domElements.add(elementName);
|
|
274
|
-
}
|
|
275
|
-
timestampMap.set(timestamp, curr);
|
|
276
|
-
|
|
277
|
-
// Every 10000 heatmap entries processed
|
|
278
|
-
// we give the browser the power
|
|
279
|
-
// to process any other high priority task
|
|
280
|
-
if (!(i > 10000 && i % 10000 === 0)) {
|
|
281
|
-
_context2.next = 17;
|
|
282
|
-
break;
|
|
283
|
-
}
|
|
284
|
-
_context2.next = 17;
|
|
285
|
-
return (0, _taskYield.default)();
|
|
286
|
-
case 17:
|
|
287
|
-
i++;
|
|
288
|
-
_context2.next = 5;
|
|
289
|
-
break;
|
|
290
|
-
case 20:
|
|
291
|
-
sortedTimings = (0, _toConsumableArray2.default)(timestampMap.keys()).sort(function (a, b) {
|
|
292
|
-
return a - b;
|
|
293
|
-
});
|
|
294
|
-
totalCellPainted = 0;
|
|
295
|
-
result = {};
|
|
296
|
-
domElementsBuffer = new Set();
|
|
297
|
-
_i = 0;
|
|
298
|
-
case 25:
|
|
299
|
-
if (!(_i < sortedTimings.length)) {
|
|
300
|
-
_context2.next = 52;
|
|
301
|
-
break;
|
|
302
|
-
}
|
|
303
|
-
_timestamp = sortedTimings[_i];
|
|
304
|
-
timestampInfo = timestampMap.get(_timestamp);
|
|
305
|
-
if (timestampInfo) {
|
|
306
|
-
_context2.next = 30;
|
|
307
|
-
break;
|
|
308
|
-
}
|
|
309
|
-
throw new Error('unexpected timestampInfo not found');
|
|
310
|
-
case 30:
|
|
311
|
-
cellCount = timestampInfo.cellCount, domElements = timestampInfo.domElements;
|
|
312
|
-
totalCellPainted += cellCount;
|
|
313
|
-
currVCRatio = totalCellPainted / totalCells;
|
|
314
|
-
currVCPercent = Math.round(currVCRatio * 100);
|
|
315
|
-
domElements.forEach(function (domElement) {
|
|
316
|
-
domElementsBuffer.add(domElement);
|
|
317
|
-
});
|
|
318
|
-
matchesAnyCheckpoints = false;
|
|
319
|
-
case 36:
|
|
320
|
-
if (!(sortedCheckpoints.length > 0 && currVCPercent >= sortedCheckpoints[0])) {
|
|
321
|
-
_context2.next = 45;
|
|
322
|
-
break;
|
|
323
|
-
}
|
|
324
|
-
checkpoint = sortedCheckpoints.shift();
|
|
325
|
-
_domElements = (0, _toConsumableArray2.default)(domElementsBuffer);
|
|
326
|
-
if (checkpoint) {
|
|
327
|
-
_context2.next = 41;
|
|
328
|
-
break;
|
|
329
|
-
}
|
|
330
|
-
return _context2.abrupt("break", 45);
|
|
331
|
-
case 41:
|
|
332
|
-
matchesAnyCheckpoints = true;
|
|
333
|
-
result[checkpoint.toString()] = {
|
|
334
|
-
t: Math.round(_timestamp - startTime),
|
|
335
|
-
e: _domElements
|
|
336
|
-
};
|
|
337
|
-
_context2.next = 36;
|
|
338
|
-
break;
|
|
339
|
-
case 45:
|
|
340
|
-
if (matchesAnyCheckpoints) {
|
|
341
|
-
domElementsBuffer.clear();
|
|
342
|
-
}
|
|
343
|
-
if (!(_i % 500 === 0)) {
|
|
344
|
-
_context2.next = 49;
|
|
345
|
-
break;
|
|
346
|
-
}
|
|
347
|
-
_context2.next = 49;
|
|
348
|
-
return (0, _taskYield.default)();
|
|
349
|
-
case 49:
|
|
350
|
-
_i++;
|
|
351
|
-
_context2.next = 25;
|
|
352
|
-
break;
|
|
353
|
-
case 52:
|
|
354
|
-
return _context2.abrupt("return", result);
|
|
355
|
-
case 53:
|
|
356
|
-
case "end":
|
|
357
|
-
return _context2.stop();
|
|
358
|
-
}
|
|
359
|
-
}, _callee2, this);
|
|
360
|
-
}));
|
|
361
|
-
function getVCPercentMetrics(_x2, _x3) {
|
|
362
|
-
return _getVCPercentMetrics.apply(this, arguments);
|
|
363
|
-
}
|
|
364
|
-
return getVCPercentMetrics;
|
|
365
|
-
}()
|
|
366
|
-
}]);
|
|
367
|
-
}();
|
|
368
|
-
function calculateTTVCPercentiles(_x4) {
|
|
369
|
-
return _calculateTTVCPercentiles.apply(this, arguments);
|
|
370
|
-
}
|
|
371
|
-
function _calculateTTVCPercentiles() {
|
|
372
|
-
_calculateTTVCPercentiles = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(_ref2) {
|
|
373
|
-
var orderedEntries, viewport, percentiles, startTime, heatmap, vcDetails;
|
|
374
|
-
return _regenerator.default.wrap(function _callee3$(_context3) {
|
|
375
|
-
while (1) switch (_context3.prev = _context3.next) {
|
|
376
|
-
case 0:
|
|
377
|
-
orderedEntries = _ref2.orderedEntries, viewport = _ref2.viewport, percentiles = _ref2.percentiles, startTime = _ref2.startTime;
|
|
378
|
-
heatmap = new Heatmap({
|
|
379
|
-
viewport: viewport,
|
|
380
|
-
heatmapSize: 200
|
|
381
|
-
});
|
|
382
|
-
_context3.next = 4;
|
|
383
|
-
return heatmap.applyEntriesToHeatmap(orderedEntries);
|
|
384
|
-
case 4:
|
|
385
|
-
_context3.next = 6;
|
|
386
|
-
return heatmap.getVCPercentMetrics(percentiles, startTime);
|
|
387
|
-
case 6:
|
|
388
|
-
vcDetails = _context3.sent;
|
|
389
|
-
return _context3.abrupt("return", vcDetails);
|
|
390
|
-
case 8:
|
|
391
|
-
case "end":
|
|
392
|
-
return _context3.stop();
|
|
393
|
-
}
|
|
394
|
-
}, _callee3);
|
|
395
|
-
}));
|
|
396
|
-
return _calculateTTVCPercentiles.apply(this, arguments);
|
|
397
|
-
}
|
|
398
|
-
var _default = exports.default = calculateTTVCPercentiles;
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
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
|
-
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
|
-
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
|
-
/**
|
|
14
|
-
* Calculate the union areas of all rectangles using Sweep Line Algorithm
|
|
15
|
-
*
|
|
16
|
-
* Reference:
|
|
17
|
-
* https://en.wikipedia.org/wiki/Sweep_line_algorithm
|
|
18
|
-
* https://www.hackerearth.com/practice/math/geometry/line-sweep-technique/tutorial/#:~:text=A%20sweep%20line%20is%20an,order%20to%20discretize%20the%20sweep.
|
|
19
|
-
*
|
|
20
|
-
* @param rectangles
|
|
21
|
-
* @returns
|
|
22
|
-
*/
|
|
23
|
-
function calculateUnionArea(rectangles) {
|
|
24
|
-
// Step 1: Create sweep line events
|
|
25
|
-
var events = createSweepLineEvents(rectangles);
|
|
26
|
-
|
|
27
|
-
// Step 2: Process events to calculate total area
|
|
28
|
-
var activeIntervals = new Map();
|
|
29
|
-
var totalArea = 0;
|
|
30
|
-
var previousX = 0;
|
|
31
|
-
for (var _i = 0, _events = events; _i < _events.length; _i++) {
|
|
32
|
-
var event = _events[_i];
|
|
33
|
-
// Calculate height at current x-position
|
|
34
|
-
var currentHeight = calculateActiveHeight(activeIntervals);
|
|
35
|
-
// Add area since last x-position
|
|
36
|
-
totalArea += currentHeight * (event.x - previousX);
|
|
37
|
-
// Update x-position
|
|
38
|
-
previousX = event.x;
|
|
39
|
-
// Update active intervals
|
|
40
|
-
updateActiveIntervals(activeIntervals, event);
|
|
41
|
-
}
|
|
42
|
-
return totalArea;
|
|
43
|
-
}
|
|
44
|
-
var _default = exports.default = calculateUnionArea;
|
|
45
|
-
function createSweepLineEvents(rectangles) {
|
|
46
|
-
var events = [];
|
|
47
|
-
var _iterator = _createForOfIteratorHelper(rectangles),
|
|
48
|
-
_step;
|
|
49
|
-
try {
|
|
50
|
-
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
51
|
-
var rect = _step.value;
|
|
52
|
-
// Create start and end events for each rectangle
|
|
53
|
-
events.push({
|
|
54
|
-
x: rect.left,
|
|
55
|
-
type: 'start',
|
|
56
|
-
top: rect.top,
|
|
57
|
-
bottom: rect.bottom
|
|
58
|
-
});
|
|
59
|
-
events.push({
|
|
60
|
-
x: rect.right,
|
|
61
|
-
type: 'end',
|
|
62
|
-
top: rect.top,
|
|
63
|
-
bottom: rect.bottom
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
// Sort events by x-coordinate (and type as tiebreaker)
|
|
67
|
-
} catch (err) {
|
|
68
|
-
_iterator.e(err);
|
|
69
|
-
} finally {
|
|
70
|
-
_iterator.f();
|
|
71
|
-
}
|
|
72
|
-
return events.sort(function (a, b) {
|
|
73
|
-
return a.x === b.x ? a.type === 'end' ? 1 : -1 : a.x - b.x;
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
function calculateActiveHeight(intervals) {
|
|
77
|
-
if (intervals.size === 0) {
|
|
78
|
-
return 0;
|
|
79
|
-
}
|
|
80
|
-
// Get all unique y-coordinates
|
|
81
|
-
var coordinates = [];
|
|
82
|
-
var _iterator2 = _createForOfIteratorHelper(intervals),
|
|
83
|
-
_step2;
|
|
84
|
-
try {
|
|
85
|
-
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
86
|
-
var _step2$value = (0, _slicedToArray2.default)(_step2.value, 1),
|
|
87
|
-
_key = _step2$value[0];
|
|
88
|
-
var _key$split$map3 = _key.split(',').map(Number),
|
|
89
|
-
_key$split$map4 = (0, _slicedToArray2.default)(_key$split$map3, 2),
|
|
90
|
-
_start = _key$split$map4[0],
|
|
91
|
-
_end = _key$split$map4[1];
|
|
92
|
-
coordinates.push(_start, _end);
|
|
93
|
-
}
|
|
94
|
-
// Sort coordinates
|
|
95
|
-
} catch (err) {
|
|
96
|
-
_iterator2.e(err);
|
|
97
|
-
} finally {
|
|
98
|
-
_iterator2.f();
|
|
99
|
-
}
|
|
100
|
-
var sortedCoords = (0, _toConsumableArray2.default)(new Set(coordinates)).sort(function (a, b) {
|
|
101
|
-
return a - b;
|
|
102
|
-
});
|
|
103
|
-
var totalHeight = 0;
|
|
104
|
-
// Check each segment between consecutive coordinates
|
|
105
|
-
for (var i = 0; i < sortedCoords.length; i++) {
|
|
106
|
-
var y1 = sortedCoords[i];
|
|
107
|
-
var y2 = sortedCoords[i + 1];
|
|
108
|
-
// Check if this segment is covered by any active interval
|
|
109
|
-
var covered = false;
|
|
110
|
-
var _iterator3 = _createForOfIteratorHelper(intervals),
|
|
111
|
-
_step3;
|
|
112
|
-
try {
|
|
113
|
-
for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
|
|
114
|
-
var _step3$value = (0, _slicedToArray2.default)(_step3.value, 2),
|
|
115
|
-
key = _step3$value[0],
|
|
116
|
-
count = _step3$value[1];
|
|
117
|
-
if (count <= 0) {
|
|
118
|
-
continue;
|
|
119
|
-
}
|
|
120
|
-
var _key$split$map = key.split(',').map(Number),
|
|
121
|
-
_key$split$map2 = (0, _slicedToArray2.default)(_key$split$map, 2),
|
|
122
|
-
start = _key$split$map2[0],
|
|
123
|
-
end = _key$split$map2[1];
|
|
124
|
-
if (start <= y1 && end >= y2) {
|
|
125
|
-
covered = true;
|
|
126
|
-
break;
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
} catch (err) {
|
|
130
|
-
_iterator3.e(err);
|
|
131
|
-
} finally {
|
|
132
|
-
_iterator3.f();
|
|
133
|
-
}
|
|
134
|
-
if (covered) {
|
|
135
|
-
totalHeight += y2 - y1;
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
return totalHeight;
|
|
139
|
-
}
|
|
140
|
-
function updateActiveIntervals(intervals, event) {
|
|
141
|
-
var key = "".concat(event.top, ",").concat(event.bottom);
|
|
142
|
-
if (event.type === 'start') {
|
|
143
|
-
intervals.set(key, (intervals.get(key) || 0) + 1);
|
|
144
|
-
} else {
|
|
145
|
-
var count = intervals.get(key) || 0;
|
|
146
|
-
if (count > 1) {
|
|
147
|
-
intervals.set(key, count - 1);
|
|
148
|
-
} else {
|
|
149
|
-
intervals.delete(key);
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
}
|
package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.js
DELETED
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
9
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
10
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
11
|
-
var _isViewportEntryData = _interopRequireDefault(require("../../utils/is-viewport-entry-data"));
|
|
12
|
-
var _taskYield = _interopRequireDefault(require("../../utils/task-yield"));
|
|
13
|
-
var _calcUnionArea = _interopRequireDefault(require("./calc-union-area"));
|
|
14
|
-
function calculateTTVCPercentiles(_x) {
|
|
15
|
-
return _calculateTTVCPercentiles.apply(this, arguments);
|
|
16
|
-
}
|
|
17
|
-
function _calculateTTVCPercentiles() {
|
|
18
|
-
_calculateTTVCPercentiles = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
|
|
19
|
-
var orderedEntries, viewport, percentiles, startTime, sortedPercentiles, viewportArea, checkpoints, activeRects, removeActiveRect, domElementsBuffer, i, iEntry, iEntryData, rect, elementName, exclusionArea, currentArea, currVCPercent, matchesAnyCheckpoints, _checkpoint, domElements;
|
|
20
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
21
|
-
while (1) switch (_context.prev = _context.next) {
|
|
22
|
-
case 0:
|
|
23
|
-
orderedEntries = _ref.orderedEntries, viewport = _ref.viewport, percentiles = _ref.percentiles, startTime = _ref.startTime;
|
|
24
|
-
sortedPercentiles = (0, _toConsumableArray2.default)(percentiles).sort(function (a, b) {
|
|
25
|
-
return a - b;
|
|
26
|
-
});
|
|
27
|
-
viewportArea = viewport.width * viewport.height;
|
|
28
|
-
checkpoints = {};
|
|
29
|
-
activeRects = orderedEntries.filter(function (e) {
|
|
30
|
-
return (0, _isViewportEntryData.default)(e.data);
|
|
31
|
-
}).map(function (e) {
|
|
32
|
-
return e.data.rect;
|
|
33
|
-
});
|
|
34
|
-
removeActiveRect = function removeActiveRect(rectToRemove) {
|
|
35
|
-
var index = activeRects.indexOf(rectToRemove);
|
|
36
|
-
// Check if the element exists in the array
|
|
37
|
-
if (index !== -1) {
|
|
38
|
-
// Remove the element at the found index
|
|
39
|
-
activeRects.splice(index, 1);
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
domElementsBuffer = new Set();
|
|
43
|
-
i = 0;
|
|
44
|
-
case 8:
|
|
45
|
-
if (!(i < orderedEntries.length)) {
|
|
46
|
-
_context.next = 36;
|
|
47
|
-
break;
|
|
48
|
-
}
|
|
49
|
-
iEntry = orderedEntries[i];
|
|
50
|
-
iEntryData = iEntry.data;
|
|
51
|
-
if ((0, _isViewportEntryData.default)(iEntryData)) {
|
|
52
|
-
_context.next = 13;
|
|
53
|
-
break;
|
|
54
|
-
}
|
|
55
|
-
return _context.abrupt("continue", 33);
|
|
56
|
-
case 13:
|
|
57
|
-
rect = iEntryData.rect, elementName = iEntryData.elementName;
|
|
58
|
-
domElementsBuffer.add(elementName);
|
|
59
|
-
removeActiveRect(rect);
|
|
60
|
-
exclusionArea = (0, _calcUnionArea.default)(activeRects);
|
|
61
|
-
currentArea = viewportArea - exclusionArea;
|
|
62
|
-
currVCPercent = Math.round(currentArea / viewportArea * 100);
|
|
63
|
-
matchesAnyCheckpoints = false;
|
|
64
|
-
case 20:
|
|
65
|
-
if (!(sortedPercentiles.length > 0 && currVCPercent >= sortedPercentiles[0])) {
|
|
66
|
-
_context.next = 29;
|
|
67
|
-
break;
|
|
68
|
-
}
|
|
69
|
-
_checkpoint = sortedPercentiles.shift();
|
|
70
|
-
domElements = (0, _toConsumableArray2.default)(domElementsBuffer);
|
|
71
|
-
if (_checkpoint) {
|
|
72
|
-
_context.next = 25;
|
|
73
|
-
break;
|
|
74
|
-
}
|
|
75
|
-
return _context.abrupt("break", 29);
|
|
76
|
-
case 25:
|
|
77
|
-
matchesAnyCheckpoints = true;
|
|
78
|
-
checkpoints[_checkpoint.toString()] = {
|
|
79
|
-
t: Math.round(iEntry.time - startTime),
|
|
80
|
-
e: domElements
|
|
81
|
-
};
|
|
82
|
-
_context.next = 20;
|
|
83
|
-
break;
|
|
84
|
-
case 29:
|
|
85
|
-
if (matchesAnyCheckpoints) {
|
|
86
|
-
domElementsBuffer.clear();
|
|
87
|
-
}
|
|
88
|
-
if (!(i % 500 === 0)) {
|
|
89
|
-
_context.next = 33;
|
|
90
|
-
break;
|
|
91
|
-
}
|
|
92
|
-
_context.next = 33;
|
|
93
|
-
return (0, _taskYield.default)();
|
|
94
|
-
case 33:
|
|
95
|
-
i++;
|
|
96
|
-
_context.next = 8;
|
|
97
|
-
break;
|
|
98
|
-
case 36:
|
|
99
|
-
return _context.abrupt("return", checkpoints);
|
|
100
|
-
case 37:
|
|
101
|
-
case "end":
|
|
102
|
-
return _context.stop();
|
|
103
|
-
}
|
|
104
|
-
}, _callee);
|
|
105
|
-
}));
|
|
106
|
-
return _calculateTTVCPercentiles.apply(this, arguments);
|
|
107
|
-
}
|
|
108
|
-
var _default = exports.default = calculateTTVCPercentiles;
|