React UFO for Atlaskit

Parts of React UFO that need to be scoped within @atlaskit

https://hello.atlassian.net/wiki/spaces/UFO/blog/2022/12/16/2280380649/react-UFO+A+deeper+understanding+of+performance

https://hello.atlassian.net/wiki/spaces/UFO/pages/2305847386/react-ufo+UFO+v2

Running integration test

In one terminal:

cd platform && nvm use && yarn
yarn start:rspack react-ufo

This will start the dev server, accessible via http://localhost:9000.

Then in a separate terminal:

cd platform && nvm use
yarn test:integration packages/react-ufo/atlaskit/__tests__/ --retries 0 --reporter list --reuse-dev-server --project=desktop-chromium --max-failures=0

To ensure the test is not flaky, refer to the following page: HOWTO: Fix & remove flaky tests

Essentially, to simulate CI-like environment in local for Playwright to parallelise load, we can increase the following:

• The number of times to repeat each test
• The number of workers

Example:

yarn test:integration packages/react-ufo/atlaskit/__tests__/playwright/base.spec.ts --retries 0 --reporter list --reuse-dev-server --project=desktop-chromium --max-failures=0 --repeat-each 50 --workers 50

@atlaskit/ufo-interaction-ignore

3.13.0

Minor Changes

• #156673 27ecf5244d858 - Added API to account for page layout in VC calculation

3.12.5

Patch Changes

• #156815 a6856b45ef58f - make ttvc v3 more debugable

3.12.4

Patch Changes

• #156458 98659a9117f77 - FG cleanup - platform_ufo_post_interaction_use_vc_rev

3.12.3

Patch Changes

• #155959 eeaa8485061ce - Add further error handling to CPU monitoring logic

3.12.2

Patch Changes

• #152526 418c1f18e4a6e - FG cleanup for platform_ufo_set_event_failed_status_in_client and platform_ufo_ignore_bm3_tti_event_status

3.12.1

Patch Changes

• #155148 ae195d27027a7 - [HOT-117381] Remove circular dependency on HTMLElement by using an array of WeakRef

3.12.0

Minor Changes

• #155304 8208673d5be30 - add CPU usage metrics as part of UFO payload

3.11.2

Patch Changes

• #153697 e513d2cda4042 - AFO-3823 improve VCObserver stop() performance

3.11.1

Patch Changes

• #154164 59249901f5291 - align logic for UFO events and watchdog event

3.11.0

Minor Changes

• #152178 b61bda55f25b4 - Enable TTVC revision logic by experience

3.10.4

Patch Changes

• #152686 d4b943e998cff - AFO-3823 improve VCObserverNew perf overhead

3.10.3

Patch Changes

• #148578 d0ee548642b3e - Use ufo:vc:rev for late mutations post interaction log

3.10.2

Patch Changes

• #151997 d8723519dfff4 - Fix memory leak on TTVC v3

3.10.1

Patch Changes

• #150909 3fca421422bb6 - FF cleanup - platform_ufo_vc_observer_new
• #150909 568e2ae966df9 - FF cleanup - platform_ufo_vc_observer_new

3.10.0

Minor Changes

• #150556 b6a8637092517 - Add VC abort reason per TTVC revision

3.9.5

Patch Changes

• #149485 e496da2bdb127 - AFO-3615 cleanup fg platform_ufo_log_attr_mutation_values

3.9.4

Patch Changes

• #148802 47aa048599ddc - FF cleanup - ufo_capture_stylesheet_metrics

3.9.3

Patch Changes

• #149225 212d1bc6cd2a7 - set the FAILED status client side, and ignore BM3 TTI event status
• #148864 93b2b5271da55 - FF cleanup: platform_ufo_custom_data_structured_clone

3.9.2

Patch Changes

• #149337 cf5be62e3c4a3 - clean up fg platform_ufo_vc_ttai_on_paint
• #148259 5504072998c27 - Fixed a performance regression in SPA transitions when feature gate 'platform_ufo_no_vc_on_aborted' is enabled. The issue was caused by not properly stopping the VC observer when returning early for aborted/invisible interactions, which led to background observer processes interfering with subsequent interactions. The fix ensures proper cleanup of the VC observer in all code paths.

3.9.1

Patch Changes

• #147978 af8b516786ee8 - FF cleanup ufo-calc-speed-index

3.9.0

Minor Changes

• #147017 cd0798d2a9a3d - Enable VC revisions by UFO config

3.8.0

Minor Changes

• #146843 34bd7506b5f71 - remove editor LNV handling, since we already have TTVC v3

3.7.0

Minor Changes

• #144155 328fc686d8e34 - Added inp and input delay to React UFO press interactions

3.6.7

Patch Changes

