Mark shouldStartViewTransition as true when there's an enter animation (#32764)

Typically we mark the name of things that might animate in the snapshot
phase. At the same time we track that should call startViewTransition
too. However, we don't do this for "enter" since they're only marked
later. Leading to having just an "enter" not to animate unless there's
at least another update too.

This tracks if there's a ViewTransitionComponent in the tree that
enters. Luckily we know that from the static flag so we don't have to
traverse it.

DiffTrain build for [4280563](4280563)

Author: sebmarkbage

compiled/facebook-www/REVISION

@@ -1 +1 @@
-3e88e97c116c7a1535976f2d4486bbf345476443
+4280563b04898baad423dc7d0f8b0dfea3b1797a

compiled/facebook-www/REVISION_TRANSFORMS

@@ -1 +1 @@
-3e88e97c116c7a1535976f2d4486bbf345476443
+4280563b04898baad423dc7d0f8b0dfea3b1797a

compiled/facebook-www/React-dev.classic.js

@@ -1511,7 +1511,7 @@ __DEV__ &&
     exports.useTransition = function () {
       return resolveDispatcher().useTransition();
     };
-    exports.version = "19.1.0-www-classic-3e88e97c-20250326";
+    exports.version = "19.1.0-www-classic-4280563b-20250326";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/React-dev.modern.js

@@ -1511,7 +1511,7 @@ __DEV__ &&
     exports.useTransition = function () {
       return resolveDispatcher().useTransition();
     };
-    exports.version = "19.1.0-www-modern-3e88e97c-20250326";
+    exports.version = "19.1.0-www-modern-4280563b-20250326";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/React-prod.classic.js

@@ -624,4 +624,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.1.0-www-classic-3e88e97c-20250326";
+exports.version = "19.1.0-www-classic-4280563b-20250326";

compiled/facebook-www/React-prod.modern.js

@@ -624,4 +624,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.1.0-www-modern-3e88e97c-20250326";
+exports.version = "19.1.0-www-modern-4280563b-20250326";

compiled/facebook-www/React-profiling.classic.js

@@ -628,7 +628,7 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.1.0-www-classic-3e88e97c-20250326";
+exports.version = "19.1.0-www-classic-4280563b-20250326";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/React-profiling.modern.js

@@ -628,7 +628,7 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.1.0-www-modern-3e88e97c-20250326";
+exports.version = "19.1.0-www-modern-4280563b-20250326";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/ReactART-dev.classic.js

@@ -10432,6 +10432,10 @@ __DEV__ &&
           );
       }
     }
