@atlaskit/react-ufo 2.12.1 → 2.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 (5) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/vc/vc-observer/index.js +16 -1
  3. package/dist/es2019/vc/vc-observer/index.js +16 -0
  4. package/dist/esm/vc/vc-observer/index.js +16 -1
  5. package/package.json +2 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/ufo-interaction-ignore
2
2
 
3
+ ## 2.13.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#106329](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/106329)
8
+ [`251d8f2b8d4a9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/251d8f2b8d4a9) -
9
+ Added ufo:vc:next:dom field to payload
10
+
11
+ ## 2.12.2
12
+
13
+ ### Patch Changes
14
+
15
+ - [#106016](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/106016)
16
+ [`67c5f043b34d8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/67c5f043b34d8) -
17
+ mark VCNext metrics on perf timeline
18
+
3
19
  ## 2.12.1
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/vc/vc-observer/index.js CHANGED
@@ -172,6 +172,21 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
172
172
  componentsLog: _componentsLog,
173
173
  viewport: viewport
174
174
  });
175
+ try {
176
+ if (!_this.isPostInteraction) {
177
+ VCObserver.VCParts.forEach(function (key) {
178
+ var duration = vcNext.VC[key];
179
+ if (duration !== null && duration !== undefined) {
180
+ performance.measure("VC_Next".concat(key), {
181
+ start: start,
182
+ duration: duration
183
+ });
184
+ }
185
+ });
186
+ }
187
+ } catch (e) {
188
+ /* empty */
189
+ }
175
190
  var outOfBoundary = outOfBoundaryInfo ? (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:oob"), outOfBoundaryInfo) : {};
176
191
  //const oldDomUpdates = oldDomUpdatesEnabled ? { [`${fullPrefix}vc:old:dom`]: vcNext.VCBox } : {};
177
192
 
@@ -211,7 +226,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
211
226
  }
212
227
  return _objectSpread(_objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
213
228
  'metrics:vc': VC
214
- }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)));
229
+ }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)));
215
230
  });
216
231
  (0, _defineProperty2.default)(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
217
232
  _this.measureStart();
package/dist/es2019/vc/vc-observer/index.js CHANGED
@@ -168,6 +168,21 @@ export class VCObserver {
168
168
  componentsLog: _componentsLog,
169
169
  viewport
170
170
  });
171
+ try {
172
+ if (!this.isPostInteraction) {
173
+ VCObserver.VCParts.forEach(key => {
174
+ const duration = vcNext.VC[key];
175
+ if (duration !== null && duration !== undefined) {
176
+ performance.measure(`VC_Next${key}`, {
177
+ start,
178
+ duration
179
+ });
180
+ }
181
+ });
182
+ }
183
+ } catch (e) {
184
+ /* empty */
185
+ }
171
186
  const outOfBoundary = outOfBoundaryInfo ? {
172
187
  [`${fullPrefix}vc:oob`]: outOfBoundaryInfo
173
188
  } : {};
@@ -221,6 +236,7 @@ export class VCObserver {
221
236
  ...outOfBoundary,
222
237
  [`${fullPrefix}vc:next`]: vcNext.VC,
223
238
  [`${fullPrefix}vc:next:updates`]: vcNext.VCEntries.rel.slice(0, 50),
239
+ [`${fullPrefix}vc:next:dom`]: vcNext.VCBox,
224
240
  //...oldDomUpdates,
225
241
  [`${fullPrefix}vc:ignored`]: this.getIgnoredElements(componentsLog)
226
242
  };
package/dist/esm/vc/vc-observer/index.js CHANGED
@@ -165,6 +165,21 @@ export var VCObserver = /*#__PURE__*/function () {
165
165
  componentsLog: _componentsLog,
166
166
  viewport: viewport
167
167
  });
168
+ try {
169
+ if (!_this.isPostInteraction) {
170
+ VCObserver.VCParts.forEach(function (key) {
171
+ var duration = vcNext.VC[key];
172
+ if (duration !== null && duration !== undefined) {
173
+ performance.measure("VC_Next".concat(key), {
174
+ start: start,
175
+ duration: duration
176
+ });
177
+ }
178
+ });
179
+ }
180
+ } catch (e) {
181
+ /* empty */
182
+ }
168
183
  var outOfBoundary = outOfBoundaryInfo ? _defineProperty({}, "".concat(fullPrefix, "vc:oob"), outOfBoundaryInfo) : {};
169
184
  //const oldDomUpdates = oldDomUpdatesEnabled ? { [`${fullPrefix}vc:old:dom`]: vcNext.VCBox } : {};
170
185
 
@@ -204,7 +219,7 @@ export var VCObserver = /*#__PURE__*/function () {
204
219
  }
205
220
  return _objectSpread(_objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
206
221
  'metrics:vc': VC
207
- }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, _defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)));
222
+ }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)));
208
223
  });
209
224
  _defineProperty(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
210
225
  _this.measureStart();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/react-ufo",
3
- "version": "2.12.1",
3
+ "version": "2.13.0",
4
4
  "description": "Parts of React UFO that are publicly available",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -86,6 +86,7 @@
86
86
  "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
87
87
  },
88
88
  "devDependencies": {
89
+ "@af/integration-testing": "*",
89
90
  "@testing-library/react": "^12.1.5"
90
91
  },
91
92
  "techstack": {