• #146024 f796438651e2d - copy UFO custom data via structuredClone, instead of passing the object directly

3.6.6

Patch Changes

• #144081 ef2a781b069a3 - FF cleanup - ufo_support_other_resource_type_js

3.6.5

Patch Changes

• #145191 cd21ebedb9a08 - Internal change to move towards Compiled CSS-in-JS styling.

3.6.4

Patch Changes

• #144654 f01bae7a69fc9 - remove withProfiling wrappers for intersection observer callbacks

3.6.3

Patch Changes

• #141647 66f1d049bd2ea - cleanup ff platform_ufo_vc_fix_ignore_image_mutation
• #143633 16db0c6d6329c - FF cleanup - enable-react-ufo-payload-segment-compressed

3.6.2

Patch Changes

• #143078 194c184c53045 - FF cleanup - platform-ufo-add-segment-use-effect and ufo_chr_config

3.6.1

Patch Changes

• #142398 0f2c78fab5f90 - FF cleanup - platform_editor_ed-25937_ignore_mutations_for_ttvc
• #142273 21456ac374d24 - AFO-3610 cleanup ff platform_ufo_vc_ignore_same_value_mutation

3.6.0

Minor Changes

• #142786 056a68c075470 - Added check before applying filter to postInteractionFinshVCUpdates

3.5.3

Patch Changes

• #141178 c85827a02e305 - clean up fg platform_ufo_vc_filter_ignored_items

3.5.2

Patch Changes

• #140777 8fa57c7e71b24 - Filtering out assets with NaN values reported as file size

3.5.1

Patch Changes

• #140795 e1887df1f2005 - FF cleanup - platform_ufo_ssr_placeholder_round_rect_size_check
• #141104 186bbb54cfa80 - ff clean up
• #141125 489dcb094d563 - FF cleanup - platform_ufo_fix_vc_observer_rounding_error

3.5.0

Minor Changes

• #137917 fc0581899e9ff - add self profiling to internal functions

3.4.14

Patch Changes

• #136647 9d50aee5de4c6 - Fix bug on ufo:vc:dom that would include element selector that is ignored

3.4.13

Patch Changes

• #136326 df5ce1960f52f - add null check for vc90 result

3.4.12

Patch Changes

• #134926 707705f102735 - clean up platform_ufo_fix_v2_reported_vc90 FG

3.4.11

Patch Changes

• #134206 073d4d11dd3d6 - add FG to disable TTVC v1 calculations

3.4.10

Patch Changes

• #134112 b993bf17b9c1b - Ignore same value attribute mutation

3.4.9

Patch Changes

• #134300 5fb9bf529d095 - SSR placeholder rectangle size comparison to ignore decimal places

3.4.8

Patch Changes

• #133350 9873ae0c37080 - clean up LCP featrue flags

3.4.7

Patch Changes

• #132798 b337a06491cd8 - fix page visibility check on VC observer

3.4.6

Patch Changes

• #131564 e4cc2be4d7e50 - Fix get element name to use data vc by default unless specifically disabled

3.4.5

Patch Changes

• #130268 597d9e0c5582d - use requestIdleCallback for payload creation if its available

3.4.4

Patch Changes

• #127813 8b9582e990f11 - Adding additional check to ensure that process variable is defined

3.4.3

Patch Changes

• #127288 ee26211b6cd7a - Optimisation for VC v3

3.4.2

Patch Changes

• #126657 801d3cfb7f8d0 - Added LCP to page load events

3.4.1

Patch Changes

• #124988 fa5bc92ae734d - Deduplicate nth-child(n) selectors produced by TTVC v3 debug info

3.4.0

Minor Changes

• #124334 419c4451a0c0f - Updated assets config to include different types of requests

3.3.3

Patch Changes

• #123538 2dd75c16ca0c4 - fix handling of potentially invalid selectors in TTVC v3

3.3.2

Patch Changes

• #122448 e3c0eec530ab2 - do not produce VC info on failed, aborted, or non active tab events

3.3.1

Patch Changes

• #122115 b39ca387a9eb6 - Remove VC multiheatmap FG

3.3.0

Minor Changes

• #120083 25a022df71ba2 - add UFO devtools chrome extension api for more events

3.2.0

Minor Changes

• #121664 20d171c15fa73 - Adding foundations for TTVC v3

3.1.4

Patch Changes

• #121016 1e57491bd2e34 - Allowing 'other' type of requests with .js to have information of cache calculated

3.1.3

Patch Changes

• #120623 c225bc1a5daf7 - fix ufo labelstack formatting by version

3.1.2

Patch Changes

• #119178 f0b97fc480d38 - dedupe DOM element selectors within VC debug data
• #119697 62268803ec9e6 - refactor logic to get react ufo version

