Add Commit Scaffolding for Gestures (#32451)

This adds a `ReactFiberApplyGesture` which is basically intended to be a
fork of the phases in `ReactFiberCommitWork` except for the fake commit
that `useSwipeTransition` does. So far none of the phases are actually
implemented yet. This is just the scaffolding around them so I can fill
them in later.

The important bit is that we call `startViewTransition` (via the
`startGestureTransition` Config) when a gesture starts. We add a paused
animation to prevent the transition from committing (even if the
ScrollTimeline goes to 100%). This also locks the documents so that we
can't commit any other Transitions until it completes.

When the gesture completes (scroll end) then we stop the gesture View
Transition. If there's no new work scheduled we do that immediately but
if there was any new work already scheduled, then we assume that this
will potentially commit the new state. So we wait for that to finish.
This lets us lock the animation in its state instead of snapping back
and then applying the real update.

Using this technique we can't actually run a View Transition from the
current state to the actual committed state because it would snap back
to the beginning and then run the View Transition from there. Therefore
any new commit needs to skip View Transitions even if it should've
technically animated to that state. We assume that the new state is the
same as the optimistic state you already swiped to. An alternative to
this technique could be to commit the optimistic state when we cancel
and then apply any new updates o top of that. I might explore that in
the future.

Regardless it's important that the `action` associated with the swipe
schedules some work before we cancel. Otherwise it risks reverting
first. So I had to update this in the fixture.

DiffTrain build for [3607f48](3607f48)

Author: sebmarkbage

compiled-rn/VERSION_NATIVE_FB

@@ -1 +1 @@
-19.1.0-native-fb-92e65ca6-20250225
+19.1.0-native-fb-3607f483-20250227

compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-dev.js

@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<56436c579d87368984d7eb14c779d096>>
+ * @generated SignedSource<<0155acee191910091deb8961e6d1a605>>
  */
 
 "use strict";
@@ -404,5 +404,5 @@ __DEV__ &&
     exports.useFormStatus = function () {
       return resolveDispatcher().useHostTransitionStatus();
     };
-    exports.version = "19.1.0-native-fb-92e65ca6-20250225";
+    exports.version = "19.1.0-native-fb-3607f483-20250227";
   })();

compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-prod.js

@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<e4b9cf98d3b16cc2b748b73213bfc465>>
+ * @generated SignedSource<<043ca5876df60de73faa86f59a7977d2>>
  */
 
 "use strict";
