@atlaskit/react-ufo 4.15.1 → 4.15.3

package/dist/cjs/create-payload/utils/get-visibility-state-from-performance.js

@@ -10,6 +10,7 @@ function getVisibilityStateFromPerformance(stop) {
     if (!results || results.length === 0) {
       return null;
     }
+    // @ts-ignore
     return results.reduce(function () {
       var acc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
       var _ref = arguments.length > 1 ? arguments[1] : undefined,

package/dist/cjs/interaction-id-context/index.js

@@ -69,7 +69,8 @@ var subscribeToInteractionIdChanges = exports.subscribeToInteractionIdChanges =
 };
 
 // We use a context to allow modals to have their own lifecycle
-var _default = exports.default = /*#__PURE__*/(0, _react.createContext)(DefaultInteractionID);
+var _default_1 = /*#__PURE__*/(0, _react.createContext)(DefaultInteractionID);
+var _default = exports.default = _default_1;
 var getInteractionId = exports.getInteractionId = function getInteractionId() {
   return DefaultInteractionID;
 };

package/dist/cjs/ssr/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.configure = configure;
+exports.getEdgeTimingsIncludingCloudfront = getEdgeTimingsIncludingCloudfront;
 exports.getSSRDoneTime = getSSRDoneTime;
 exports.getSSRFeatureFlags = getSSRFeatureFlags;
 exports.getSSRPhaseSuccess = getSSRPhaseSuccess;
@@ -12,10 +13,9 @@ 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);
@@ -39,16 +39,111 @@ var config;
 function configure(ssrConfig) {
   config = ssrConfig;
 }
+function getPerformanceNavigationTiming() {
+  var _performance$getEntri;
+  // getEntriesByType doesn't change the returned type based on the given type key
+  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+  return (_performance$getEntri = performance.getEntriesByType('navigation')) === null || _performance$getEntri === void 0 ? void 0 : _performance$getEntri[0];
+}
+function getServerTimingsByName() {
+  var _getPerformanceNaviga, _getPerformanceNaviga2;
+  var serverTimingsByName = Object.fromEntries((_getPerformanceNaviga = (_getPerformanceNaviga2 = getPerformanceNavigationTiming()) === null || _getPerformanceNaviga2 === void 0 || (_getPerformanceNaviga2 = _getPerformanceNaviga2.serverTiming) === null || _getPerformanceNaviga2 === void 0 ? void 0 : _getPerformanceNaviga2.map(function (timing) {
+    return [timing.name, timing];
+  })) !== null && _getPerformanceNaviga !== void 0 ? _getPerformanceNaviga : []);
+  return serverTimingsByName;
+}
+
+/**
+ * If we have the edge's view of ttfb and the clients view as well, then we should take the gap between them as
+ * the offset to use foe edge start time.
+ * This will simulate the network delays between the client and the edge as an edge startTime increase
+ */
+function getEdgeOffset(edgeTtfb) {
+  var _getPerformanceNaviga3;
+  var clientTtfb = (_getPerformanceNaviga3 = getPerformanceNavigationTiming()) === null || _getPerformanceNaviga3 === void 0 ? void 0 : _getPerformanceNaviga3.responseStart;
+  if (edgeTtfb == null || clientTtfb == null) {
+    return 0;
+  }
+  return clientTtfb - edgeTtfb;
+}
+function getEdgeTimingsIncludingCloudfront() {
+  var _serverTimingsByName$, _serverTimingsByName$2, _serverTimingsByName$3, _serverTimingsByName$4, _serverTimingsByName$5, _serverTimingsByName$6, _serverTimingsByName$7, _serverTimingsByName$8, _serverTimingsByName$9;
+  var serverTimingsByName = getServerTimingsByName();
+  var edgeTotalDuration = (_serverTimingsByName$ = (_serverTimingsByName$2 = serverTimingsByName['cdn-downstream-fbl']) === null || _serverTimingsByName$2 === void 0 ? void 0 : _serverTimingsByName$2.duration) !== null && _serverTimingsByName$ !== void 0 ? _serverTimingsByName$ : (_serverTimingsByName$3 = serverTimingsByName['atl-edge']) === null || _serverTimingsByName$3 === void 0 ? void 0 : _serverTimingsByName$3.duration;
+  if (!edgeTotalDuration) {
+    return null;
+  }
+  var edgeOffset = getEdgeOffset(edgeTotalDuration);
+  var cfInternalDuration = (((_serverTimingsByName$4 = serverTimingsByName['cdn-upstream-dns']) === null || _serverTimingsByName$4 === void 0 ? void 0 : _serverTimingsByName$4.duration) || 0) + (((_serverTimingsByName$5 = serverTimingsByName['cdn-upstream-connect']) === null || _serverTimingsByName$5 === void 0 ? void 0 : _serverTimingsByName$5.duration) || 0);
+  var cfUpstreamDuration = (((_serverTimingsByName$6 = serverTimingsByName['cdn-upstream-fbl']) === null || _serverTimingsByName$6 === void 0 ? void 0 : _serverTimingsByName$6.duration) || 0) - cfInternalDuration;
+  var cfDownstreamDuration = (((_serverTimingsByName$7 = serverTimingsByName['cdn-downstream-fbl']) === null || _serverTimingsByName$7 === void 0 ? void 0 : _serverTimingsByName$7.duration) || 0) - (((_serverTimingsByName$8 = serverTimingsByName['cdn-upstream-fbl']) === null || _serverTimingsByName$8 === void 0 ? void 0 : _serverTimingsByName$8.duration) || 0);
+  var atlEdgeDuration = (_serverTimingsByName$9 = serverTimingsByName['atl-edge']) === null || _serverTimingsByName$9 === void 0 ? void 0 : _serverTimingsByName$9.duration;
+  var cfToAtlEdgeNetworkDuration = cfUpstreamDuration - atlEdgeDuration;
+  var edgeTimings = {
+    edge: {
+      startTime: edgeOffset,
+      duration: edgeTotalDuration
+    }
+  };
+  if (typeof serverTimingsByName['cdn-downstream-fbl'] !== 'undefined') {
+    var _serverTimingsByName$0;
+    edgeTimings['edge/cf'] = {
+      startTime: edgeOffset,
+      duration: (_serverTimingsByName$0 = serverTimingsByName['cdn-downstream-fbl']) === null || _serverTimingsByName$0 === void 0 ? void 0 : _serverTimingsByName$0.duration
+    };
+    edgeTimings['edge/cf/internal'] = {
+      startTime: edgeOffset,
+      duration: cfInternalDuration
+    };
+    edgeTimings['edge/cf/upstream'] = {
+      startTime: edgeOffset + cfInternalDuration,
+      duration: cfUpstreamDuration
+    };
+    edgeTimings['edge/cf/downstream'] = {
+      startTime: edgeOffset + cfInternalDuration + cfUpstreamDuration,
+      duration: cfDownstreamDuration
+    };
+  }
+  if (typeof serverTimingsByName['atl-edge'] !== 'undefined') {
+    var _serverTimingsByName$1;
+    edgeTimings['edge/atl-edge'] = {
+      startTime: edgeOffset + cfInternalDuration + cfToAtlEdgeNetworkDuration,
+      duration: atlEdgeDuration
+    };
+    edgeTimings['edge/atl-edge/internal'] = {
+      startTime: edgeOffset + cfInternalDuration + cfToAtlEdgeNetworkDuration,
+      duration: (_serverTimingsByName$1 = serverTimingsByName['atl-edge-internal']) === null || _serverTimingsByName$1 === void 0 ? void 0 : _serverTimingsByName$1.duration
+    };
+    edgeTimings['edge/atl-edge/ttfb'] = {
+      startTime: edgeOffset + cfInternalDuration + cfToAtlEdgeNetworkDuration,
+      duration: atlEdgeDuration
+    };
+    edgeTimings['edge/cf/upstream/network'] = {
+      startTime: edgeOffset + cfInternalDuration,
+      duration: cfToAtlEdgeNetworkDuration
+    };
+  }
+
+  // we need a timer here to prevent UFO pipeline from shifting SSR timers to start at 0
+  (edgeTimings === null || edgeTimings === void 0 ? void 0 : edgeTimings.edge) && edgeOffset && Object.assign(edgeTimings, {
+    'client-network': {
+      startTime: 0,
+      duration: edgeOffset
+    }
+  });
+  return edgeTimings;
+}
 function getSSRTimings() {
   var _config;
-  if (!((_config = config) !== null && _config !== void 0 && _config.getTimings)) {
-    return {};
+  var defaultSSRTimings = {};
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_default_ssr_edge_timings')) {
+    defaultSSRTimings = getEdgeTimingsIncludingCloudfront();
   }
-  var timings = config.getTimings();
-  if (!timings) {
-    return {};
+  var configTimings = {};
+  if (typeof ((_config = config) === null || _config === void 0 ? void 0 : _config.getTimings) === 'function') {
+    configTimings = config.getTimings();
   }
-  var ssrTimings = Object.entries(timings).reduce(function (acc, entry) {
+  var ssrTimings = Object.entries(_objectSpread(_objectSpread({}, configTimings), defaultSSRTimings)).reduce(function (acc, entry) {
     if (filterEntry(entry[1])) {
       acc[mapKey(entry[0])] = mapEntry(entry[1]);
     }

package/dist/cjs/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -65,7 +65,7 @@ var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCC
       if (entry.data.type === 'mutation:media' && (0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix')) {
         var entryData = entry.data;
         var attributeName = entryData.attributeName;
-        if (attributeName && (/data-(test|file|context|cursor)-\S+/g.test(attributeName) || attributeName === 'alt' || (attributeName === 'localid' || attributeName === 'contenteditable' || attributeName === 'anchor-name') && (0, _expVal.expVal)('platform_editor_media_vc_fixes', 'isEnabled', false))) {
+        if (attributeName && (/data-(test|file|context)-\S+/g.test(attributeName) || attributeName === 'data-cursor' || attributeName === 'alt' || (attributeName === 'localid' || attributeName === 'contenteditable' || attributeName === 'anchor-name') && (0, _expVal.expVal)('platform_editor_media_vc_fixes', 'isEnabled', false))) {
           return false;
         }