@atlaskit/react-ufo 3.13.17 → 3.13.18

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 3.13.18
+
+### Patch Changes
+
+- [#167243](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/167243)
+  [`63819af8c6eca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/63819af8c6eca) -
+  emit TTVC debug data from UFO
+
 ## 3.13.17
 
 ### Patch Changes

package/dist/cjs/ssr/index.js

@@ -9,16 +9,22 @@ exports.getSSRDoneTime = getSSRDoneTime;
 exports.getSSRFeatureFlags = getSSRFeatureFlags;
 exports.getSSRSuccess = getSSRSuccess;
 exports.getSSRTimings = getSSRTimings;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (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; }
 var NESTED_METRIC_SEPARATOR = '/';
 function filterEntry(entry) {
   return !(!entry || (0, _typeof2.default)(entry) !== 'object' || entry.startTime < 0 || entry.duration < 0);
 }
 function mapEntry(entry) {
-  return {
+  return _objectSpread({
     startTime: Math.round(entry.startTime),
     duration: Math.round(entry.duration)
-  };
+  }, entry.size && (0, _platformFeatureFlags.fg)('platform_ufo_ssr_size_field') ? {
+    size: Math.round(entry.size)
+  } : {});
 }
 var SSR_PREFIX = 'ssr';
 function mapKey(key) {

package/dist/cjs/vc/vc-observer/index.js

@@ -13,6 +13,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _config = require("../../config");
 var _interactionMetrics = require("../../interaction-metrics");
 var _attachAbortListeners = require("./attachAbortListeners");
@@ -102,7 +103,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     });
     (0, _defineProperty2.default)(this, "getVCResult", /*#__PURE__*/function () {
       var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref3) {
-        var start, stop, tti, prefix, ssr, vc, isEventAborted, experienceKey, interactionId, includeSSRRatio, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, isTTVCv1Disabled, vcAbortedResultWithRevisions, ttvcV1Result, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, ttvcV1DevToolInfo, ttvcV2DevToolInfo, _ufo_devtool_onVCRev2, _ref9, _ufo_devtool_onVCRev, _ref8, isVCClean, revisionsData, speedIndex, SSRRatio, SSRRatioNext, SSRRatioPayload, isTTVCv3Enabled;
+        var start, stop, tti, prefix, ssr, vc, isEventAborted, experienceKey, interactionId, includeSSRRatio, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, isTTVCv1Disabled, vcAbortedResultWithRevisions, ttvcV1Result, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, ttvcV1DevToolInfo, ttvcV2DevToolInfo, v1RevisionDebugDetails, v2RevisionDebugDetails, _window$__ufo_devtool2, _window2, _window$__ufo_devtool, _window, _window$__on_ufo_vc_d2, _window4, _window$__on_ufo_vc_d, _window3, isVCClean, revisionsData, speedIndex, SSRRatio, SSRRatioNext, SSRRatioPayload, isTTVCv3Enabled;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -271,30 +272,36 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
                       entries: isTTVCv1Disabled ? vcNext.VCEntries.rel : VCEntries.rel
                     }
                   }));
-
-                  // Add devtool callback for both v1 and v2
+                  v1RevisionDebugDetails = (0, _getVCRevisionDebugDetails.getVCRevisionDebugDetails)({
+                    revision: 'fy25.01',
+                    isClean: !abortReasonInfo,
+                    abortReason: abortReason.reason,
+                    VCEntries: VCEntries.rel,
+                    componentsLog: componentsLog,
+                    interactionId: interactionId
+                  });
+                  v2RevisionDebugDetails = (0, _getVCRevisionDebugDetails.getVCRevisionDebugDetails)({
+                    revision: 'fy25.02',
+                    isClean: !abortReasonInfo,
+                    abortReason: abortReason.reason,
+                    VCEntries: vcNext.VCEntries.rel,
+                    componentsLog: componentsLog,
+                    interactionId: interactionId
+                  }); // Add devtool callback for both v1 and v2
                   if (typeof window.__ufo_devtool_onVCRevisionReady__ === 'function') {
                     // Handle v1 if not disabled
                     if (!isTTVCv1Disabled) {
-                      (_ufo_devtool_onVCRev = (_ref8 = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev === void 0 || _ufo_devtool_onVCRev.call(_ref8, (0, _getVCRevisionDebugDetails.getVCRevisionDebugDetails)({
-                        revision: 'fy25.01',
-                        isClean: !abortReasonInfo,
-                        abortReason: abortReason.reason,
-                        VCEntries: VCEntries.rel,
-                        componentsLog: componentsLog,
-                        interactionId: interactionId
-                      }));
+                      (_window$__ufo_devtool = (_window = window).__ufo_devtool_onVCRevisionReady__) === null || _window$__ufo_devtool === void 0 || _window$__ufo_devtool.call(_window, v1RevisionDebugDetails);
                     }
 
                     // Handle v2
-                    (_ufo_devtool_onVCRev2 = (_ref9 = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev2 === void 0 || _ufo_devtool_onVCRev2.call(_ref9, (0, _getVCRevisionDebugDetails.getVCRevisionDebugDetails)({
-                      revision: 'fy25.02',
-                      isClean: !abortReasonInfo,
-                      abortReason: abortReason.reason,
-                      VCEntries: vcNext.VCEntries.rel,
-                      componentsLog: componentsLog,
-                      interactionId: interactionId
-                    }));
+                    (_window$__ufo_devtool2 = (_window2 = window).__ufo_devtool_onVCRevisionReady__) === null || _window$__ufo_devtool2 === void 0 || _window$__ufo_devtool2.call(_window2, v2RevisionDebugDetails);
+                  }
+                  if (typeof window.__on_ufo_vc_debug_data_ready === 'function' && (0, _platformFeatureFlags.fg)('platform_ufo_emit_vc_debug_data')) {
+                    if (!isTTVCv1Disabled) {
+                      (_window$__on_ufo_vc_d = (_window3 = window).__on_ufo_vc_debug_data_ready) === null || _window$__on_ufo_vc_d === void 0 || _window$__on_ufo_vc_d.call(_window3, v1RevisionDebugDetails);
+                    }
+                    (_window$__on_ufo_vc_d2 = (_window4 = window).__on_ufo_vc_debug_data_ready) === null || _window$__on_ufo_vc_d2 === void 0 || _window$__on_ufo_vc_d2.call(_window4, v2RevisionDebugDetails);
                   }
                 }
               } catch (e) {
@@ -423,14 +430,14 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       }
     });
     (0, _defineProperty2.default)(this, "attachAbortListeners", function () {
-      var _window;
+      var _window5;
       _this.detachAbortListeners();
       var unbinds = (0, _attachAbortListeners.attachAbortListeners)(window, _this.viewport, _this.abortReasonCallback);
-      if ((_window = window) !== null && _window !== void 0 && _window.__SSR_ABORT_LISTENERS__) {
-        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref1) {
-          var _ref10 = (0, _slicedToArray2.default)(_ref1, 2),
-            key = _ref10[0],
-            time = _ref10[1];
+      if ((_window5 = window) !== null && _window5 !== void 0 && _window5.__SSR_ABORT_LISTENERS__) {
+        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref9) {
+          var _ref0 = (0, _slicedToArray2.default)(_ref9, 2),
+            key = _ref0[0],
+            time = _ref0[1];
           if (time) {
             _this.abortReasonCallback(key, time);
           }
@@ -460,8 +467,8 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
   }
   return (0, _createClass2.default)(VCObserver, [{
     key: "start",
-    value: function start(_ref11) {
-      var startTime = _ref11.startTime;
+    value: function start(_ref1) {
+      var startTime = _ref1.startTime;
       this.active = true;
       if (this.observers.isBrowserSupported()) {
         this.setViewportSize();
@@ -483,12 +490,12 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
   }, {
     key: "getIgnoredElements",
     value: function getIgnoredElements(componentsLog) {
-      return Object.values(componentsLog).flat().filter(function (_ref12) {
-        var ignoreReason = _ref12.ignoreReason;
+      return Object.values(componentsLog).flat().filter(function (_ref10) {
+        var ignoreReason = _ref10.ignoreReason;
         return Boolean(ignoreReason);
-      }).map(function (_ref13) {
-        var targetName = _ref13.targetName,
-          ignoreReason = _ref13.ignoreReason;
+      }).map(function (_ref11) {
+        var targetName = _ref11.targetName,
+          ignoreReason = _ref11.ignoreReason;
         return {
           targetName: targetName,
           ignoreReason: ignoreReason
@@ -618,13 +625,13 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     }
   }, {
     key: "calculateVC",
-    value: function calculateVC(_ref14) {
-      var heatmap = _ref14.heatmap,
-        _ref14$ssr = _ref14.ssr,
-        ssr = _ref14$ssr === void 0 ? UNUSED_SECTOR : _ref14$ssr,
-        componentsLog = _ref14.componentsLog,
-        viewport = _ref14.viewport,
-        fixSSRAttribution = _ref14.fixSSRAttribution;
+    value: function calculateVC(_ref12) {
+      var heatmap = _ref12.heatmap,
+        _ref12$ssr = _ref12.ssr,
+        ssr = _ref12$ssr === void 0 ? UNUSED_SECTOR : _ref12$ssr,
+        componentsLog = _ref12.componentsLog,
+        viewport = _ref12.viewport,
+        fixSSRAttribution = _ref12.fixSSRAttribution;
       var lastUpdate = {};
       var totalPainted = 0;
       var ssrTime = fixSSRAttribution ? Math.floor(ssr) : ssr;
@@ -691,11 +698,11 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         });
         return VCRatio;
       }, 0);
-      var VCEntries = entries.reduce(function (acc, _ref15, i) {
+      var VCEntries = entries.reduce(function (acc, _ref13, i) {
         var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
-        var _ref16 = (0, _slicedToArray2.default)(_ref15, 2),
-          timestamp = _ref16[0],
-          entryPainted = _ref16[1];
+        var _ref14 = (0, _slicedToArray2.default)(_ref13, 2),
+          timestamp = _ref14[0],
+          entryPainted = _ref14[1];
         var currentlyPainted = entryPainted + (((_acc$abs = acc.abs[i - 1]) === null || _acc$abs === void 0 ? void 0 : _acc$abs[1]) || 0);
         var currentlyPaintedRatio = Math.round(currentlyPainted / totalPainted * 1000) / 10;
         var logEntry = (0, _toConsumableArray2.default)(new Set((_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.filter(function (v) {

package/dist/cjs/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -80,7 +80,8 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
     key: "calculateWithDebugInfo",
     value: function () {
       var _calculateWithDebugInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason) {
-        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator3, _step3, _entry2, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, _ufo_devtool_onVCRev, _ref;
+        var _window, _window3;
+        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator3, _step3, _entry2, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, v3RevisionDebugDetails, _window2, _window2$__ufo_devtoo, _window4, _window4$__on_ufo_vc_;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -170,25 +171,32 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
                   previousResult = vcDetails["".concat(percentile)];
                 }
               }
-
-              // Handle devtool callback
-              if (!isPostInteraction && typeof window !== 'undefined' && typeof window.__ufo_devtool_onVCRevisionReady__ === 'function') {
+              v3RevisionDebugDetails = {
+                revision: this.revisionNo,
+                isClean: isVCClean,
+                abortReason: dirtyReason,
+                vcLogs: vcLogs,
+                interactionId: interactionId
+              }; // Handle devtool callback
+              if (!isPostInteraction && typeof ((_window = window) === null || _window === void 0 ? void 0 : _window.__ufo_devtool_onVCRevisionReady__) === 'function') {
                 try {
-                  (_ufo_devtool_onVCRev = (_ref = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev === void 0 || _ufo_devtool_onVCRev.call(_ref, {
-                    revision: this.revisionNo,
-                    isClean: isVCClean,
-                    abortReason: dirtyReason,
-                    vcLogs: vcLogs,
-                    interactionId: interactionId
-                  });
+                  (_window2 = window) === null || _window2 === void 0 || (_window2$__ufo_devtoo = _window2.__ufo_devtool_onVCRevisionReady__) === null || _window2$__ufo_devtoo === void 0 || _window2$__ufo_devtoo.call(_window2, v3RevisionDebugDetails);
                 } catch (e) {
                   // if any error communicating with devtool, we don't want to break the app
                   // eslint-disable-next-line no-console
                   console.error('Error in onVCRevisionReady', e);
                 }
               }
+              if (!isPostInteraction && typeof ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.__on_ufo_vc_debug_data_ready) === 'function' && (0, _platformFeatureFlags.fg)('platform_ufo_emit_vc_debug_data')) {
+                try {
+                  (_window4 = window) === null || _window4 === void 0 || (_window4$__on_ufo_vc_ = _window4.__on_ufo_vc_debug_data_ready) === null || _window4$__on_ufo_vc_ === void 0 || _window4$__on_ufo_vc_.call(_window4, v3RevisionDebugDetails);
+                } catch (e) {
+                  // eslint-disable-next-line no-console
+                  console.error('Error in onVCRevisionReady', e);
+                }
+              }
               return _context.abrupt("return", vcDetails);
-            case 32:
+            case 34:
             case "end":
               return _context.stop();
           }
@@ -202,7 +210,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
   }, {
     key: "calculate",
     value: function () {
-      var _calculate = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref2) {
+      var _calculate = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref) {
         var _this = this,
           _vcDetails$90$t,
           _vcDetails$;
@@ -210,7 +218,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              startTime = _ref2.startTime, stopTime = _ref2.stopTime, orderedEntries = _ref2.orderedEntries, interactionId = _ref2.interactionId, isPostInteraction = _ref2.isPostInteraction;
+              startTime = _ref.startTime, stopTime = _ref.stopTime, orderedEntries = _ref.orderedEntries, interactionId = _ref.interactionId, isPostInteraction = _ref.isPostInteraction;
               filteredEntries = orderedEntries.filter(function (entry) {
                 return _this.isEntryIncluded(entry);
               });

package/dist/es2019/ssr/index.js

@@ -1,3 +1,4 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 const NESTED_METRIC_SEPARATOR = '/';
 function filterEntry(entry) {
   return !(!entry || typeof entry !== 'object' || entry.startTime < 0 || entry.duration < 0);
@@ -5,7 +6,10 @@ function filterEntry(entry) {
 function mapEntry(entry) {
   return {
     startTime: Math.round(entry.startTime),
-    duration: Math.round(entry.duration)
+    duration: Math.round(entry.duration),
+    ...(entry.size && fg('platform_ufo_ssr_size_field') ? {
+      size: Math.round(entry.size)
+    } : {})
   };
 }
 const SSR_PREFIX = 'ssr';

package/dist/es2019/vc/vc-observer/index.js

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../../config';
 import { getActiveInteraction } from '../../interaction-metrics';
 import { attachAbortListeners } from './attachAbortListeners';
@@ -281,32 +282,42 @@ export class VCObserver {
               entries: isTTVCv1Disabled ? vcNext.VCEntries.rel : VCEntries.rel
             }
           }));
+          const v1RevisionDebugDetails = getVCRevisionDebugDetails({
+            revision: 'fy25.01',
+            isClean: !abortReasonInfo,
+            abortReason: abortReason.reason,
+            VCEntries: VCEntries.rel,
+            componentsLog,
+            interactionId
+          });
+          const v2RevisionDebugDetails = getVCRevisionDebugDetails({
+            revision: 'fy25.02',
+            isClean: !abortReasonInfo,
+            abortReason: abortReason.reason,
+            VCEntries: vcNext.VCEntries.rel,
+            componentsLog,
+            interactionId
+          });
 
           // Add devtool callback for both v1 and v2
           if (typeof window.__ufo_devtool_onVCRevisionReady__ === 'function') {
-            var _ufo_devtool_onVCRev2, _ref2;
+            var _window$__ufo_devtool2, _window2;
             // Handle v1 if not disabled
             if (!isTTVCv1Disabled) {
-              var _ufo_devtool_onVCRev, _ref;
-              (_ufo_devtool_onVCRev = (_ref = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev === void 0 ? void 0 : _ufo_devtool_onVCRev.call(_ref, getVCRevisionDebugDetails({
-                revision: 'fy25.01',
-                isClean: !abortReasonInfo,
-                abortReason: abortReason.reason,
-                VCEntries: VCEntries.rel,
-                componentsLog,
-                interactionId
-              }));
+              var _window$__ufo_devtool, _window;
+              (_window$__ufo_devtool = (_window = window).__ufo_devtool_onVCRevisionReady__) === null || _window$__ufo_devtool === void 0 ? void 0 : _window$__ufo_devtool.call(_window, v1RevisionDebugDetails);
             }
 
             // Handle v2
-            (_ufo_devtool_onVCRev2 = (_ref2 = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev2 === void 0 ? void 0 : _ufo_devtool_onVCRev2.call(_ref2, getVCRevisionDebugDetails({
-              revision: 'fy25.02',
-              isClean: !abortReasonInfo,
-              abortReason: abortReason.reason,
-              VCEntries: vcNext.VCEntries.rel,
-              componentsLog,
-              interactionId
-            }));
+            (_window$__ufo_devtool2 = (_window2 = window).__ufo_devtool_onVCRevisionReady__) === null || _window$__ufo_devtool2 === void 0 ? void 0 : _window$__ufo_devtool2.call(_window2, v2RevisionDebugDetails);
+          }
+          if (typeof window.__on_ufo_vc_debug_data_ready === 'function' && fg('platform_ufo_emit_vc_debug_data')) {
+            var _window$__on_ufo_vc_d2, _window4;
+            if (!isTTVCv1Disabled) {
+              var _window$__on_ufo_vc_d, _window3;
+              (_window$__on_ufo_vc_d = (_window3 = window).__on_ufo_vc_debug_data_ready) === null || _window$__on_ufo_vc_d === void 0 ? void 0 : _window$__on_ufo_vc_d.call(_window3, v1RevisionDebugDetails);
+            }
+            (_window$__on_ufo_vc_d2 = (_window4 = window).__on_ufo_vc_debug_data_ready) === null || _window$__on_ufo_vc_d2 === void 0 ? void 0 : _window$__on_ufo_vc_d2.call(_window4, v2RevisionDebugDetails);
           }
         }
       } catch (e) {
@@ -461,10 +472,10 @@ export class VCObserver {
       }
     });
     _defineProperty(this, "attachAbortListeners", () => {
-      var _window;
+      var _window5;
       this.detachAbortListeners();
       let unbinds = attachAbortListeners(window, this.viewport, this.abortReasonCallback);
-      if ((_window = window) !== null && _window !== void 0 && _window.__SSR_ABORT_LISTENERS__) {
+      if ((_window5 = window) !== null && _window5 !== void 0 && _window5.__SSR_ABORT_LISTENERS__) {
         Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(([key, time]) => {
           if (time) {
             this.abortReasonCallback(key, time);

package/dist/es2019/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -37,6 +37,7 @@ export default class AbstractVCCalculatorBase {
     return ratios;
   }
   async calculateWithDebugInfo(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason) {
+    var _window, _window3;
     const percentiles = [25, 50, 75, 80, 85, 90, 95, 98, 99];
     const viewportEntries = this.filterViewportEntries(filteredEntries);
     const vcLogs = await calculateTTVCPercentilesWithDebugInfo({
@@ -99,24 +100,34 @@ export default class AbstractVCCalculatorBase {
         previousResult = vcDetails[`${percentile}`];
       }
     }
+    const v3RevisionDebugDetails = {
+      revision: this.revisionNo,
+      isClean: isVCClean,
+      abortReason: dirtyReason,
+      vcLogs,
+      interactionId
+    };
 
     // Handle devtool callback
-    if (!isPostInteraction && typeof window !== 'undefined' && typeof window.__ufo_devtool_onVCRevisionReady__ === 'function') {
+    if (!isPostInteraction && typeof ((_window = window) === null || _window === void 0 ? void 0 : _window.__ufo_devtool_onVCRevisionReady__) === 'function') {
       try {
-        var _ufo_devtool_onVCRev, _ref;
-        (_ufo_devtool_onVCRev = (_ref = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev === void 0 ? void 0 : _ufo_devtool_onVCRev.call(_ref, {
-          revision: this.revisionNo,
-          isClean: isVCClean,
-          abortReason: dirtyReason,
-          vcLogs,
-          interactionId
-        });
+        var _window2, _window2$__ufo_devtoo;
+        (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$__ufo_devtoo = _window2.__ufo_devtool_onVCRevisionReady__) === null || _window2$__ufo_devtoo === void 0 ? void 0 : _window2$__ufo_devtoo.call(_window2, v3RevisionDebugDetails);
       } catch (e) {
         // if any error communicating with devtool, we don't want to break the app
         // eslint-disable-next-line no-console
         console.error('Error in onVCRevisionReady', e);
       }
     }
+    if (!isPostInteraction && typeof ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.__on_ufo_vc_debug_data_ready) === 'function' && fg('platform_ufo_emit_vc_debug_data')) {
+      try {
+        var _window4, _window4$__on_ufo_vc_;
+        (_window4 = window) === null || _window4 === void 0 ? void 0 : (_window4$__on_ufo_vc_ = _window4.__on_ufo_vc_debug_data_ready) === null || _window4$__on_ufo_vc_ === void 0 ? void 0 : _window4$__on_ufo_vc_.call(_window4, v3RevisionDebugDetails);
+      } catch (e) {
+        // eslint-disable-next-line no-console
+        console.error('Error in onVCRevisionReady', e);
+      }
+    }
     return vcDetails;
   }
   async calculate({

package/dist/esm/ssr/index.js

@@ -1,13 +1,19 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { fg } from '@atlaskit/platform-feature-flags';
 var NESTED_METRIC_SEPARATOR = '/';
 function filterEntry(entry) {
   return !(!entry || _typeof(entry) !== 'object' || entry.startTime < 0 || entry.duration < 0);
 }
 function mapEntry(entry) {
-  return {
+  return _objectSpread({
     startTime: Math.round(entry.startTime),
     duration: Math.round(entry.duration)
-  };
+  }, entry.size && fg('platform_ufo_ssr_size_field') ? {
+    size: Math.round(entry.size)
+  } : {});
 }
 var SSR_PREFIX = 'ssr';
 function mapKey(key) {

package/dist/esm/vc/vc-observer/index.js

@@ -9,6 +9,7 @@ var _excluded = ["__debug__element"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../../config';
 import { getActiveInteraction } from '../../interaction-metrics';
 import { attachAbortListeners } from './attachAbortListeners';
@@ -95,7 +96,7 @@ export var VCObserver = /*#__PURE__*/function () {
     });
     _defineProperty(this, "getVCResult", /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
-        var start, stop, tti, prefix, ssr, vc, isEventAborted, experienceKey, interactionId, includeSSRRatio, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, isTTVCv1Disabled, vcAbortedResultWithRevisions, ttvcV1Result, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, ttvcV1DevToolInfo, ttvcV2DevToolInfo, _ufo_devtool_onVCRev2, _ref9, _ufo_devtool_onVCRev, _ref8, isVCClean, revisionsData, speedIndex, SSRRatio, SSRRatioNext, SSRRatioPayload, isTTVCv3Enabled;
+        var start, stop, tti, prefix, ssr, vc, isEventAborted, experienceKey, interactionId, includeSSRRatio, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, isTTVCv1Disabled, vcAbortedResultWithRevisions, ttvcV1Result, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, ttvcV1DevToolInfo, ttvcV2DevToolInfo, v1RevisionDebugDetails, v2RevisionDebugDetails, _window$__ufo_devtool2, _window2, _window$__ufo_devtool, _window, _window$__on_ufo_vc_d2, _window4, _window$__on_ufo_vc_d, _window3, isVCClean, revisionsData, speedIndex, SSRRatio, SSRRatioNext, SSRRatioPayload, isTTVCv3Enabled;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -264,30 +265,36 @@ export var VCObserver = /*#__PURE__*/function () {
                       entries: isTTVCv1Disabled ? vcNext.VCEntries.rel : VCEntries.rel
                     }
                   }));
-
-                  // Add devtool callback for both v1 and v2
+                  v1RevisionDebugDetails = getVCRevisionDebugDetails({
+                    revision: 'fy25.01',
+                    isClean: !abortReasonInfo,
+                    abortReason: abortReason.reason,
+                    VCEntries: VCEntries.rel,
+                    componentsLog: componentsLog,
+                    interactionId: interactionId
+                  });
+                  v2RevisionDebugDetails = getVCRevisionDebugDetails({
+                    revision: 'fy25.02',
+                    isClean: !abortReasonInfo,
+                    abortReason: abortReason.reason,
+                    VCEntries: vcNext.VCEntries.rel,
+                    componentsLog: componentsLog,
+                    interactionId: interactionId
+                  }); // Add devtool callback for both v1 and v2
                   if (typeof window.__ufo_devtool_onVCRevisionReady__ === 'function') {
                     // Handle v1 if not disabled
                     if (!isTTVCv1Disabled) {
-                      (_ufo_devtool_onVCRev = (_ref8 = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev === void 0 || _ufo_devtool_onVCRev.call(_ref8, getVCRevisionDebugDetails({
-                        revision: 'fy25.01',
-                        isClean: !abortReasonInfo,
-                        abortReason: abortReason.reason,
-                        VCEntries: VCEntries.rel,
-                        componentsLog: componentsLog,
-                        interactionId: interactionId
-                      }));
+                      (_window$__ufo_devtool = (_window = window).__ufo_devtool_onVCRevisionReady__) === null || _window$__ufo_devtool === void 0 || _window$__ufo_devtool.call(_window, v1RevisionDebugDetails);
                     }
 
                     // Handle v2
-                    (_ufo_devtool_onVCRev2 = (_ref9 = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev2 === void 0 || _ufo_devtool_onVCRev2.call(_ref9, getVCRevisionDebugDetails({
-                      revision: 'fy25.02',
-                      isClean: !abortReasonInfo,
-                      abortReason: abortReason.reason,
-                      VCEntries: vcNext.VCEntries.rel,
-                      componentsLog: componentsLog,
-                      interactionId: interactionId
-                    }));
+                    (_window$__ufo_devtool2 = (_window2 = window).__ufo_devtool_onVCRevisionReady__) === null || _window$__ufo_devtool2 === void 0 || _window$__ufo_devtool2.call(_window2, v2RevisionDebugDetails);
+                  }
+                  if (typeof window.__on_ufo_vc_debug_data_ready === 'function' && fg('platform_ufo_emit_vc_debug_data')) {
+                    if (!isTTVCv1Disabled) {
+                      (_window$__on_ufo_vc_d = (_window3 = window).__on_ufo_vc_debug_data_ready) === null || _window$__on_ufo_vc_d === void 0 || _window$__on_ufo_vc_d.call(_window3, v1RevisionDebugDetails);
+                    }
+                    (_window$__on_ufo_vc_d2 = (_window4 = window).__on_ufo_vc_debug_data_ready) === null || _window$__on_ufo_vc_d2 === void 0 || _window$__on_ufo_vc_d2.call(_window4, v2RevisionDebugDetails);
                   }
                 }
               } catch (e) {
@@ -416,14 +423,14 @@ export var VCObserver = /*#__PURE__*/function () {
       }
     });
     _defineProperty(this, "attachAbortListeners", function () {
-      var _window;
+      var _window5;
       _this.detachAbortListeners();
       var unbinds = attachAbortListeners(window, _this.viewport, _this.abortReasonCallback);
-      if ((_window = window) !== null && _window !== void 0 && _window.__SSR_ABORT_LISTENERS__) {
-        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref1) {
-          var _ref10 = _slicedToArray(_ref1, 2),
-            key = _ref10[0],
-            time = _ref10[1];
+      if ((_window5 = window) !== null && _window5 !== void 0 && _window5.__SSR_ABORT_LISTENERS__) {
+        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref9) {
+          var _ref0 = _slicedToArray(_ref9, 2),
+            key = _ref0[0],
+            time = _ref0[1];
           if (time) {
             _this.abortReasonCallback(key, time);
           }
@@ -453,8 +460,8 @@ export var VCObserver = /*#__PURE__*/function () {
   }
   return _createClass(VCObserver, [{
     key: "start",
-    value: function start(_ref11) {
-      var startTime = _ref11.startTime;
+    value: function start(_ref1) {
+      var startTime = _ref1.startTime;
       this.active = true;
       if (this.observers.isBrowserSupported()) {
         this.setViewportSize();
@@ -476,12 +483,12 @@ export var VCObserver = /*#__PURE__*/function () {
   }, {
     key: "getIgnoredElements",
     value: function getIgnoredElements(componentsLog) {
-      return Object.values(componentsLog).flat().filter(function (_ref12) {
-        var ignoreReason = _ref12.ignoreReason;
+      return Object.values(componentsLog).flat().filter(function (_ref10) {
+        var ignoreReason = _ref10.ignoreReason;
         return Boolean(ignoreReason);
-      }).map(function (_ref13) {
-        var targetName = _ref13.targetName,
-          ignoreReason = _ref13.ignoreReason;
+      }).map(function (_ref11) {
+        var targetName = _ref11.targetName,
+          ignoreReason = _ref11.ignoreReason;
         return {
           targetName: targetName,
           ignoreReason: ignoreReason
@@ -611,13 +618,13 @@ export var VCObserver = /*#__PURE__*/function () {
     }
   }, {
     key: "calculateVC",
-    value: function calculateVC(_ref14) {
-      var heatmap = _ref14.heatmap,
-        _ref14$ssr = _ref14.ssr,
-        ssr = _ref14$ssr === void 0 ? UNUSED_SECTOR : _ref14$ssr,
-        componentsLog = _ref14.componentsLog,
-        viewport = _ref14.viewport,
-        fixSSRAttribution = _ref14.fixSSRAttribution;
+    value: function calculateVC(_ref12) {
+      var heatmap = _ref12.heatmap,
+        _ref12$ssr = _ref12.ssr,
+        ssr = _ref12$ssr === void 0 ? UNUSED_SECTOR : _ref12$ssr,
+        componentsLog = _ref12.componentsLog,
+        viewport = _ref12.viewport,
+        fixSSRAttribution = _ref12.fixSSRAttribution;
       var lastUpdate = {};
       var totalPainted = 0;
       var ssrTime = fixSSRAttribution ? Math.floor(ssr) : ssr;
@@ -684,11 +691,11 @@ export var VCObserver = /*#__PURE__*/function () {
         });
         return VCRatio;
       }, 0);
-      var VCEntries = entries.reduce(function (acc, _ref15, i) {
+      var VCEntries = entries.reduce(function (acc, _ref13, i) {
         var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
-        var _ref16 = _slicedToArray(_ref15, 2),
-          timestamp = _ref16[0],
-          entryPainted = _ref16[1];
+        var _ref14 = _slicedToArray(_ref13, 2),
+          timestamp = _ref14[0],
+          entryPainted = _ref14[1];
         var currentlyPainted = entryPainted + (((_acc$abs = acc.abs[i - 1]) === null || _acc$abs === void 0 ? void 0 : _acc$abs[1]) || 0);
         var currentlyPaintedRatio = Math.round(currentlyPainted / totalPainted * 1000) / 10;
         var logEntry = _toConsumableArray(new Set((_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.filter(function (v) {

package/dist/esm/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -73,7 +73,8 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
     key: "calculateWithDebugInfo",
     value: function () {
       var _calculateWithDebugInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(filteredEntries, startTime, stopTime, isPostInteraction, isVCClean, interactionId, dirtyReason) {
-        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator3, _step3, _entry2, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, _ufo_devtool_onVCRev, _ref;
+        var _window, _window3;
+        var percentiles, viewportEntries, vcLogs, vcDetails, percentileIndex, entryDataBuffer, _iterator3, _step3, _entry2, time, viewportPercentage, entries, elementNames, previousResult, i, percentile, v3RevisionDebugDetails, _window2, _window2$__ufo_devtoo, _window4, _window4$__on_ufo_vc_;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -163,25 +164,32 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
                   previousResult = vcDetails["".concat(percentile)];
                 }
               }
-
-              // Handle devtool callback
-              if (!isPostInteraction && typeof window !== 'undefined' && typeof window.__ufo_devtool_onVCRevisionReady__ === 'function') {
+              v3RevisionDebugDetails = {
+                revision: this.revisionNo,
+                isClean: isVCClean,
+                abortReason: dirtyReason,
+                vcLogs: vcLogs,
+                interactionId: interactionId
+              }; // Handle devtool callback
+              if (!isPostInteraction && typeof ((_window = window) === null || _window === void 0 ? void 0 : _window.__ufo_devtool_onVCRevisionReady__) === 'function') {
                 try {
-                  (_ufo_devtool_onVCRev = (_ref = window).__ufo_devtool_onVCRevisionReady__) === null || _ufo_devtool_onVCRev === void 0 || _ufo_devtool_onVCRev.call(_ref, {
-                    revision: this.revisionNo,
-                    isClean: isVCClean,
-                    abortReason: dirtyReason,
-                    vcLogs: vcLogs,
-                    interactionId: interactionId
-                  });
+                  (_window2 = window) === null || _window2 === void 0 || (_window2$__ufo_devtoo = _window2.__ufo_devtool_onVCRevisionReady__) === null || _window2$__ufo_devtoo === void 0 || _window2$__ufo_devtoo.call(_window2, v3RevisionDebugDetails);
                 } catch (e) {
                   // if any error communicating with devtool, we don't want to break the app
                   // eslint-disable-next-line no-console
                   console.error('Error in onVCRevisionReady', e);
                 }
               }
+              if (!isPostInteraction && typeof ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.__on_ufo_vc_debug_data_ready) === 'function' && fg('platform_ufo_emit_vc_debug_data')) {
+                try {
+                  (_window4 = window) === null || _window4 === void 0 || (_window4$__on_ufo_vc_ = _window4.__on_ufo_vc_debug_data_ready) === null || _window4$__on_ufo_vc_ === void 0 || _window4$__on_ufo_vc_.call(_window4, v3RevisionDebugDetails);
+                } catch (e) {
+                  // eslint-disable-next-line no-console
+                  console.error('Error in onVCRevisionReady', e);
+                }
+              }
               return _context.abrupt("return", vcDetails);
-            case 32:
+            case 34:
             case "end":
               return _context.stop();
           }
@@ -195,7 +203,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
   }, {
     key: "calculate",
     value: function () {
-      var _calculate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref2) {
+      var _calculate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref) {
         var _this = this,
           _vcDetails$90$t,
           _vcDetails$;
@@ -203,7 +211,7 @@ var AbstractVCCalculatorBase = /*#__PURE__*/function () {
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              startTime = _ref2.startTime, stopTime = _ref2.stopTime, orderedEntries = _ref2.orderedEntries, interactionId = _ref2.interactionId, isPostInteraction = _ref2.isPostInteraction;
+              startTime = _ref.startTime, stopTime = _ref.stopTime, orderedEntries = _ref.orderedEntries, interactionId = _ref.interactionId, isPostInteraction = _ref.isPostInteraction;
               filteredEntries = orderedEntries.filter(function (entry) {
                 return _this.isEntryIncluded(entry);
               });

package/dist/types/ssr/index.d.ts

@@ -2,6 +2,7 @@ export type FeatureFlagValue = boolean | string | number | Record<any, any>;
 export type ReportedTiming = {
     startTime: number;
     duration: number;
+    size?: number;
 };
 export type ReportedTimings = {
     [key: string]: ReportedTiming;

package/dist/types/vc/index.d.ts

@@ -1,5 +1,6 @@
 import type { VCRawDataType, VCResult } from '../common/vc/types';
 import type { GetVCResultType, VCObserverInterface, VCObserverOptions } from './types';
+export type { VCRevisionDebugDetails } from './vc-observer/getVCRevisionDebugDetails';
 declare global {
     var __vcObserver: VCObserverInterface;
 }

package/dist/types/vc/vc-observer/getVCRevisionDebugDetails.d.ts

@@ -1,9 +1,9 @@
-import type { ComponentsLogType, VCEntryType } from '../../common/vc/types';
+import type { ComponentsLogType, VCAbortReason, VCEntryType } from '../../common/vc/types';
 import type { VCObserverEntryType } from '../vc-observer-new/types';
-interface VCRevisionDebugDetails {
+export interface VCRevisionDebugDetails {
     revision: string;
     isClean: boolean;
-    abortReason: string | null;
+    abortReason?: VCAbortReason | null;
     vcLogs: Array<{
         time: number;
         viewportPercentage: number;
@@ -22,9 +22,8 @@ interface VCRevisionDebugDetails {
 export declare function getVCRevisionDebugDetails({ revision, isClean, abortReason, VCEntries, componentsLog, interactionId, }: {
     revision: string;
     isClean: boolean;
-    abortReason: string | null;
+    abortReason?: VCAbortReason | null;
     VCEntries: VCEntryType[];
     componentsLog: ComponentsLogType;
     interactionId?: string;
 }): VCRevisionDebugDetails;
-export {};

package/dist/types/vc/vc-observer/index.d.ts

@@ -1,7 +1,14 @@
 import { type UnbindFn } from 'bind-event-listener';
 import type { ComponentsLogType, VCAbortReasonType, VCEntryType, VCIgnoreReason, VCRatioType, VCRawDataType, VCResult } from '../../common/vc/types';
 import type { GetVCResultType, VCObserverInterface, VCObserverOptions } from '../types';
+import { VCRevisionDebugDetails } from './getVCRevisionDebugDetails';
 import { Observers } from './observers';
+declare global {
+    interface Window {
+        __ufo_devtool_onVCRevisionReady__?: (debugInfo: VCRevisionDebugDetails) => void;
+        __on_ufo_vc_debug_data_ready?: (debugInfo: VCRevisionDebugDetails) => void;
+    }
+}
 export declare class VCObserver implements VCObserverInterface {
     abortReason: VCAbortReasonType;
     outOfBoundaryInfo: string;

package/dist/types/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -1,6 +1,13 @@
 import type { RevisionPayloadEntry, VCAbortReason } from '../../../common/vc/types';
+import { VCRevisionDebugDetails } from '../../vc-observer/getVCRevisionDebugDetails';
 import type { VCObserverEntry } from '../types';
 import type { VCCalculator, VCCalculatorParam } from './types';
+declare global {
+    interface Window {
+        __ufo_devtool_onVCRevisionReady__?: (debugInfo: VCRevisionDebugDetails) => void;
+        __on_ufo_vc_debug_data_ready?: (debugInfo: VCRevisionDebugDetails) => void;
+    }
+}
 export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     private revisionNo;
     constructor(revisionNo: string);

package/dist/types-ts4.5/ssr/index.d.ts

@@ -2,6 +2,7 @@ export type FeatureFlagValue = boolean | string | number | Record<any, any>;
 export type ReportedTiming = {
     startTime: number;
     duration: number;
+    size?: number;
 };
 export type ReportedTimings = {
     [key: string]: ReportedTiming;

package/dist/types-ts4.5/vc/index.d.ts

@@ -1,5 +1,6 @@
 import type { VCRawDataType, VCResult } from '../common/vc/types';
 import type { GetVCResultType, VCObserverInterface, VCObserverOptions } from './types';
+export type { VCRevisionDebugDetails } from './vc-observer/getVCRevisionDebugDetails';
 declare global {
     var __vcObserver: VCObserverInterface;
 }

package/dist/types-ts4.5/vc/vc-observer/getVCRevisionDebugDetails.d.ts

@@ -1,9 +1,9 @@
-import type { ComponentsLogType, VCEntryType } from '../../common/vc/types';
+import type { ComponentsLogType, VCAbortReason, VCEntryType } from '../../common/vc/types';
 import type { VCObserverEntryType } from '../vc-observer-new/types';
-interface VCRevisionDebugDetails {
+export interface VCRevisionDebugDetails {
     revision: string;
     isClean: boolean;
-    abortReason: string | null;
+    abortReason?: VCAbortReason | null;
     vcLogs: Array<{
         time: number;
         viewportPercentage: number;
@@ -22,9 +22,8 @@ interface VCRevisionDebugDetails {
 export declare function getVCRevisionDebugDetails({ revision, isClean, abortReason, VCEntries, componentsLog, interactionId, }: {
     revision: string;
     isClean: boolean;
-    abortReason: string | null;
+    abortReason?: VCAbortReason | null;
     VCEntries: VCEntryType[];
     componentsLog: ComponentsLogType;
     interactionId?: string;
 }): VCRevisionDebugDetails;
-export {};

package/dist/types-ts4.5/vc/vc-observer/index.d.ts

@@ -1,7 +1,14 @@
 import { type UnbindFn } from 'bind-event-listener';
 import type { ComponentsLogType, VCAbortReasonType, VCEntryType, VCIgnoreReason, VCRatioType, VCRawDataType, VCResult } from '../../common/vc/types';
 import type { GetVCResultType, VCObserverInterface, VCObserverOptions } from '../types';
+import { VCRevisionDebugDetails } from './getVCRevisionDebugDetails';
 import { Observers } from './observers';
+declare global {
+    interface Window {
+        __ufo_devtool_onVCRevisionReady__?: (debugInfo: VCRevisionDebugDetails) => void;
+        __on_ufo_vc_debug_data_ready?: (debugInfo: VCRevisionDebugDetails) => void;
+    }
+}
 export declare class VCObserver implements VCObserverInterface {
     abortReason: VCAbortReasonType;
     outOfBoundaryInfo: string;

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -1,6 +1,13 @@
 import type { RevisionPayloadEntry, VCAbortReason } from '../../../common/vc/types';
+import { VCRevisionDebugDetails } from '../../vc-observer/getVCRevisionDebugDetails';
 import type { VCObserverEntry } from '../types';
 import type { VCCalculator, VCCalculatorParam } from './types';
+declare global {
+    interface Window {
+        __ufo_devtool_onVCRevisionReady__?: (debugInfo: VCRevisionDebugDetails) => void;
+        __on_ufo_vc_debug_data_ready?: (debugInfo: VCRevisionDebugDetails) => void;
+    }
+}
 export default abstract class AbstractVCCalculatorBase implements VCCalculator {
     private revisionNo;
     constructor(revisionNo: string);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "3.13.17",
+	"version": "3.13.18",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -133,6 +133,9 @@
 		"platform_ufo_report_cpu_usage": {
 			"type": "boolean"
 		},
+		"platform_ufo_emit_vc_debug_data": {
+			"type": "boolean"
+		},
 		"ufo_return_relative_request_start": {
 			"type": "boolean"
 		},
@@ -159,6 +162,9 @@
 		},
 		"platform_ufo_rev_ratios": {
 			"type": "boolean"
+		},
+		"platform_ufo_ssr_size_field": {
+			"type": "boolean"
 		}
 	}
 }