@@ -203,4 +203,4 @@ exports.useFormState = function (action, initialState, permalink) {
 exports.useFormStatus = function () {
   return ReactSharedInternals.H.useHostTransitionStatus();
 };
-exports.version = "19.1.0-native-fb-92e65ca6-20250225";
+exports.version = "19.1.0-native-fb-3607f483-20250227";

compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-profiling.js

@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<e4b9cf98d3b16cc2b748b73213bfc465>>
+ * @generated SignedSource<<043ca5876df60de73faa86f59a7977d2>>
  */
 
 "use strict";
@@ -203,4 +203,4 @@ exports.useFormState = function (action, initialState, permalink) {
 exports.useFormStatus = function () {
   return ReactSharedInternals.H.useHostTransitionStatus();
 };
-exports.version = "19.1.0-native-fb-92e65ca6-20250225";
+exports.version = "19.1.0-native-fb-3607f483-20250227";

compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-dev.js

@@ -7,7 +7,7 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<8c4f6be6880b7120a83f6c67762cf32a>>
+ * @generated SignedSource<<c3749b89cd430e0eba1a46dbbe34b22d>>
  */
 
 /*
@@ -11949,7 +11949,7 @@ function flushSpawnedWork() {
     0 !== (finishedWork.flags & 10256)
       ? (pendingEffectsStatus = 5)
       : ((pendingEffectsStatus = 0),
-        (pendingEffectsRoot = null),
+        (pendingFinishedWork = pendingEffectsRoot = null),
         releaseRootPooledCache(root, root.pendingLanes));
     var remainingLanes = root.pendingLanes;
     0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null);
@@ -11996,13 +11996,81 @@ function flushSpawnedWork() {
     flushSyncWorkAcrossRoots_impl(0, !1);
   }
 }
+function flushGestureMutations() {
+  if (6 === pendingEffectsStatus) {
+    pendingEffectsStatus = 0;
+    var root = pendingEffectsRoot,
+      prevTransition = ReactSharedInternals.T;
+    ReactSharedInternals.T = null;
+    var previousPriority = ReactDOMSharedInternals.p;
+    ReactDOMSharedInternals.p = 2;
+    var prevExecutionContext = executionContext;
+    executionContext |= 4;
+    try {
+      var rootContainer = root.containerInfo,
+        documentElement =
+          9 === rootContainer.nodeType
+            ? rootContainer.documentElement
+            : rootContainer.ownerDocument.documentElement;
+      null !== documentElement &&
+        "" === documentElement.style.viewTransitionName &&
+        ((documentElement.style.viewTransitionName = "none"),
+        documentElement.animate(
+          { opacity: [0, 0], pointerEvents: ["none", "none"] },
+          {
+            duration: 0,
+            fill: "forwards",
+            pseudoElement: "::view-transition-group(root)"
+          }
+        ),
+        documentElement.animate(
+          { width: [0, 0], height: [0, 0] },
+          { duration: 0, fill: "forwards", pseudoElement: "::view-transition" }
+        ));
+    } finally {
+      (executionContext = prevExecutionContext),
+        (ReactDOMSharedInternals.p = previousPriority),
+        (ReactSharedInternals.T = prevTransition);
+    }
+    pendingEffectsStatus = 7;
+  }
+}
 function releaseRootPooledCache(root, remainingLanes) {
   0 === (root.pooledCacheLanes &= remainingLanes) &&
     ((remainingLanes = root.pooledCache),
     null != remainingLanes &&
       ((root.pooledCache = null), releaseCache(remainingLanes)));
 }
 function flushPendingEffects(wasDelayedCommit) {
+  flushGestureMutations();
+  flushGestureMutations();
+  if (7 === pendingEffectsStatus) {
+    pendingEffectsStatus = 0;
+    var root = pendingEffectsRoot;
+    pendingFinishedWork = pendingEffectsRoot = null;
+    pendingEffectsLanes = 0;
+    var prevTransition = ReactSharedInternals.T;
+    ReactSharedInternals.T = null;
+    var previousPriority = ReactDOMSharedInternals.p;
+    ReactDOMSharedInternals.p = 2;
+    var prevExecutionContext = executionContext;
+    executionContext |= 4;
+    try {
+      var rootContainer = root.containerInfo,
+        documentElement =
+          9 === rootContainer.nodeType
+            ? rootContainer.documentElement
+            : rootContainer.ownerDocument.documentElement;
+      null !== documentElement &&
+        "none" === documentElement.style.viewTransitionName &&
+        (documentElement.style.viewTransitionName = "");
+    } finally {
+      (executionContext = prevExecutionContext),
+        (ReactDOMSharedInternals.p = previousPriority),
+        (ReactSharedInternals.T = prevTransition);
+    }
+    ensureRootIsScheduled(root);
+  }
   flushMutationEffects();
   flushLayoutEffects();
   flushSpawnedWork();
@@ -12024,7 +12092,7 @@ function flushPassiveEffects() {
     var root$jscomp$0 = pendingEffectsRoot,
       lanes = pendingEffectsLanes;
     pendingEffectsStatus = 0;
-    pendingEffectsRoot = null;
+    pendingFinishedWork = pendingEffectsRoot = null;
     pendingEffectsLanes = 0;
     if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(331));
     var prevExecutionContext = executionContext;
@@ -12465,20 +12533,20 @@ function extractEvents$1(
   }
 }
 for (
-  var i$jscomp$inline_1539 = 0;
-  i$jscomp$inline_1539 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1539++
+  var i$jscomp$inline_1563 = 0;
+  i$jscomp$inline_1563 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1563++
 ) {
-  var eventName$jscomp$inline_1540 =
-      simpleEventPluginEvents[i$jscomp$inline_1539],
-    domEventName$jscomp$inline_1541 =
-      eventName$jscomp$inline_1540.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1542 =
-      eventName$jscomp$inline_1540[0].toUpperCase() +
-      eventName$jscomp$inline_1540.slice(1);
+  var eventName$jscomp$inline_1564 =
+      simpleEventPluginEvents[i$jscomp$inline_1563],
+    domEventName$jscomp$inline_1565 =
+      eventName$jscomp$inline_1564.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1566 =
+      eventName$jscomp$inline_1564[0].toUpperCase() +
+      eventName$jscomp$inline_1564.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1541,
-    "on" + capitalizedEvent$jscomp$inline_1542
+    domEventName$jscomp$inline_1565,
+    "on" + capitalizedEvent$jscomp$inline_1566
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -15999,16 +16067,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
     0 === i && attemptExplicitHydrationTarget(target);
   }
 };
-var isomorphicReactPackageVersion$jscomp$inline_1787 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_1811 = React.version;
 if (
-  "19.1.0-native-fb-92e65ca6-20250225" !==
-  isomorphicReactPackageVersion$jscomp$inline_1787
+  "19.1.0-native-fb-3607f483-20250227" !==
+  isomorphicReactPackageVersion$jscomp$inline_1811
 )
   throw Error(
     formatProdErrorMessage(
       527,
-      isomorphicReactPackageVersion$jscomp$inline_1787,
-      "19.1.0-native-fb-92e65ca6-20250225"
+      isomorphicReactPackageVersion$jscomp$inline_1811,
+      "19.1.0-native-fb-3607f483-20250227"
     )
   );
 ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -16028,24 +16096,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
     null === componentOrElement ? null : componentOrElement.stateNode;
   return componentOrElement;
 };
-var internals$jscomp$inline_2248 = {
+var internals$jscomp$inline_2282 = {
   bundleType: 0,
-  version: "19.1.0-native-fb-92e65ca6-20250225",
+  version: "19.1.0-native-fb-3607f483-20250227",
   rendererPackageName: "react-dom",
   currentDispatcherRef: ReactSharedInternals,
-  reconcilerVersion: "19.1.0-native-fb-92e65ca6-20250225"
+  reconcilerVersion: "19.1.0-native-fb-3607f483-20250227"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2249 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2283 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2249.isDisabled &&
-    hook$jscomp$inline_2249.supportsFiber
+    !hook$jscomp$inline_2283.isDisabled &&
+    hook$jscomp$inline_2283.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2249.inject(
-        internals$jscomp$inline_2248
+      (rendererID = hook$jscomp$inline_2283.inject(
+        internals$jscomp$inline_2282
       )),
-        (injectedHook = hook$jscomp$inline_2249);
+        (injectedHook = hook$jscomp$inline_2283);
     } catch (err) {}
 }
 exports.createRoot = function (container, options) {
@@ -16137,4 +16205,4 @@ exports.hydrateRoot = function (container, initialChildren, options) {
   listenToAllSupportedEvents(container);
   return new ReactDOMHydrationRoot(initialChildren);
 };
-exports.version = "19.1.0-native-fb-92e65ca6-20250225";
+exports.version = "19.1.0-native-fb-3607f483-20250227";