@atlaskit/react-ufo 3.13.16 → 3.13.18

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @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
+
+- [#160542](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/160542)
+  [`eadf6fec0762d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eadf6fec0762d) -
+  Added extension to VC v3 to include SSR
+
 ## 3.13.16
 
 ### Patch Changes

package/dist/cjs/create-payload/utils/get-vc-metrics.js

@@ -22,7 +22,7 @@ function getVCMetrics(_x) {
 }
 function _getVCMetrics() {
   _getVCMetrics = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(interaction) {
-    var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _config$vc2, _config$experimentalI, _result$ufoVcRev;
+    var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _config$vc2, _config$vc3, _config$experimentalI, _result$ufoVcRev;
     var config, interactionStatus, pageVisibilityUpToTTAI, shouldReportVCMetrics, isSSREnabled, ssr, tti, prefix, result, mostRecentVCRevision, mostRecentVCRevisionPayload;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -63,11 +63,12 @@ function _getVCMetrics() {
             stop: interaction.end,
             tti: tti,
             prefix: prefix,
+            includeSSRInV3: (_config$vc2 = config.vc) === null || _config$vc2 === void 0 ? void 0 : _config$vc2.includeSSRInV3,
             vc: interaction.vc,
             isEventAborted: interactionStatus.originalInteractionStatus !== 'SUCCEEDED',
             experienceKey: interaction.ufoName,
             interactionId: interaction.id,
-            includeSSRRatio: (_config$vc2 = config.vc) === null || _config$vc2 === void 0 ? void 0 : _config$vc2.includeSSRRatio
+            includeSSRRatio: (_config$vc3 = config.vc) === null || _config$vc3 === void 0 ? void 0 : _config$vc3.includeSSRRatio
           }, ssr));
         case 18:
           result = _context.sent;

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/index.js

@@ -129,7 +129,8 @@ var VCObserverWrapper = exports.VCObserverWrapper = /*#__PURE__*/function () {
               return (_this$newVCObserver3 = this.newVCObserver) === null || _this$newVCObserver3 === void 0 ? void 0 : _this$newVCObserver3.getVCResult({
                 start: param.start,
                 stop: param.stop,
-                interactionId: param.interactionId
+                interactionId: param.interactionId,
+                ssr: param.includeSSRInV3 ? param.ssr : undefined
               });
             case 12:
               _context.t1 = _context.sent;

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/index.js

@@ -16,6 +16,8 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _entriesTimeline = _interopRequireDefault(require("./entries-timeline"));
 var _getElementName2 = _interopRequireDefault(require("./get-element-name"));
 var _fy25_ = _interopRequireDefault(require("./metric-calculator/fy25_03"));
+var _getViewportHeight = _interopRequireDefault(require("./metric-calculator/utils/get-viewport-height"));
+var _getViewportWidth = _interopRequireDefault(require("./metric-calculator/utils/get-viewport-width"));
 var _viewportObserver = _interopRequireDefault(require("./viewport-observer"));
 var _windowEventObserver = _interopRequireDefault(require("./window-event-observer"));
 var DEFAULT_SELECTOR_CONFIG = {
@@ -118,6 +120,31 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
       (_this$viewportObserve2 = this.viewportObserver) === null || _this$viewportObserve2 === void 0 || _this$viewportObserve2.stop();
       (_this$windowEventObse2 = this.windowEventObserver) === null || _this$windowEventObse2 === void 0 || _this$windowEventObse2.stop();
     }
+  }, {
+    key: "addSSR",
+    value: function addSSR(ssr) {
+      this.entriesTimeline.push({
+        time: ssr,
+        data: {
+          elementName: 'SSR',
+          type: 'mutation:element',
+          rect: {
+            height: (0, _getViewportHeight.default)(),
+            width: (0, _getViewportWidth.default)(),
+            left: 0,
+            top: 0,
+            x: 0,
+            y: 0,
+            bottom: (0, _getViewportHeight.default)(),
+            right: (0, _getViewportWidth.default)(),
+            toJSON: function toJSON() {
+              return null;
+            }
+          },
+          visible: true
+        }
+      });
+    }
   }, {
     key: "getVCResult",
     value: function () {
@@ -130,11 +157,14 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
               results = [];
               this.addStartEntry(start);
               calculator_fy25_03 = new _fy25_.default();
+              if (param.ssr) {
+                this.addSSR(param.ssr);
+              }
               orderedEntries = this.entriesTimeline.getOrderedEntries({
                 start: start,
                 stop: stop
               });
-              _context.next = 7;
+              _context.next = 8;
               return calculator_fy25_03.calculate({
                 orderedEntries: orderedEntries,
                 startTime: start,
@@ -142,13 +172,13 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
                 interactionId: interactionId,
                 isPostInteraction: this.isPostInteraction
               });
-            case 7:
+            case 8:
               fy25_03 = _context.sent;
               if (fy25_03) {
                 results.push(fy25_03);
               }
               return _context.abrupt("return", results);
-            case 10:
+            case 11:
             case "end":
               return _context.stop();
           }

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/create-payload/utils/get-vc-metrics.js

@@ -6,7 +6,7 @@ import getInteractionStatus from './get-interaction-status';
 import getPageVisibilityUpToTTAI from './get-page-visibility-up-to-ttai';
 import getSSRDoneTimeValue from './get-ssr-done-time-value';
 async function getVCMetrics(interaction) {
-  var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _interaction$apdex$, _config$vc2, _config$experimentalI, _result$ufoVcRev;
+  var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _interaction$apdex$, _config$vc2, _config$vc3, _config$experimentalI, _result$ufoVcRev;
   const config = getConfig();
   if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
     return {};
@@ -33,11 +33,12 @@ async function getVCMetrics(interaction) {
     stop: interaction.end,
     tti,
     prefix,
+    includeSSRInV3: (_config$vc2 = config.vc) === null || _config$vc2 === void 0 ? void 0 : _config$vc2.includeSSRInV3,
     vc: interaction.vc,
     isEventAborted: interactionStatus.originalInteractionStatus !== 'SUCCEEDED',
     experienceKey: interaction.ufoName,
     interactionId: interaction.id,
-    includeSSRRatio: (_config$vc2 = config.vc) === null || _config$vc2 === void 0 ? void 0 : _config$vc2.includeSSRRatio,
+    includeSSRRatio: (_config$vc3 = config.vc) === null || _config$vc3 === void 0 ? void 0 : _config$vc3.includeSSRRatio,
     ...ssr
   });
   if ((_config$experimentalI = config.experimentalInteractionMetrics) !== null && _config$experimentalI !== void 0 && _config$experimentalI.enabled) {

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/index.js

@@ -80,7 +80,8 @@ export class VCObserverWrapper {
     const v3Result = isVCRevisionEnabled('fy25.03', experienceKey) ? await ((_this$newVCObserver3 = this.newVCObserver) === null || _this$newVCObserver3 === void 0 ? void 0 : _this$newVCObserver3.getVCResult({
       start: param.start,
       stop: param.stop,
-      interactionId: param.interactionId
+      interactionId: param.interactionId,
+      ssr: param.includeSSRInV3 ? param.ssr : undefined
     })) : [];
     if (!v3Result) {
       return v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {};

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/index.js

@@ -3,6 +3,8 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import EntriesTimeline from './entries-timeline';
 import getElementName from './get-element-name';
 import VCCalculator_FY25_03 from './metric-calculator/fy25_03';
+import getViewportHeight from './metric-calculator/utils/get-viewport-height';
+import getViewportWidth from './metric-calculator/utils/get-viewport-width';
 import ViewportObserver from './viewport-observer';
 import WindowEventObserver from './window-event-observer';
 const DEFAULT_SELECTOR_CONFIG = {
@@ -96,6 +98,29 @@ export default class VCObserverNew {
     (_this$viewportObserve2 = this.viewportObserver) === null || _this$viewportObserve2 === void 0 ? void 0 : _this$viewportObserve2.stop();
     (_this$windowEventObse2 = this.windowEventObserver) === null || _this$windowEventObse2 === void 0 ? void 0 : _this$windowEventObse2.stop();
   }
+  addSSR(ssr) {
+    this.entriesTimeline.push({
+      time: ssr,
+      data: {
+        elementName: 'SSR',
+        type: 'mutation:element',
+        rect: {
+          height: getViewportHeight(),
+          width: getViewportWidth(),
+          left: 0,
+          top: 0,
+          x: 0,
+          y: 0,
+          bottom: getViewportHeight(),
+          right: getViewportWidth(),
+          toJSON() {
+            return null;
+          }
+        },
+        visible: true
+      }
+    });
+  }
   async getVCResult(param) {
     const {
       start,
@@ -105,6 +130,9 @@ export default class VCObserverNew {
     const results = [];
     this.addStartEntry(start);
     const calculator_fy25_03 = new VCCalculator_FY25_03();
+    if (param.ssr) {
+      this.addSSR(param.ssr);
+    }
     const orderedEntries = this.entriesTimeline.getOrderedEntries({
       start,
       stop

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({