+    function trackEnterViewTransitions(placement) {
+      if (30 === placement.tag || 0 !== (placement.subtreeFlags & 33554432))
+        shouldStartViewTransition = !0;
+    }
     function applyViewTransitionToHostInstancesRecursive(
       child,
       name,
@@ -10441,10 +10445,10 @@ __DEV__ &&
     ) {
       for (var inViewport = !1; null !== child; ) {
         if (5 === child.tag)
-          (shouldStartViewTransition = !0),
-            null !== collectMeasurements
-              ? (collectMeasurements.push(null), (inViewport = !0))
-              : inViewport || (inViewport = !0);
+          null !== collectMeasurements
+            ? (collectMeasurements.push(null), (inViewport = !0))
+            : inViewport || (inViewport = !0),
+            (shouldStartViewTransition = !0);
         else if (22 !== child.tag || null === child.memoizedState)
           (30 === child.tag && stopAtNestedViewTransitions) ||
             (applyViewTransitionToHostInstancesRecursive(
@@ -10639,7 +10643,8 @@ __DEV__ &&
           null === committedLanes.alternate &&
           0 !== (committedLanes.flags & 2)
         )
-          commitBeforeMutationEffects_complete(root);
+          root && trackEnterViewTransitions(committedLanes),
+            commitBeforeMutationEffects_complete(root);
         else {
           if (enableViewTransition && 22 === committedLanes.tag)
             if (
@@ -10653,6 +10658,7 @@ __DEV__ &&
               commitBeforeMutationEffects_complete(root);
               continue;
             } else if (null !== deletions && null !== deletions.memoizedState) {
+              root && trackEnterViewTransitions(committedLanes);
               commitBeforeMutationEffects_complete(root);
               continue;
             }
@@ -18194,10 +18200,10 @@ __DEV__ &&
     (function () {
       var internals = {
         bundleType: 1,
-        version: "19.1.0-www-classic-3e88e97c-20250326",
+        version: "19.1.0-www-classic-4280563b-20250326",
         rendererPackageName: "react-art",
         currentDispatcherRef: ReactSharedInternals,
-        reconcilerVersion: "19.1.0-www-classic-3e88e97c-20250326"
+        reconcilerVersion: "19.1.0-www-classic-4280563b-20250326"
       };
       internals.overrideHookState = overrideHookState;
       internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -18231,7 +18237,7 @@ __DEV__ &&
     exports.Shape = Shape;
     exports.Surface = Surface;
     exports.Text = Text;
-    exports.version = "19.1.0-www-classic-3e88e97c-20250326";
+    exports.version = "19.1.0-www-classic-4280563b-20250326";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/ReactART-dev.modern.js

@@ -10250,6 +10250,10 @@ __DEV__ &&
           );
       }
     }
+    function trackEnterViewTransitions(placement) {
+      if (30 === placement.tag || 0 !== (placement.subtreeFlags & 33554432))
+        shouldStartViewTransition = !0;
+    }
     function applyViewTransitionToHostInstancesRecursive(
       child,
       name,
@@ -10259,10 +10263,10 @@ __DEV__ &&
     ) {
       for (var inViewport = !1; null !== child; ) {
         if (5 === child.tag)
-          (shouldStartViewTransition = !0),
-            null !== collectMeasurements
-              ? (collectMeasurements.push(null), (inViewport = !0))
-              : inViewport || (inViewport = !0);
+          null !== collectMeasurements
+            ? (collectMeasurements.push(null), (inViewport = !0))
+            : inViewport || (inViewport = !0),
+            (shouldStartViewTransition = !0);
         else if (22 !== child.tag || null === child.memoizedState)
           (30 === child.tag && stopAtNestedViewTransitions) ||
             (applyViewTransitionToHostInstancesRecursive(
@@ -10457,7 +10461,8 @@ __DEV__ &&
           null === committedLanes.alternate &&
           0 !== (committedLanes.flags & 2)
         )
-          commitBeforeMutationEffects_complete(root);
+          root && trackEnterViewTransitions(committedLanes),
+            commitBeforeMutationEffects_complete(root);
         else {
           if (enableViewTransition && 22 === committedLanes.tag)
             if (
@@ -10471,6 +10476,7 @@ __DEV__ &&
               commitBeforeMutationEffects_complete(root);
               continue;
             } else if (null !== deletions && null !== deletions.memoizedState) {
+              root && trackEnterViewTransitions(committedLanes);
               commitBeforeMutationEffects_complete(root);
               continue;
             }
@@ -17966,10 +17972,10 @@ __DEV__ &&
     (function () {
       var internals = {
         bundleType: 1,
-        version: "19.1.0-www-modern-3e88e97c-20250326",
+        version: "19.1.0-www-modern-4280563b-20250326",
         rendererPackageName: "react-art",
         currentDispatcherRef: ReactSharedInternals,
-        reconcilerVersion: "19.1.0-www-modern-3e88e97c-20250326"
+        reconcilerVersion: "19.1.0-www-modern-4280563b-20250326"
       };
       internals.overrideHookState = overrideHookState;
       internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -18003,7 +18009,7 @@ __DEV__ &&
     exports.Shape = Shape;
     exports.Surface = Surface;
     exports.Text = Text;
-    exports.version = "19.1.0-www-modern-3e88e97c-20250326";
+    exports.version = "19.1.0-www-modern-4280563b-20250326";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&