@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.
Files changed (109) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/create-experimental-interaction-metrics-payload/index.js +2 -1
  3. package/dist/cjs/create-payload/utils/get-vc-metrics.js +2 -1
  4. package/dist/cjs/vc/index.js +4 -2
  5. package/dist/cjs/vc/vc-observer/getVCRevisionDebugDetails.js +41 -0
  6. package/dist/cjs/vc/vc-observer/index.js +63 -33
  7. package/dist/cjs/vc/vc-observer/observers/index.js +3 -2
  8. package/dist/cjs/vc/vc-observer/observers/ssr-placeholders/index.js +38 -12
  9. package/dist/cjs/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/collectSSRPlaceholderDimensions.js +9 -0
  10. package/dist/cjs/vc/vc-observer-new/index.js +13 -7
  11. package/dist/cjs/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js +211 -36
  12. package/dist/cjs/vc/vc-observer-new/metric-calculator/fy25_03/index.js +4 -4
  13. package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.js +94 -4
  14. package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.js +108 -0
  15. package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/index.js +16 -57
  16. package/dist/cjs/vc/vc-observer-new/viewport-observer/index.js +15 -5
  17. package/dist/cjs/vc/vc-observer-new/viewport-observer/mutation-observer/index.js +3 -1
  18. package/dist/es2019/create-experimental-interaction-metrics-payload/index.js +2 -1
  19. package/dist/es2019/create-payload/utils/get-vc-metrics.js +1 -0
  20. package/dist/es2019/vc/index.js +4 -2
  21. package/dist/es2019/vc/vc-observer/getVCRevisionDebugDetails.js +32 -0
  22. package/dist/es2019/vc/vc-observer/index.js +36 -1
  23. package/dist/es2019/vc/vc-observer/observers/index.js +2 -1
  24. package/dist/es2019/vc/vc-observer/observers/ssr-placeholders/index.js +38 -13
  25. package/dist/es2019/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/collectSSRPlaceholderDimensions.js +9 -1
  26. package/dist/es2019/vc/vc-observer-new/index.js +12 -6
  27. package/dist/es2019/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js +115 -17
  28. package/dist/es2019/vc/vc-observer-new/metric-calculator/fy25_03/index.js +4 -4
  29. package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.js +44 -1
  30. package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.js +75 -0
  31. package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/index.js +2 -20
  32. package/dist/es2019/vc/vc-observer-new/viewport-observer/index.js +15 -5
  33. package/dist/es2019/vc/vc-observer-new/viewport-observer/mutation-observer/index.js +3 -1
  34. package/dist/esm/create-experimental-interaction-metrics-payload/index.js +2 -1
  35. package/dist/esm/create-payload/utils/get-vc-metrics.js +2 -1
  36. package/dist/esm/vc/index.js +4 -2
  37. package/dist/esm/vc/vc-observer/getVCRevisionDebugDetails.js +35 -0
  38. package/dist/esm/vc/vc-observer/index.js +63 -33
  39. package/dist/esm/vc/vc-observer/observers/index.js +3 -2
  40. package/dist/esm/vc/vc-observer/observers/ssr-placeholders/index.js +38 -12
  41. package/dist/esm/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/collectSSRPlaceholderDimensions.js +9 -0
  42. package/dist/esm/vc/vc-observer-new/index.js +13 -7
  43. package/dist/esm/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js +211 -36
  44. package/dist/esm/vc/vc-observer-new/metric-calculator/fy25_03/index.js +4 -4
  45. package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.js +94 -5
  46. package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.js +106 -0
  47. package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/index.js +2 -55
  48. package/dist/esm/vc/vc-observer-new/viewport-observer/index.js +15 -5
  49. package/dist/esm/vc/vc-observer-new/viewport-observer/mutation-observer/index.js +3 -1
  50. package/dist/types/config/index.d.ts +1 -0
  51. package/dist/types/vc/types.d.ts +2 -0
  52. package/dist/types/vc/vc-observer/getVCRevisionDebugDetails.d.ts +30 -0
  53. package/dist/types/vc/vc-observer/index.d.ts +1 -1
  54. package/dist/types/vc/vc-observer/observers/index.d.ts +3 -0
  55. package/dist/types/vc/vc-observer/observers/ssr-placeholders/index.d.ts +4 -1
  56. package/dist/types/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/collectSSRPlaceholderDimensions.d.ts +1 -1
  57. package/dist/types/vc/vc-observer-new/index.d.ts +2 -0
  58. package/dist/types/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts +4 -1
  59. package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.d.ts +5 -1
  60. package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.d.ts +1 -0
  61. package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/index.d.ts +2 -4
  62. package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/types.d.ts +20 -2
  63. package/dist/types/vc/vc-observer-new/metric-calculator/types.d.ts +2 -0
  64. package/dist/types/vc/vc-observer-new/types.d.ts +5 -1
  65. package/dist/types/vc/vc-observer-new/viewport-observer/mutation-observer/index.d.ts +2 -0
  66. package/dist/types/vc/vc-observer-new/viewport-observer/types.d.ts +2 -0
  67. package/dist/types-ts4.5/config/index.d.ts +1 -0
  68. package/dist/types-ts4.5/vc/types.d.ts +2 -0
  69. package/dist/types-ts4.5/vc/vc-observer/getVCRevisionDebugDetails.d.ts +30 -0
  70. package/dist/types-ts4.5/vc/vc-observer/index.d.ts +1 -1
  71. package/dist/types-ts4.5/vc/vc-observer/observers/index.d.ts +3 -0
  72. package/dist/types-ts4.5/vc/vc-observer/observers/ssr-placeholders/index.d.ts +4 -1
  73. package/dist/types-ts4.5/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/collectSSRPlaceholderDimensions.d.ts +1 -1
  74. package/dist/types-ts4.5/vc/vc-observer-new/index.d.ts +2 -0
  75. package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts +4 -1
  76. package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.d.ts +5 -1
  77. package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/test-with-debug-info.d.ts +1 -0
  78. package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/index.d.ts +2 -4
  79. package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/types.d.ts +20 -2
  80. package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/types.d.ts +2 -0
  81. package/dist/types-ts4.5/vc/vc-observer-new/types.d.ts +5 -1
  82. package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/mutation-observer/index.d.ts +2 -0
  83. package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/types.d.ts +2 -0
  84. package/package.json +4 -1
  85. package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/heatmap.js +0 -367
  86. package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.js +0 -398
  87. package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/types.js +0 -5
  88. package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/calc-union-area.js +0 -152
  89. package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.js +0 -108
  90. package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/heatmap.js +0 -248
  91. package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.js +0 -263
  92. package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/types.js +0 -1
  93. package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/calc-union-area.js +0 -99
  94. package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.js +0 -60
  95. package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/heatmap.js +0 -361
  96. package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.js +0 -391
  97. package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/types.js +0 -1
  98. package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/calc-union-area.js +0 -145
  99. package/dist/esm/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.js +0 -101
  100. package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/heatmap.d.ts +0 -39
  101. package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.d.ts +0 -10
  102. package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/types.d.ts +0 -43
  103. package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/calc-union-area.d.ts +0 -12
  104. package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.d.ts +0 -25
  105. package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/heatmap.d.ts +0 -39
  106. package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.d.ts +0 -10
  107. package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/types.d.ts +0 -43
  108. package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/calc-union-area.d.ts +0 -12
  109. 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,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -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
- }
@@ -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;