@atlaskit/react-ufo 4.15.1 → 4.15.3

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

@@ -4,6 +4,7 @@ export 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/esm/interaction-id-context/index.js

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

package/dist/esm/ssr/index.js

@@ -2,8 +2,7 @@ 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);
@@ -27,16 +26,111 @@ var config;
 export 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;
+}
+export 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;
+}
 export function getSSRTimings() {
   var _config;
-  if (!((_config = config) !== null && _config !== void 0 && _config.getTimings)) {
-    return {};
+  var defaultSSRTimings = {};
+  if (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/esm/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -58,7 +58,7 @@ var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
       if (entry.data.type === 'mutation:media' && 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') && 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') && expVal('platform_editor_media_vc_fixes', 'isEnabled', false))) {
           return false;
         }
 

package/dist/types/assets/utils.d.ts

@@ -3,7 +3,7 @@ export declare const cacheableTypes: string[];
 export declare const MEMORY_KEY = "mem";
 export declare const DISK_KEY = "disk";
 export declare const NETWORK_KEY = "net";
-export declare function calculateTransferType(name: string, type: string, duration: number, size: number | undefined): "disk" | "mem" | "net" | null;
+export declare function calculateTransferType(name: string, type: string, duration: number, size: number | undefined): 'mem' | 'disk' | 'net' | null;
 export declare function getTypeOfRequest({ name, initiatorType: type }: ResourceEntry): string;
 export declare function checkIfTimingsAvailable(entry: ResourceEntry): boolean;
 export declare function round(n: number): number;

package/dist/types/create-experimental-interaction-metrics-payload/index.d.ts

@@ -1,4 +1,5 @@
 import type { InteractionMetrics } from '../common';
+import type { VCResult } from '../common/vc/types';
 import type { VCObserverOptions } from '../vc/types';
 import { VCObserver } from '../vc/vc-observer';
 type InteractionMetricsHandler = (interactionId: string, interaction: InteractionMetrics) => void | Promise<void>;
@@ -13,5 +14,5 @@ export declare class ExperimentalVCMetrics {
     }): void;
 }
 export declare const experimentalVC: ExperimentalVCMetrics;
-export declare function getExperimentalVCMetrics(interaction: InteractionMetrics): Promise<import("../common/vc/types").VCResult | null>;
+export declare function getExperimentalVCMetrics(interaction: InteractionMetrics): Promise<VCResult | null>;
 export {};

package/dist/types/create-interaction-extra-metrics-payload/index.d.ts

@@ -1,6 +1,9 @@
-import type { InteractionMetrics } from '../common';
+import type { AbortReasonType, CustomData, HoldActive, InteractionMetrics, MarkType } from '../common';
+import type { PageVisibility } from '../common/react-ufo-payload-schema';
 import type { VCResult } from '../common/vc/types';
+import type { OptimizedLabelStack } from '../create-payload/common/types';
 import type { LabelStack } from '../interaction-context';
+import type { UFOSegmentType } from '../segment/segment';
 declare function createInteractionExtraLogPayload(interactionId: string, interaction: InteractionMetrics, lastInteractionFinish: InteractionMetrics | null, lastInteractionFinishVCResult?: VCResult): Promise<{
     actionSubject: string;
     action: string;
@@ -23,7 +26,7 @@ declare function createInteractionExtraLogPayload(interactionId: string, interac
             interactionMetrics: {
                 errors: {
                     labelStack: string | {
-                        t?: import("../segment/segment").UFOSegmentType | undefined;
+                        t?: UFOSegmentType | undefined;
                         s?: string | undefined;
                         n: string;
                     }[] | null;
@@ -35,38 +38,38 @@ declare function createInteractionExtraLogPayload(interactionId: string, interac
                     errorHash?: string;
                     errorStatusCode?: number;
                 }[];
-                holdActive: import("../common").HoldActive[];
+                holdActive: HoldActive[];
                 holdInfo: any[];
                 spans: {
-                    labelStack: import("../create-payload/common/types").OptimizedLabelStack;
+                    labelStack: OptimizedLabelStack;
                     startTime: number;
                     endTime: number;
                     type: string;
                 }[];
                 requestInfo: {
-                    labelStack: import("../create-payload/common/types").OptimizedLabelStack;
+                    labelStack: OptimizedLabelStack;
                     startTime: number;
                     endTime: number;
                 }[];
                 customTimings: {
-                    labelStack: import("../create-payload/common/types").OptimizedLabelStack;
+                    labelStack: OptimizedLabelStack;
                     startTime: number;
                     endTime: number;
                 }[];
                 segments: {};
                 marks: {
                     labelStack: string | {
-                        t?: import("../segment/segment").UFOSegmentType | undefined;
+                        t?: UFOSegmentType | undefined;
                         s?: string | undefined;
                         n: string;
                     }[] | null;
                     time: number;
-                    type: import("../common").MarkType;
+                    type: MarkType;
                     name: string;
                 }[];
                 apdex: {
                     labelStack?: string | {
-                        t?: import("../segment/segment").UFOSegmentType | undefined;
+                        t?: UFOSegmentType | undefined;
                         s?: string | undefined;
                         n: string;
                     }[] | undefined;
@@ -77,18 +80,18 @@ declare function createInteractionExtraLogPayload(interactionId: string, interac
                 reactProfilerTimings: any[];
                 customData: {
                     labelStack: LabelStack;
-                    data: import("../common").CustomData;
+                    data: CustomData;
                 }[];
                 'metric:vc90'?: number | null;
                 namePrefix: string;
                 segmentPrefix: string;
                 interactionId: string;
-                pageVisibilityAtTTAI: import("../common/react-ufo-payload-schema").PageVisibility;
-                experimental__pageVisibilityAtTTAI: import("../common/react-ufo-payload-schema").PageVisibility | null;
+                pageVisibilityAtTTAI: PageVisibility;
+                experimental__pageVisibilityAtTTAI: PageVisibility | null;
                 rate: number;
                 routeName: string | null;
-                type: "page_load" | "transition";
-                abortReason: import("../common").AbortReasonType | undefined;
+                type: 'page_load' | 'transition';
+                abortReason: AbortReasonType | undefined;
                 previousInteractionName: string | undefined;
                 isPreviousInteractionAborted: boolean;
                 abortedByInteractionName: string | undefined;