@atlaskit/react-ufo 4.14.3 → 4.14.5

package/dist/es2019/interaction-metrics/index.js

@@ -23,6 +23,7 @@ const interactionQueue = [];
 const segmentCache = new Map();
 export const segmentUnmountCache = new Map(); // Temporarily store segment unmount counts
 
+let firstSegmentLoadMarked = false;
 const segmentObservers = [];
 export function getActiveInteraction() {
   const interactionId = getInteractionId();
@@ -194,6 +195,21 @@ export function addMark(interactionId, type, name, labelStack, time = performanc
     });
   }
 }
+export function markFirstSegmentLoad(interactionId, labelStack, time = performance.now()) {
+  if (!fg('platform_mark_ufo_segment_first_load')) {
+    return;
+  }
+  const interaction = interactions.get(interactionId);
+  if (interaction != null && !firstSegmentLoadMarked) {
+    firstSegmentLoadMarked = true;
+    interaction.marks.push({
+      type: 'first_segment_load',
+      name: 'first_segment_load',
+      labelStack,
+      time
+    });
+  }
+}
 export function addMarkToAll(type, name, labelStack, time = performance.now()) {
   interactions.forEach(interaction => {
     interaction.marks.push({

package/dist/es2019/segment/segment.js

@@ -7,11 +7,12 @@ import { getConfig, getDoNotAbortActivePressInteraction, getInteractionRate, get
 import { getActiveTrace, setInteractionActiveTrace } from '../experience-trace-id-context';
 import UFOInteractionContext from '../interaction-context';
 import UFOInteractionIDContext from '../interaction-id-context';
-import { abortByNewInteraction, addApdex, addCustomData, addCustomTiming, addHold, addHoldByID, addMark, addNewInteraction, addProfilerTimings, addRequestInfo, addSegment, addSpan, getActiveInteraction, removeHoldByID, removeSegment, tryComplete } from '../interaction-metrics';
+import { abortByNewInteraction, addApdex, addCustomData, addCustomTiming, addHold, addHoldByID, addMark, addNewInteraction, addProfilerTimings, addRequestInfo, addSegment, addSpan, getActiveInteraction, markFirstSegmentLoad, removeHoldByID, removeSegment, tryComplete } from '../interaction-metrics';
 import UFORouteName from '../route-name-context';
 import generateId from '../short-id';
 import scheduleOnPaint from './schedule-on-paint';
 let tryCompleteHandle;
+let hasMarkedFirstSegmentLoad = false;
 
 /** A portion of the page we apply measurement to */
 export default function UFOSegment({
@@ -53,6 +54,10 @@ export default function UFOSegment({
     } : {})
   }], [parentContext, segmentName, segmentId, type]);
   const interactionId = useContext(UFOInteractionIDContext);
+  if (interactionId.current != null && !hasMarkedFirstSegmentLoad) {
+    markFirstSegmentLoad(interactionId.current, labelStack, performance.now());
+    hasMarkedFirstSegmentLoad = true;
+  }
   const interactionContext = useMemo(() => {
     let lastCompleteEndTime = 0;
     function complete(endTime = performance.now()) {

package/dist/es2019/vc/index.js

@@ -97,7 +97,8 @@ export class VCObserverWrapper {
       experienceKey,
       include3p,
       excludeSmartAnswersInSearch,
-      includeSSRRatio
+      includeSSRRatio,
+      includeRawData
     } = param;
     const v1v2Result = isVCRevisionEnabled('fy25.01', experienceKey) || isVCRevisionEnabled('fy25.02', experienceKey) ? await ((_this$oldVCObserver4 = this.oldVCObserver) === null || _this$oldVCObserver4 === void 0 ? void 0 : _this$oldVCObserver4.getVCResult(param)) : {};
     const v3Result = isVCRevisionEnabled('fy25.03', experienceKey) ? await ((_this$newVCObserver3 = this.newVCObserver) === null || _this$newVCObserver3 === void 0 ? void 0 : _this$newVCObserver3.getVCResult({
@@ -110,7 +111,8 @@ export class VCObserverWrapper {
       includeSSRRatio,
       interactionType: param.interactionType,
       isPageVisible: param.isPageVisible,
-      interactionAbortReason: param.interactionAbortReason
+      interactionAbortReason: param.interactionAbortReason,
+      includeRawData
     })) : [];
     if (!v3Result) {
       return v1v2Result !== null && v1v2Result !== void 0 ? v1v2Result : {};

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

@@ -7,6 +7,7 @@ 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 VCNextCalculator from './metric-calculator/vcnext';
+import RawDataHandler from './raw-data-handler';
 import ViewportObserver from './viewport-observer';
 import WindowEventObserver from './window-event-observer';
 const SSRState = {
@@ -201,10 +202,12 @@ export default class VCObserverNew {
       isPageVisible,
       include3p,
       includeSSRRatio,
-      excludeSmartAnswersInSearch
+      excludeSmartAnswersInSearch,
+      includeRawData
     } = param;
     const results = [];
     this.addStartEntry(start);
+    const feVCCalculationStartTime = performance.now();
     const calculator_fy25_03 = new VCCalculator_FY25_03();
     if (param.ssr) {
       this.addSSR(param.ssr);
@@ -247,6 +250,22 @@ export default class VCObserverNew {
     if (vcNext) {
       results.push(vcNext);
     }
+    const feVCCalculationEndTime = performance.now();
+    if (includeRawData && fg('platform_ufo_enable_vc_raw_data')) {
+      const rawVCCalculationStartTime = performance.now();
+      const rawHandler = new RawDataHandler();
+      const raw = await rawHandler.getRawData({
+        entries: orderedEntries,
+        startTime: start,
+        stopTime: stop,
+        isPageVisible
+      });
+      if (raw) {
+        raw.rawVCTime = Number((performance.now() - rawVCCalculationStartTime).toFixed(2));
+        raw.feVCTime = Number((feVCCalculationEndTime - feVCCalculationStartTime).toFixed(2));
+        results.push(raw);
+      }
+    }
     return results;
   }
   addStartEntry(startTime) {

package/dist/es2019/vc/vc-observer-new/raw-data-handler/index.js

@@ -0,0 +1,173 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import getViewportHeight from '../metric-calculator/utils/get-viewport-height';
+import getViewportWidth from '../metric-calculator/utils/get-viewport-width';
+const ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
+const MAX_OBSERVATIONS = 100;
+export default class RawDataHandler {
+  constructor() {
+    _defineProperty(this, "revisionNo", 'raw-handler');
+  }
+  getVCCleanStatus(filteredEntries) {
+    let dirtyReason = '';
+    let abortTimestamp = -1;
+    const hasAbortEvent = filteredEntries.some(entry => {
+      if (entry.data.type === 'window:event') {
+        const data = entry.data;
+        if (ABORTING_WINDOW_EVENT.includes(data.eventType)) {
+          dirtyReason = data.eventType === 'keydown' ? 'keypress' : data.eventType;
+          abortTimestamp = Math.round(entry.time);
+          return true;
+        }
+      }
+      return false;
+    });
+    if (hasAbortEvent && dirtyReason) {
+      return {
+        isVCClean: false,
+        dirtyReason,
+        abortTimestamp
+      };
+    }
+    return {
+      isVCClean: true
+    };
+  }
+  async getRawData({
+    entries,
+    startTime,
+    stopTime,
+    isPageVisible
+  }) {
+    var _rawObservations;
+    let isVCClean;
+    let dirtyReason;
+    const getVCCleanStatusResult = this.getVCCleanStatus(entries);
+    isVCClean = getVCCleanStatusResult.isVCClean;
+    dirtyReason = getVCCleanStatusResult.dirtyReason;
+    if (!isPageVisible) {
+      return {
+        revision: this.revisionNo,
+        clean: false,
+        'metric:vc90': null,
+        abortReason: 'browser_backgrounded',
+        abortTimestamp: -1,
+        viewport: {
+          w: getViewportWidth(),
+          h: getViewportHeight()
+        }
+      };
+    }
+    const viewportEntries = entries.filter(entry => {
+      return entry.time >= startTime && entry.time <= stopTime && entry.data && entry.data.visible;
+    });
+    const targetNameToIdMap = new Map();
+    const elementMapEntriesMap = {};
+    let nextElementId = 1;
+    const typeMap = new Map();
+    const typeMapEntriesMap = {};
+    let nextTypeId = 1;
+    const attributeMap = new Map();
+    const attributeEntriesMap = {};
+    let nextAttributeId = 1;
+    let rawObservations = viewportEntries.map(entry => {
+      const viewportEntry = entry.data;
+      const targetName = viewportEntry.elementName || '';
+      const type = viewportEntry.type || '';
+      const rect = viewportEntry.rect;
+      const attributeName = viewportEntry.attributeName || '';
+      let eid = targetNameToIdMap.get(viewportEntry.elementName || '') || 0;
+      if (eid === 0) {
+        eid = nextElementId;
+        nextElementId += 1;
+        targetNameToIdMap.set(targetName, eid);
+        elementMapEntriesMap[eid] = targetName;
+      }
+      let chg = typeMap.get(type || '') || 0;
+      if (chg === 0) {
+        chg = nextTypeId;
+        nextTypeId += 1;
+        typeMap.set(type, chg);
+        typeMapEntriesMap[chg] = type;
+      }
+      let att = 0;
+      if (attributeName) {
+        att = attributeMap.get(attributeName) || 0;
+        if (att === 0) {
+          att = nextAttributeId;
+          nextAttributeId += 1;
+          attributeMap.set(attributeName, att);
+          attributeEntriesMap[att] = attributeName;
+        }
+      }
+      const observation = {
+        t: Math.round(entry.time),
+        r: [Math.round(rect.left * 10) / 10, Math.round(rect.top * 10) / 10, Math.round(rect.right * 10) / 10, Math.round(rect.bottom * 10) / 10],
+        chg,
+        eid: eid || 0,
+        ...(att > 0 ? {
+          att
+        } : {})
+      };
+      return observation;
+    });
+    // If the number of observations is greater than the maximum allowed, we need to trim the observations to the maximum allowed.
+    // We do this by keeping the first observation and the last MAX_OBSERVATIONS observations.
+    // We then collect the referenced IDs from the remaining observations and remove the unreferenced entries from the maps
+    if (rawObservations.length > MAX_OBSERVATIONS) {
+      const firstObservation = rawObservations[0];
+      const lastObservations = rawObservations.slice(-MAX_OBSERVATIONS);
+      rawObservations = [firstObservation, ...lastObservations];
+
+      // Collect referenced IDs from remaining observations
+      const referencedEids = new Set();
+      const referencedChgs = new Set();
+      const referencedAtts = new Set();
+      for (const observation of rawObservations) {
+        if (observation.eid > 0) {
+          referencedEids.add(observation.eid);
+        }
+        if (typeof observation.chg === 'number' && observation.chg > 0) {
+          referencedChgs.add(observation.chg);
+        }
+        if (observation.att !== undefined && observation.att > 0) {
+          referencedAtts.add(observation.att);
+        }
+      }
+
+      // Remove unreferenced entries from maps
+      for (const eid of Object.keys(elementMapEntriesMap).map(Number)) {
+        if (!referencedEids.has(eid)) {
+          delete elementMapEntriesMap[eid];
+        }
+      }
+      for (const chg of Object.keys(typeMapEntriesMap).map(Number)) {
+        if (!referencedChgs.has(chg)) {
+          delete typeMapEntriesMap[chg];
+        }
+      }
+      for (const att of Object.keys(attributeEntriesMap).map(Number)) {
+        if (!referencedAtts.has(att)) {
+          delete attributeEntriesMap[att];
+        }
+      }
+    }
+    const result = {
+      revision: this.revisionNo,
+      clean: isVCClean,
+      'metric:vc90': null,
+      rawData: {
+        obs: (_rawObservations = rawObservations) !== null && _rawObservations !== void 0 ? _rawObservations : undefined,
+        eid: elementMapEntriesMap !== null && elementMapEntriesMap !== void 0 ? elementMapEntriesMap : undefined,
+        chg: typeMapEntriesMap !== null && typeMapEntriesMap !== void 0 ? typeMapEntriesMap : undefined,
+        att: attributeEntriesMap !== null && attributeEntriesMap !== void 0 ? attributeEntriesMap : undefined
+      },
+      abortReason: dirtyReason,
+      abortTimestamp: getVCCleanStatusResult.abortTimestamp,
+      viewport: {
+        w: getViewportWidth(),
+        h: getViewportHeight()
+      }
+    };
+    return result;
+  }
+}

package/dist/esm/config/index.js

@@ -167,6 +167,9 @@ export function getExperimentalInteractionRate(name, interactionType) {
     return 0;
   }
 }
+export function getVCRawDataInteractionRate(name, interactionType) {
+  return getConfigRate(name, interactionType, 'enableVCRawDataRates');
+}
 export function getPostInteractionRate(name, interactionType) {
   return getConfigRate(name, interactionType, 'postInteractionLog');
 }

package/dist/esm/create-payload/index.js

@@ -52,6 +52,7 @@ import { optimizeMarks } from './utils/optimize-marks';
 import { optimizeReactProfilerTimings } from './utils/optimize-react-profiler-timings';
 import { optimizeRequestInfo } from './utils/optimize-request-info';
 import { optimizeSpans } from './utils/optimize-spans';
+var MAX_PAYLOAD_SIZE = 250;
 function getUfoNameOverride(interaction) {
   var ufoName = interaction.ufoName,
     apdex = interaction.apdex;
@@ -390,7 +391,7 @@ function createInteractionMetricsPayload(_x, _x2, _x3, _x4, _x5) {
 function _createInteractionMetricsPayload() {
   _createInteractionMetricsPayload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(interaction, interactionId, experimental, criticalPayloadCount, vcMetrics) {
     var _window$location, _config$additionalPay;
-    var interactionPayloadStart, config, end, start, ufoName, knownSegments, rate, type, abortReason, routeName, featureFlags, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, responsiveness, unknownElementName, unknownElementHierarchy, hydration, pageVisibilityAtTTI, pageVisibilityAtTTAI, segments, segmentTree, isDetailedPayload, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTI, moreAccuratePageVisibilityAtTTAI, labelStack, getInitialPageLoadSSRMetrics, pageLoadInteractionMetrics, getDetailedInteractionMetrics, getPageLoadDetailedInteractionMetrics, newUFOName, resourceTimings, _yield$Promise$all, _yield$Promise$all2, finalVCMetrics, experimentalMetrics, paintMetrics, batteryInfo, getReactHydrationStats, payload;
+    var interactionPayloadStart, config, end, start, ufoName, knownSegments, rate, type, abortReason, routeName, featureFlags, previousInteractionName, isPreviousInteractionAborted, abortedByInteractionName, responsiveness, unknownElementName, unknownElementHierarchy, hydration, pageVisibilityAtTTI, pageVisibilityAtTTAI, segments, segmentTree, isDetailedPayload, isPageLoad, calculatePageVisibilityFromTheStartOfPageLoad, moreAccuratePageVisibilityAtTTI, moreAccuratePageVisibilityAtTTAI, labelStack, getInitialPageLoadSSRMetrics, pageLoadInteractionMetrics, getDetailedInteractionMetrics, getPageLoadDetailedInteractionMetrics, newUFOName, resourceTimings, _yield$Promise$all, _yield$Promise$all2, finalVCMetrics, experimentalMetrics, paintMetrics, batteryInfo, getReactHydrationStats, payload, size, vcRev, rawData, rawDataSize;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -596,7 +597,26 @@ function _createInteractionMetricsPayload() {
             regularTTAI = undefined;
             expTTAI = undefined;
           }
-          payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
+          if (fg('platform_ufo_enable_vc_raw_data')) {
+            size = getPayloadSize(payload.attributes.properties);
+            vcRev = payload.attributes.properties['ufo:vc:rev'];
+            rawData = vcRev.find(function (item) {
+              return item.revision === 'raw-handler';
+            });
+            if (rawData) {
+              rawDataSize = getPayloadSize(rawData);
+              payload.attributes.properties['ufo:vc:raw:size'] = rawDataSize;
+              if (size > MAX_PAYLOAD_SIZE && Array.isArray(vcRev) && vcRev.length > 0) {
+                payload.attributes.properties['ufo:vc:rev'] = vcRev.filter(function (item) {
+                  return item.revision !== 'raw-handler';
+                });
+                payload.attributes.properties['ufo:vc:raw:removed'] = true;
+              }
+            }
+            payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
+          } else {
+            payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
+          }
           return _context.abrupt("return", payload);
         case 47:
         case "end":

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

@@ -3,7 +3,8 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 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 { getConfig, getMostRecentVCRevision } from '../../config';
+import coinflip from '../../coinflip';
+import { getConfig, getMostRecentVCRevision, getVCRawDataInteractionRate } from '../../config';
 import { interactionExtraMetrics, postInteractionLog } from '../../interaction-metrics';
 import getInteractionStatus from './get-interaction-status';
 import getPageVisibilityUpToTTAI from './get-page-visibility-up-to-ttai';
@@ -22,6 +23,7 @@ function _getVCMetrics() {
       isPageVisible,
       shouldReportVCMetrics,
       observer,
+      includeRawData,
       isSSREnabled,
       ssr,
       tti,
@@ -59,6 +61,7 @@ function _getVCMetrics() {
           }
           return _context.abrupt("return", {});
         case 14:
+          includeRawData = coinflip(getVCRawDataInteractionRate(interaction.ufoName, interaction.type));
           isSSREnabled = interaction.type === 'page_load' && ((config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 || (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName)));
           ssr = interaction.type === 'page_load' && isSSREnabled ? {
             ssr: getSSRDoneTimeValue(config)
@@ -66,7 +69,7 @@ function _getVCMetrics() {
           postInteractionLog.setVCObserverSSRConfig(ssr);
           tti = (_interaction$apdex = interaction.apdex) === null || _interaction$apdex === void 0 || (_interaction$apdex = _interaction$apdex[0]) === null || _interaction$apdex === void 0 ? void 0 : _interaction$apdex.stopTime;
           prefix = 'ufo';
-          _context.next = 21;
+          _context.next = 22;
           return observer.getVCResult(_objectSpread(_objectSpread({
             start: interaction.start,
             stop: interaction.end,
@@ -82,9 +85,10 @@ function _getVCMetrics() {
             include3p: include3p,
             excludeSmartAnswersInSearch: excludeSmartAnswersInSearch,
             interactionType: interaction.type,
-            isPageVisible: isPageVisible
+            isPageVisible: isPageVisible,
+            includeRawData: includeRawData
           }));
-        case 21:
+        case 22:
           result = _context.sent;
           observer.stop(interaction.ufoName);
           if (!include3p) {
@@ -98,15 +102,15 @@ function _getVCMetrics() {
             return revision === mostRecentVCRevision;
           });
           if (!(!shouldReportVCMetrics || !(mostRecentVCRevisionPayload !== null && mostRecentVCRevisionPayload !== void 0 && mostRecentVCRevisionPayload.clean))) {
-            _context.next = 28;
+            _context.next = 29;
             break;
           }
           return _context.abrupt("return", result);
-        case 28:
+        case 29:
           return _context.abrupt("return", _objectSpread(_objectSpread({}, result), {}, {
             'metric:vc90': mostRecentVCRevisionPayload['metric:vc90']
           }));
-        case 29:
+        case 30:
         case "end":
           return _context.stop();
       }

package/dist/esm/interaction-metrics/index.js

@@ -33,6 +33,7 @@ var interactionQueue = [];
 var segmentCache = new Map();
 export var segmentUnmountCache = new Map(); // Temporarily store segment unmount counts
 
+var firstSegmentLoadMarked = false;
 var segmentObservers = [];
 export function getActiveInteraction() {
   var interactionId = getInteractionId();
@@ -229,6 +230,22 @@ export function addMark(interactionId, type, name, labelStack) {
     });
   }
 }
+export function markFirstSegmentLoad(interactionId, labelStack) {
+  var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : performance.now();
+  if (!fg('platform_mark_ufo_segment_first_load')) {
+    return;
+  }
+  var interaction = interactions.get(interactionId);
+  if (interaction != null && !firstSegmentLoadMarked) {
+    firstSegmentLoadMarked = true;
+    interaction.marks.push({
+      type: 'first_segment_load',
+      name: 'first_segment_load',
+      labelStack: labelStack,
+      time: time
+    });
+  }
+}
 export function addMarkToAll(type, name, labelStack) {
   var time = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : performance.now();
   interactions.forEach(function (interaction) {

package/dist/esm/segment/segment.js

@@ -11,11 +11,12 @@ import { getConfig, getDoNotAbortActivePressInteraction, getInteractionRate, get
 import { getActiveTrace, setInteractionActiveTrace } from '../experience-trace-id-context';
 import UFOInteractionContext from '../interaction-context';
 import UFOInteractionIDContext from '../interaction-id-context';
-import { abortByNewInteraction, addApdex as _addApdex, addCustomData as _addCustomData, addCustomTiming, addHold, addHoldByID, addMark as _addMark, addNewInteraction, addProfilerTimings, addRequestInfo, addSegment, addSpan, getActiveInteraction, removeHoldByID, removeSegment, tryComplete } from '../interaction-metrics';
+import { abortByNewInteraction, addApdex as _addApdex, addCustomData as _addCustomData, addCustomTiming, addHold, addHoldByID, addMark as _addMark, addNewInteraction, addProfilerTimings, addRequestInfo, addSegment, addSpan, getActiveInteraction, markFirstSegmentLoad, removeHoldByID, removeSegment, tryComplete } from '../interaction-metrics';
 import UFORouteName from '../route-name-context';
 import generateId from '../short-id';
 import scheduleOnPaint from './schedule-on-paint';
 var tryCompleteHandle;
+var hasMarkedFirstSegmentLoad = false;
 
 /** A portion of the page we apply measurement to */
 export default function UFOSegment(_ref) {
@@ -58,6 +59,10 @@ export default function UFOSegment(_ref) {
     } : {})];
   }, [parentContext, segmentName, segmentId, type]);
   var interactionId = useContext(UFOInteractionIDContext);
+  if (interactionId.current != null && !hasMarkedFirstSegmentLoad) {
+    markFirstSegmentLoad(interactionId.current, labelStack, performance.now());
+    hasMarkedFirstSegmentLoad = true;
+  }
   var interactionContext = useMemo(function () {
     var lastCompleteEndTime = 0;
     function complete() {

package/dist/esm/vc/index.js

@@ -112,11 +112,11 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
     value: function () {
       var _getVCResult = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(param) {
         var _this$oldVCObserver4, _this$newVCObserver3, _ref2;
-        var experienceKey, include3p, excludeSmartAnswersInSearch, includeSSRRatio, v1v2Result, v3Result, ssrRatio;
+        var experienceKey, include3p, excludeSmartAnswersInSearch, includeSSRRatio, includeRawData, v1v2Result, v3Result, ssrRatio;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              experienceKey = param.experienceKey, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch, includeSSRRatio = param.includeSSRRatio;
+              experienceKey = param.experienceKey, include3p = param.include3p, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch, includeSSRRatio = param.includeSSRRatio, includeRawData = param.includeRawData;
               if (!(isVCRevisionEnabled('fy25.01', experienceKey) || isVCRevisionEnabled('fy25.02', experienceKey))) {
                 _context.next = 7;
                 break;
@@ -146,7 +146,8 @@ export var VCObserverWrapper = /*#__PURE__*/function () {
                 includeSSRRatio: includeSSRRatio,
                 interactionType: param.interactionType,
                 isPageVisible: param.isPageVisible,
-                interactionAbortReason: param.interactionAbortReason
+                interactionAbortReason: param.interactionAbortReason,
+                includeRawData: includeRawData
               });
             case 12:
               _context.t1 = _context.sent;

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

@@ -13,6 +13,7 @@ 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 VCNextCalculator from './metric-calculator/vcnext';
+import RawDataHandler from './raw-data-handler';
 import ViewportObserver from './viewport-observer';
 import WindowEventObserver from './window-event-observer';
 var SSRState = {
@@ -231,13 +232,14 @@ var VCObserverNew = /*#__PURE__*/function () {
     key: "getVCResult",
     value: function () {
       var _getVCResult = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(param) {
-        var start, stop, interactionId, interactionType, interactionAbortReason, isPageVisible, include3p, includeSSRRatio, excludeSmartAnswersInSearch, results, calculator_fy25_03, orderedEntries, fy25_03, calculator_next, vcNext;
+        var start, stop, interactionId, interactionType, interactionAbortReason, isPageVisible, include3p, includeSSRRatio, excludeSmartAnswersInSearch, includeRawData, results, feVCCalculationStartTime, calculator_fy25_03, orderedEntries, fy25_03, calculator_next, vcNext, feVCCalculationEndTime, rawVCCalculationStartTime, rawHandler, raw;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              start = param.start, stop = param.stop, interactionId = param.interactionId, interactionType = param.interactionType, interactionAbortReason = param.interactionAbortReason, isPageVisible = param.isPageVisible, include3p = param.include3p, includeSSRRatio = param.includeSSRRatio, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch;
+              start = param.start, stop = param.stop, interactionId = param.interactionId, interactionType = param.interactionType, interactionAbortReason = param.interactionAbortReason, isPageVisible = param.isPageVisible, include3p = param.include3p, includeSSRRatio = param.includeSSRRatio, excludeSmartAnswersInSearch = param.excludeSmartAnswersInSearch, includeRawData = param.includeRawData;
               results = [];
               this.addStartEntry(start);
+              feVCCalculationStartTime = performance.now();
               calculator_fy25_03 = new VCCalculator_FY25_03();
               if (param.ssr) {
                 this.addSSR(param.ssr);
@@ -246,7 +248,7 @@ var VCObserverNew = /*#__PURE__*/function () {
                 start: start,
                 stop: stop
               });
-              _context.next = 8;
+              _context.next = 9;
               return calculator_fy25_03.calculate({
                 orderedEntries: orderedEntries,
                 startTime: start,
@@ -260,7 +262,7 @@ var VCObserverNew = /*#__PURE__*/function () {
                 isPageVisible: isPageVisible,
                 interactionAbortReason: interactionAbortReason
               });
-            case 8:
+            case 9:
               fy25_03 = _context.sent;
               if (fy25_03) {
                 results.push(fy25_03);
@@ -268,7 +270,7 @@ var VCObserverNew = /*#__PURE__*/function () {
 
               // TODO on cleanup: put behind `enabledVCRevisions` config
               calculator_next = new VCNextCalculator();
-              _context.next = 13;
+              _context.next = 14;
               return calculator_next.calculate({
                 orderedEntries: orderedEntries,
                 startTime: start,
@@ -281,13 +283,35 @@ var VCObserverNew = /*#__PURE__*/function () {
                 isPageVisible: isPageVisible,
                 interactionAbortReason: interactionAbortReason
               });
-            case 13:
+            case 14:
               vcNext = _context.sent;
               if (vcNext) {
                 results.push(vcNext);
               }
+              feVCCalculationEndTime = performance.now();
+              if (!(includeRawData && fg('platform_ufo_enable_vc_raw_data'))) {
+                _context.next = 24;
+                break;
+              }
+              rawVCCalculationStartTime = performance.now();
+              rawHandler = new RawDataHandler();
+              _context.next = 22;
+              return rawHandler.getRawData({
+                entries: orderedEntries,
+                startTime: start,
+                stopTime: stop,
+                isPageVisible: isPageVisible
+              });
+            case 22:
+              raw = _context.sent;
+              if (raw) {
+                raw.rawVCTime = Number((performance.now() - rawVCCalculationStartTime).toFixed(2));
+                raw.feVCTime = Number((feVCCalculationEndTime - feVCCalculationStartTime).toFixed(2));
+                results.push(raw);
+              }
+            case 24:
               return _context.abrupt("return", results);
-            case 16:
+            case 25:
             case "end":
               return _context.stop();
           }