@atlaskit/react-ufo 2.4.7 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/common/constants.js +1 -1
  3. package/dist/cjs/config/index.js +18 -40
  4. package/dist/cjs/create-payload/common/utils/index.js +1 -85
  5. package/dist/cjs/create-payload/index.js +77 -37
  6. package/dist/cjs/interaction-metrics/common/constants.js +1 -7
  7. package/dist/cjs/interaction-metrics/index.js +205 -140
  8. package/dist/cjs/interaction-metrics-init/index.js +9 -27
  9. package/dist/cjs/load-hold/UFOLoadHold.js +4 -3
  10. package/dist/cjs/segment/segment.js +9 -7
  11. package/dist/cjs/trace-pageload/index.js +1 -2
  12. package/dist/cjs/vc/vc-observer/index.js +48 -33
  13. package/dist/es2019/common/constants.js +1 -1
  14. package/dist/es2019/config/index.js +0 -22
  15. package/dist/es2019/create-payload/common/utils/index.js +1 -86
  16. package/dist/es2019/create-payload/index.js +74 -28
  17. package/dist/es2019/interaction-metrics/common/constants.js +0 -6
  18. package/dist/es2019/interaction-metrics/index.js +130 -93
  19. package/dist/es2019/interaction-metrics-init/index.js +8 -21
  20. package/dist/es2019/load-hold/UFOLoadHold.js +4 -3
  21. package/dist/es2019/segment/segment.js +12 -6
  22. package/dist/es2019/trace-pageload/index.js +1 -1
  23. package/dist/es2019/vc/vc-observer/index.js +17 -5
  24. package/dist/esm/common/constants.js +1 -1
  25. package/dist/esm/config/index.js +18 -39
  26. package/dist/esm/create-payload/common/utils/index.js +1 -80
  27. package/dist/esm/create-payload/index.js +75 -33
  28. package/dist/esm/interaction-metrics/common/constants.js +0 -6
  29. package/dist/esm/interaction-metrics/index.js +157 -88
  30. package/dist/esm/interaction-metrics-init/index.js +10 -24
  31. package/dist/esm/load-hold/UFOLoadHold.js +4 -3
  32. package/dist/esm/segment/segment.js +9 -7
  33. package/dist/esm/trace-pageload/index.js +1 -1
  34. package/dist/esm/vc/vc-observer/index.js +48 -33
  35. package/dist/types/common/common/types.d.ts +4 -6
  36. package/dist/types/config/index.d.ts +0 -6
  37. package/dist/types/create-payload/common/utils/index.d.ts +0 -12
  38. package/dist/types/create-payload/index.d.ts +5660 -13
  39. package/dist/types/interaction-metrics/common/constants.d.ts +1 -31
  40. package/dist/types/interaction-metrics/index.d.ts +15 -4
  41. package/dist/types/load-hold/UFOLoadHold.d.ts +2 -1
  42. package/dist/types/trace-pageload/index.d.ts +0 -1
  43. package/dist/types/vc/vc-observer/index.d.ts +1 -1
  44. package/dist/types-ts4.5/common/common/types.d.ts +4 -6
  45. package/dist/types-ts4.5/config/index.d.ts +0 -6
  46. package/dist/types-ts4.5/create-payload/common/utils/index.d.ts +0 -12
  47. package/dist/types-ts4.5/create-payload/index.d.ts +5660 -13
  48. package/dist/types-ts4.5/interaction-metrics/common/constants.d.ts +1 -31
  49. package/dist/types-ts4.5/interaction-metrics/index.d.ts +15 -4
  50. package/dist/types-ts4.5/load-hold/UFOLoadHold.d.ts +2 -1
  51. package/dist/types-ts4.5/trace-pageload/index.d.ts +0 -1
  52. package/dist/types-ts4.5/vc/vc-observer/index.d.ts +1 -1
  53. package/package.json +6 -4
  54. package/create-experimental-interaction-metrics-payload/package.json +0 -15
  55. package/dist/cjs/create-experimental-interaction-metrics-payload/index.js +0 -89
  56. package/dist/cjs/interaction-metrics/common/index.js +0 -151
  57. package/dist/es2019/create-experimental-interaction-metrics-payload/index.js +0 -67
  58. package/dist/es2019/interaction-metrics/common/index.js +0 -103
  59. package/dist/esm/create-experimental-interaction-metrics-payload/index.js +0 -81
  60. package/dist/esm/interaction-metrics/common/index.js +0 -132
  61. package/dist/types/create-experimental-interaction-metrics-payload/index.d.ts +0 -31
  62. package/dist/types/interaction-metrics/common/index.d.ts +0 -16
  63. package/dist/types-ts4.5/create-experimental-interaction-metrics-payload/index.d.ts +0 -31
  64. package/dist/types-ts4.5/interaction-metrics/common/index.d.ts +0 -16