3.1.1

Patch Changes

• #119087 24baefc255cbc - Rename revision name

3.1.0

Minor Changes

• #118212 7a1ec3e0fb496 - Updating logic to track resource timings to include 'other' type which includes '.js'

3.0.0

Major Changes

• #117363 10a0f7f6c2027 - This package's peerDependencies have been adjusted for react and/or react-dom to reflect the status of only supporting React 18 going forward. No explicit breaking change to React support has been made in this release, but this is to signify going forward, breaking changes for React 16 or React 17 may come via non-major semver releases.

  Please refer this community post for more details: https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026

Patch Changes

• #117324 921179f5ee66d - Remove FG from CHR API
• Updated dependencies

2.16.1

Patch Changes

• #116098 9650ffb0c42b2 - Revert: [AFO-3379] Make the DefaultInteractionID trully global across multiple bundles

  Impact

  No impact since the flag was never rolled out

2.16.0

Minor Changes

• #109616 5feb3a695a6d9 - Add Assets API to rUFO

2.15.0

Minor Changes

• #115462 17a3ace9d5f67 - Moved addSegment to useEffect to prevent it added multiple times when running on concurrent mode

Patch Changes

• Updated dependencies

2.14.3

Patch Changes

• #112416 7bc761ae449f4 - VC ratio calculation precision fix

2.14.2

Patch Changes

• Updated dependencies

2.14.1

Patch Changes

• #109596 496dea881c42e - [AFO-3379] Make the DefaultInteractionID trully global across multiple bundles

2.14.0

Minor Changes

• #109060 4660ec858a305 - Update React from v16 to v18

Patch Changes

• Updated dependencies

2.13.0

Minor Changes

• #106329 251d8f2b8d4a9 - Added ufo:vc:next:dom field to payload

2.12.2

Patch Changes

• #106016 67c5f043b34d8 - mark VCNext metrics on perf timeline

2.12.1

Patch Changes

• #105652 6b7f41a93ff25 - add ufo:vc:next:entries to payload

2.12.0

Minor Changes

• #99207 59963df2ae2f3 - Experimental UFO holds

Patch Changes

• Updated dependencies

2.11.0

Minor Changes

• #103452 4bd40c1e5fb42 - Replaced feature gate for editor lazy node view with config option

2.10.0

Minor Changes

• #103488 1081d09eb1d4b - Add API to support SSR whitelist for NIN

2.9.0

Minor Changes

• #101686 e26a94f833e02 - Add fallback error handling for check element visibility VC calculation logic

2.8.2

Patch Changes

• #101605 26580d858329c - Adjust logic on when to apply getBoundingClientRect check for target rect - handle dummy rect

2.8.1

Patch Changes

• #98925 4c9eae0d55227 - Adjust logic on when to apply getBoundingClientRect check for target rect

2.8.0

Minor Changes

• #182829 38eb19b4da809 - Revert Experimental UFO holds

Patch Changes

• Updated dependencies

2.7.0

Minor Changes

• #179617 755cc79765ae8 - Added API to support SSR whitelist

2.6.0

Minor Changes

• #180750 a876090daed20 - Experimental UFO holds the third iteration

Patch Changes

• Updated dependencies

2.5.3

Patch Changes

• #179859 3685feff446c1 - Use getBoundingClientRect instead of value from intersectionObserver for the purpose of checking layout shift for SSR placeholders.

2.5.2

Patch Changes

• #179378 0c54148687bda - move filtering of components log to allow for ufo:vc:next observation

2.5.1

Patch Changes

• #172505 e43cba2a879aa - Remove explicit jest extension with .toBeAccessible matcher

2.5.0

Minor Changes

• #176642 66ae71c3d1e72 - Revert "AFO-3080: NO-ISSUE Experimental UFO holds and TTAI - 2nd iteration"

Patch Changes

• #174793 abbfbb3b49665 - remove VC observations after TTAI
• Updated dependencies

2.4.7

Patch Changes

• #175818 1401a5646d271 - Add experimentalTTAI and experimentalVC90 to custom.post-interaction-log
• #173211 202bc8df0c75a - Experimental UFO holds, VC90 and TTAI metrics
• #175826 b5c5bf59d1cff - add rate limiting to experimental interaction metrics

2.4.6

Patch Changes

• #174829 381735c03773b - add ufo: prefix to error count and stylesheet count metrics
• #174760 0c5bbf0079bee - Remove display style attribute mutation check

2.4.5

Patch Changes

• #172240 db973dafd5ae2 - correctly feature flag and optimise buildSegmentTree function
• #172231 de6f706c54af6 - [ED-25937] Skip TTVC calculation from changes that comes from the Editor container

2.4.4

