Code

Add <ViewTransition> Component#31975

Code

Merged

sebmarkbage merged 32 commits intofacebook:mainfacebook/react:mainfrom sebmarkbage:viewtransitionsebmarkbage/react:viewtransitionCopy head branch name to clipboardJan 8, 2025

+9,473-98

Commits

Commits on Jan 8, 2025

• Add Flag

  sebmarkbage

  committed
  867d341

  Copy full SHA for 867d341

• Add ViewTransition Component Type

  sebmarkbage

  committed
  b7f938a

  Copy full SHA for b7f938a

• Add View Transition fixture

  sebmarkbage

  committed
  5e79ee3

  Copy full SHA for 5e79ee3

• ViewTransitionComponent Fiber type

  sebmarkbage

  committed
  8ffa597

  Copy full SHA for 8ffa597

• Assign a stateful autogenerated name if an explicit one is not provided

  Show description for ec28bef
  sebmarkbage

  committed
  ec28bef

  Copy full SHA for ec28bef

• Add ViewTransitionStatic flag

  Show description for 7102ba1
  sebmarkbage

  committed
  7102ba1

  Copy full SHA for 7102ba1

• Use snapshot phase to find affected ViewTransitionComponents

  Show description for 73d0cc8
  sebmarkbage

  committed
  73d0cc8

  Copy full SHA for 73d0cc8

• Trigger enter/exit when switching between Offscreen modes

  sebmarkbage

  committed
  7dddece

  Copy full SHA for 7dddece

• Apply view transition name

  sebmarkbage

  committed
  4566bb9

  Copy full SHA for 4566bb9

• Restore view-transition-name after committing the transition

  Show description for c3904ed
  sebmarkbage

  committed
  c3904ed

  Copy full SHA for c3904ed

• Treat the name "auto" as the default auto-generated name

  sebmarkbage

  committed
  f610428

  Copy full SHA for f610428

• Measure size of ViewTransition bounding boxes before updates

  Show description for f435f02
  sebmarkbage

  committed
  f435f02

  Copy full SHA for f435f02

• Call startViewTransition

  Show description for 7f8efb3
  sebmarkbage

  committed
  7f8efb3

  Copy full SHA for 7f8efb3

• Track whether a committed update actually performed any mutations

  Show description for 0fef325
  sebmarkbage

  committed
  0fef325

  Copy full SHA for 0fef325

• Add AfterMutationPhase

  Show description for 916719a
  sebmarkbage

  committed
  916719a

  Copy full SHA for 916719a

• Cancel specific view transitions if they ended up unchanged after layout

  sebmarkbage

  committed
  a5bfbf6

  Copy full SHA for a5bfbf6

• Cancel the root transition when nothing inside it leaks

  sebmarkbage

  committed
  d33467b

  Copy full SHA for d33467b

• isInstanceInViewport -> wasInstanceInViewport

  Show description for b22b047
  sebmarkbage

  committed
  b22b047

  Copy full SHA for b22b047

• Cancel a transition if both old and new state are out of the viewport

  Show description for 957c64f
  sebmarkbage

  committed
  957c64f

  Copy full SHA for 957c64f

• Since we're visiting all updated view transition host instances in the after mutation phase we can assign the name there

  Show description for 6ab746e
  sebmarkbage

  committed
  6ab746e

  Copy full SHA for 6ab746e

• Track whether a ViewTransition Component was mounted with an explicit name

  Show description for f7613a3
  sebmarkbage

  committed
  f7613a3

  Copy full SHA for f7613a3

• Track appearing view transition components whether they were new or reappearing

  Show description for 225e2ce
  sebmarkbage

  committed
  225e2ce

  Copy full SHA for 225e2ce

• Pair deleted ViewTransitions with the newly inserted ViewTransitions with the same names

  sebmarkbage

  committed
  44ab49c

  Copy full SHA for 44ab49c

• Assign names to paired new states

  sebmarkbage

  committed
  260b23b

  Copy full SHA for 260b23b

• Restore those pairs after the animation starts

  sebmarkbage

  committed
  46d5486

  Copy full SHA for 46d5486

• Move commitEnterViewTransitions to the after mutation phase

  Show description for ad92c62
  sebmarkbage

  committed
  ad92c62

  Copy full SHA for ad92c62

• Don't bother applying transitions to enter/exit that are outside the viewport

  Show description for a54c8b0
  sebmarkbage

  committed
  a54c8b0

  Copy full SHA for a54c8b0

• Don't pair up named transitions if one side of out of the viewport

  Show description for 4275b51
  sebmarkbage

  committed
  4275b51

  Copy full SHA for 4275b51

• Add button to fixture

  sebmarkbage

  committed
  bcf40a7

  Copy full SHA for bcf40a7

• Update fixtures/view-transition/README.md

  Show description for 225ee01
  

  sebmarkbage

  and

  eps1lon

  committed
  225ee01

  Copy full SHA for 225ee01

• Use a different namespace from useId to avoid conflict with facebook#32001

  sebmarkbage

  committed
  cb3f0c6

  Copy full SHA for cb3f0c6

• Fix measurement bug

  Show description for 7f587b3
  sebmarkbage

  committed
  7f587b3

  Copy full SHA for 7f587b3