@@ -1,33 +1,3 @@
1
- import type { InteractionMetrics, SegmentInfo } from '../../common';
2
- import type { FeatureFlagValue } from '../../feature-flags-accessed';
1
+ import type { InteractionMetrics } from '../../common';
3
2
  declare const interactions: Map<string, InteractionMetrics>;
4
- export declare const CLEANUP_TIMEOUT: number;
5
- export declare const CLEANUP_TIMEOUT_AFTER_APDEX: number;
6
- export type SegmentObserver = {
7
- onAdd: (segment: SegmentInfo) => void;
8
- onRemove: (segment: SegmentInfo) => void;
9
- };
10
- export declare const interactionQueue: {
11
- id: string;
12
- data: InteractionMetrics;
13
- }[];
14
- export declare const segmentCache: Map<string, SegmentInfo>;
15
- export declare const segmentObservers: SegmentObserver[];
16
- export declare const moduleLoadingRequests: Record<string, {
17
- start: number;
18
- timeoutId: ReturnType<typeof setTimeout> | number | undefined;
19
- }>;
20
- declare global {
21
- interface Window {
22
- __REACT_UFO_ENABLE_PERF_TRACING?: boolean;
23
- __UFO_COMPACT_PAYLOAD__?: boolean;
24
- __CRITERION__?: {
25
- addFeatureFlagAccessed?: (flagName: string, flagValue: FeatureFlagValue) => void;
26
- addUFOHold?: (id: string, name: string, labelStack: string, startTime: number) => void;
27
- removeUFOHold?: (id: string) => void;
28
- getFeatureFlagOverride?: (flagName: string) => boolean | undefined;
29
- getExperimentValueOverride?: <T>(experimentName: string, parameterName: string) => T;
30
- };
31
- }
32
- }
33
3
  export default interactions;
@@ -1,11 +1,10 @@
1
1
  import type { AbortReasonType, ApdexType, BM3Event, CustomData, CustomTiming, InteractionError, InteractionMetrics, InteractionType, LifecycleMarkType, LoadProfilerEventInfo, Mark, MarkType, PostInteractionLogOutput, ReactProfilerTiming, RequestInfo, Span, SpanType } from '../common';
2
- import { ExperimentalInteractionMetrics } from '../create-experimental-interaction-metrics-payload';
3
2
  import { type TraceIdContext } from '../experience-trace-id-context';
3
+ import { type FeatureFlagValue } from '../feature-flags-accessed';
4
4
  import type { LabelStack } from '../interaction-context';
5
5
  import PostInteractionLog from './post-interaction-log';
6
6
  export type { InteractionMetrics, LifecycleMarkType, Span, Mark, MarkType, InteractionType, AbortReasonType, ReactProfilerTiming, RequestInfo, ApdexType, CustomData, CustomTiming, InteractionError, };
7
7
  export declare const postInteractionLog: PostInteractionLog;
8
- export declare const experimentalInteractionLog: ExperimentalInteractionMetrics;
9
8
  export declare function getActiveInteraction(): InteractionMetrics | undefined;
10
9
  export declare function remove(interactionId: string): void;
11
10
  export declare function updatePageLoadInteractionName(ufoName: string, routeName?: string | null | undefined): void;