Patch Changes

• a03da52505965 - Remove the flag from test files as well as its not present on LD or Statsig

2.4.3

Patch Changes

• #171491 85cd3e428869a - observe attributes VC90 impact via ufo:vc:next

2.4.2

Patch Changes

• #171586 abec7f72a0d71 - add experimental as a noop prop to UFO hold

2.4.1

Patch Changes

• #170689 960d36f94739d - [React UFO] Fix sessionStorage no access error

2.4.0

Minor Changes

• #169410 70969d8e13353 - Optimising React UFO payload size by referncing segments tree

2.3.3

Patch Changes

• #169231 bf7c1455e4d57 - allow for custom VC abort reasons

2.3.2

Patch Changes

• #167556 63da6ebbd7549 - add try catch to sessionStorage access within ufo init script

2.3.1

Patch Changes

• #166517 c50bc0f9a3564 - Add VC calculations for without invisible elements

2.3.0

Minor Changes

• #164782 1be7ad59ff332 - fixing ssr attribute in vc observer config

2.2.3

Patch Changes

• #163513 740148acc161b - add feature flag override support for Criterion

2.2.2

Patch Changes

• #160261 f147e45fb1a5a - Extends VC90 detector to include editor lazy node view accomodations

2.2.1

Patch Changes

• #162445 19a11c825b2fe - enable additional performance marks in performance tab

2.2.0

Minor Changes

• #160594 4a91df26ce837 - Capture Style display changes

2.1.0

Minor Changes

• #160884 52e16a1e398bf - Exposing VC Media Wrapper Props object

Patch Changes

• #160884 52e16a1e398bf - Renamed entry point for VC Media export

2.0.9

Patch Changes

• #154926 33fd71f8d4196 - Reporting VC with HTML attributes updates as separate field

2.0.8

Patch Changes

• #159176 b682bf3a24cd4 - Remove include_node_counts_in_ttvc_metric and no_ssr_placeholder_check_when_not_intersecting

2.0.7

Patch Changes

• #155785 0c6d7f8285d34 - moved atlaskit ufo-interaction-ignore to atlaskit/react-ufo

2.0.6

Patch Changes

• #157418 e6939ccf435a3 - Add payload size as part of UFO payload

2.0.5

Patch Changes

• #158480 fcbd1c4e6293b - Sending custom.post-interaction-log event for certain Perf Push experiences

2.0.4

Patch Changes

• #157826 cd0465f950cb6 - Added count of network calls

2.0.3

Patch Changes

• #157758 0a582096048e6 - add vc clean field to post interaction log

2.0.2

Patch Changes

• #157063 e710d292f8921 - manually track mount phase in UFO segments

2.0.1

Patch Changes

• #156904 285da5f8a4b0b - use weakref for VC observer debug elements

2.0.0

Major Changes

• #156392 c4b79c6ef2fe1 - previous update should've been a major version, this update is a patch however for fixing late mutation logic

Minor Changes

• #156171 cac81bd740336 - Re-exporting atlaskit/react-ufo within atlassian/react-ufo

Patch Changes

• #156442 e74a468fad66a - add switch for compact payload
• #156476 c06bb2cd9e5d1 - make time window for late mutations and rerenders to be configurable

1.1.0

Minor Changes

• #155735 e5a96535fa143 - addCustomSpans accepts optional custom LabelStak object

1.0.1

Patch Changes

• #151377 3c4d80ac5a938 - use @atlaskit/react-ufo custom spans within @atlassian/react-ufo create payload

1.0.0

Major Changes

• #150292 98a2d26a620c5 - new package for parts of react ufo that need to be atlaskit scoped

1.3.2

Patch Changes

• #141583 2573c7152094d - Package.json dependecies update

1.3.1

Patch Changes

• #134143 d39c874b29fbb - Support team reassigning and clearing out unused packages in

1.3.0

Minor Changes

• #133335 45749cd6f091e - Rexporting separate packages to the consolidated one

1.2.0

Minor Changes

• #127511 db30e29344013 - Widening range of react and react-dom peer dependencies from ^16.8.0 || ^17.0.0 || ~18.2.0 to the wider range of ^16.8.0 || ^17.0.0 || ^18.0.0` (where applicable).

  This change has been done to enable usage of `react@18.3as well as to have a consistent peer dependency range forreactandreact-domfor/platform` packages.

1.1.2

Patch Changes

• #120008 044c4997c2aaf - Upgrading react version to 18

1.1.1

Patch Changes

• #101141 3af71d3c80fd - add afm-jira tsconfig for jira consumption

1.1.0

Minor Changes

• #88895 a48b908e2bf6 - Add integration of React UFO to not hold react-ufo measurement when media is not in viewport