@@ -19,7 +18,7 @@ export declare function addSpanToAll(type: SpanType, name: string, labelStack: L
19
18
  export declare function addPreload(moduleId: string, timestamp: number): void;
20
19
  export declare function addLoad(identifier: string, start: number, end: number): void;
21
20
  export declare function extractModuleName(input: string): string;
22
- export declare function addHold(interactionId: string, labelStack: LabelStack, name: string, experimental: boolean): () => void;
21
+ export declare function addHold(interactionId: string, labelStack: LabelStack, name: string): () => void;
23
22
  export declare function addHoldByID(interactionId: string, labelStack: LabelStack, name: string, id: string, ignoreOnSubmit?: boolean): () => void;
24
23
  export declare function removeHoldByID(interactionId: string, id: string): void;
25
24
  export declare function getCurrentInteractionType(interactionId: string): InteractionType | null;
@@ -34,7 +33,6 @@ export declare function addError(interactionId: string, name: string, labelStack
34
33
  export declare function addErrorToAll(name: string, labelStack: LabelStack | null, errorType: string, errorMessage: string, errorStack?: string): void;
35
34
  export declare const addProfilerTimings: (interactionId: string, labelStack: LabelStack, type: 'mount' | 'update' | 'nested-update', actualDuration: number, baseDuration: number, startTime: number, commitTime: number) => void;
36
35
  export declare const sinkInteractionHandler: (sinkFn: (id: string, data: InteractionMetrics) => void) => void;
37
- export declare const sinkExperimentalHandler: (sinkFn: (interactionId: string, interaction: InteractionMetrics) => void | Promise<void>) => void;
38
36
  export declare const sinkPostInteractionLogHandler: (sinkFn: (output: PostInteractionLogOutput) => void | Promise<void>) => void;
39
37
  export declare function tryComplete(interactionId: string, endTime?: number): void;
40
38
  export declare function abort(interactionId: string, abortReason: AbortReasonType): void;
@@ -54,5 +52,18 @@ export declare function addRequestInfo(interactionId: string, labelStack: LabelS
54
52
  export declare function addSegment(labelStack: LabelStack): void;
55
53
  export declare function removeSegment(labelStack: LabelStack): void;
56
54
  export declare function addRedirect(interactionId: string, fromUfoName: string, nextUfoName: string, nextRouteName: string, time: number): void;
55
+ declare global {
56
+ interface Window {
57
+ __REACT_UFO_ENABLE_PERF_TRACING?: boolean;
58
+ __UFO_COMPACT_PAYLOAD__?: boolean;
59
+ __CRITERION__?: {
60
+ addFeatureFlagAccessed?: (flagName: string, flagValue: FeatureFlagValue) => void;
61
+ addUFOHold?: (id: string, name: string, labelStack: string, startTime: number) => void;
62
+ removeUFOHold?: (id: string) => void;
63
+ getFeatureFlagOverride?: (flagName: string) => boolean | undefined;
64
+ getExperimentValueOverride?: <T>(experimentName: string, parameterName: string) => T;
65
+ };
66
+ }
67
+ }
57
68
  export declare const interactionSpans: Span[];
58
69
  export declare function addCustomSpans(name: string, start: number, end?: number, size?: number, labelStack?: LabelStack): void;
@@ -19,7 +19,8 @@ import { type ReactNode } from 'react';
19
19
  * return (
20
20
  * <>
21
21
  * <Skeleton />
22
- * <UFOLoadHold name="card" />
22
+ * <UFOLoadHold name="card">
23
+ * </UFOLoadHold>
23
24
  * )
24
25
  * }
25
26
  * ```
@@ -1,3 +1,2 @@
1
- export declare const AWAITING_PAGELOAD_NAME = "awaiting_pageload_name";
2
1
  export default function traceUFOPageLoad(ufoName?: string | null | undefined, routeName?: string | null | undefined): void;
3
2
  export declare function updatePageloadName(ufoName: string, routeName?: string | null | undefined): void;
@@ -48,7 +48,7 @@ export declare class VCObserver {
48
48
  }): void;
49
49
  stop(): void;
50
50
  getAbortReasonInfo: () => string | null;
51
- getVCRawData: () => VCRawDataType | null;
51
+ getVCRawData: (stopTime?: number) => VCRawDataType | null;
52
52
  getIgnoredElements(componentsLog: ComponentsLogType): {
53
53
  targetName: string;
54
54
  ignoreReason: VCIgnoreReason | undefined;
@@ -63,7 +63,7 @@ export interface SegmentInfo {
63
63
  labelStack: LabelStack;
64
64
  }
65
65
  export interface CustomData {
66
- [key: string]: null | string | number | boolean | undefined | CustomData | Record<string, CustomData>;
66
+ [key: string]: null | undefined | string | number | boolean | undefined | CustomData | Record<string, CustomData>;
67
67
  }
68
68
  export type CustomTiming = Record<string, {
69
69
  startTime: number;
@@ -104,9 +104,7 @@ export interface InteractionMetrics {
104
104
  labelStack: LabelStack;
105
105
  })[];
106
106
  holdInfo: HoldInfo[];
107
- holdExpInfo: HoldInfo[];
108
107
  holdActive: Map<string, HoldActive>;
109
- holdExpActive: Map<string, HoldActive>;
110
108
  reactProfilerTimings: ReactProfilerTiming[];
111
109
  measureStart: number;
112
110
  rate: number;
@@ -117,11 +115,11 @@ export interface InteractionMetrics {
117
115
  abortReason?: AbortReasonType;
118
116
  abortedByInteractionName?: string;
119
117
  /**
120
- * Apdex is a legacy performance measurement where it is
118
+ * Apdex is legacy performance measurement where it is
121
119
  * capturing TTI at arbitrary point in the code (bm3/UFOv1)
122
120
  *
123
121
  * We are intercepting its values now just so we can use it for
124
- * topline metric, but should encourage teams to adopt TTAI
122
+ * topline metric, but should encourage teams adopt TTAI
125
123
  *
126
124
  * This field might be ignored/dropped in the future.
127
125
  */
@@ -166,7 +164,7 @@ export interface LazyLoadProfilerContext {
166
164
  addLoad(identifier: string, start: number, end: number): void;
167
165
  }
168
166
  export interface EnhancedUFOInteractionContextType extends UFOInteractionContextType, RelayMetricsRecorder, LazyLoadProfilerContext {
169
- _internalHold(labelStack: LabelStack, name: string, experimental: boolean): void | (() => void);
167
+ _internalHold(labelStack: LabelStack, name: string): void | (() => void);
170
168
  _internalHoldByID(labelStack: LabelStack, id: string, name: string, remove: boolean): void | (() => void);
171
169
  addHoldByID(labelStack: LabelStack, id: string, name?: string): void;
172
170
  removeHoldByID(labelStack: LabelStack, id: string, name?: string): void;
@@ -72,11 +72,6 @@ export type Config = {
72
72
  readonly rates?: Rates;
73
73
  readonly kind?: Record<InteractionType, number>;
74
74
  };
75
- readonly experimentalInteractionMetrics?: {
76
- readonly enabled?: boolean;
77
- readonly rates?: Rates;
78
- readonly kind?: Record<InteractionType, number>;
79
- };
80
75
  readonly enableSegmentHighlighting?: boolean;
81
76
  readonly enableAdditionalPerformanceMarks?: boolean;
82
77
  readonly shouldCalculateLighthouseMetricsFromTTAI?: boolean;
@@ -90,7 +85,6 @@ export type Config = {
90
85
  export declare function setUFOConfig(newConfig: Config): void;
91
86
  export declare function getConfig(): Config | undefined;
92
87
  export declare function getInteractionRate(name: string, interactionKind: InteractionKind): number;
93
- export declare function getExperimentalInteractionRate(name: string, interactionType: InteractionType): number;
94
88
  export declare function getPostInteractionRate(name: string, interactionType: InteractionType): number;
95
89
  export declare function getCapabilityRate(capability: Capability): number;
96
90
  declare const validTypingMethods: readonly [
@@ -1,5 +1,3 @@
1
- import type { InteractionMetrics } from '../../../common';
2
- import { type Config } from '../../../config';
3
1
  import type { LabelStack, SegmentLabel } from '../../../interaction-context';
4
2
  export type SegmentItem = {
5
3
  n: string;
@@ -17,13 +15,3 @@ export declare function optimizeLabelStack(labelStack: LabelStack): string | {
17
15
  s?: string | undefined;
18
16
  n: string;
19
17
  }[];
20
- export declare const getInteractionStatus: (interaction: InteractionMetrics) => {
21
- readonly originalInteractionStatus: "ABORTED" | "SUCCEEDED";
22
- readonly overrideStatus: "ABORTED" | "SUCCEEDED";
23
- };
24
- export declare const getPageVisibilityUpToTTAI: (interaction: InteractionMetrics) => import("../../../hidden-timing").PageVisibility;
25
- export declare const calculateVCMetrics: (interaction: InteractionMetrics, prefix: string, getVCResultFn: (props: any) => any) => any;
26
- export declare function getSSRDoneTimeValue(config: Config | undefined): number | undefined;
27
- export declare const getVCMetrics: (interaction: InteractionMetrics) => any;
28
- export declare const getExperimentalVCMetrics: (interaction: InteractionMetrics) => any;
29
- export declare const getTTAI: (interaction: InteractionMetrics) => number | undefined;