create supportsViewTransition and ReactFiberConfigWithNoViewTransition out of ReactFiberConfigWithNoMutation

Author: zeyap

packages/react-art/src/ReactFiberConfigART.js

@@ -413,6 +413,7 @@ export const isPrimaryRenderer = false;
 export const warnsIfNotActing = false;
 
 export const supportsMutation = true;
+export const supportsViewTransition = false;
 
 export function appendChild(parentInstance, child) {
   if (child.parentNode === parentInstance) {

packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js

@@ -832,6 +832,7 @@ function handleErrorInNextTick(error: any) {
 // -------------------
 
 export const supportsMutation = true;
+export const supportsViewTransition = true;
 
 export function commitMount(
   domElement: Instance,

packages/react-native-renderer/src/ReactFiberConfigNative.js

@@ -375,6 +375,7 @@ export function shouldAttemptEagerTransition(): boolean {
 // -------------------
 
 export const supportsMutation = true;
+export const supportsViewTransition = false;
 
 export function appendChild(
   parentInstance: Instance,

packages/react-reconciler/src/ReactFiberCommitViewTransitions.js

@@ -25,7 +25,7 @@ import {
   ViewTransitionNamedStatic,
 } from './ReactFiberFlags';
 import {
-  supportsMutation,
+  supportsViewTransition,
   applyViewTransitionName,
   restoreViewTransitionName,
   measureInstance,
@@ -139,7 +139,7 @@ function applyViewTransitionToHostInstancesRecursive(
   collectMeasurements: null | Array<InstanceMeasurement>,
   stopAtNestedViewTransitions: boolean,
 ): boolean {
-  if (!supportsMutation) {
+  if (!supportsViewTransition) {
     return false;
   }
   let inViewport = false;
@@ -201,7 +201,7 @@ function restoreViewTransitionOnHostInstances(
   child: null | Fiber,
   stopAtNestedViewTransitions: boolean,
 ): void {
-  if (!supportsMutation) {
+  if (!supportsViewTransition) {
     return;
   }
   while (child !== null) {
@@ -648,7 +648,7 @@ function measureViewTransitionHostInstancesRecursive(
   previousMeasurements: null | Array<InstanceMeasurement>,
   stopAtNestedViewTransitions: boolean,
 ): boolean {
-  if (!supportsMutation) {
+  if (!supportsViewTransition) {
     return true;
   }
   let inViewport = false;

packages/react-reconciler/src/ReactFiberCommitWork.js

@@ -158,6 +158,7 @@ import {
   supportsHydration,
   supportsResources,
   supportsSingletons,
+  supportsViewTransition,
   clearSuspenseBoundary,
   clearSuspenseBoundaryFromContainer,
   createContainerChildSet,
@@ -3709,7 +3710,10 @@ function commitPassiveMountOnFiber(
       }
 
       if (isViewTransitionEligible) {
-        if (supportsMutation && rootViewTransitionNameCanceled) {
+        if (
+          supportsViewTransition &&
+          rootViewTransitionNameCanceled
+        ) {
           restoreRootViewTransitionName(finishedRoot.containerInfo);
         }
       }

packages/react-reconciler/src/ReactFiberConfigWithNoMutation.js

@@ -37,25 +37,5 @@ export const hideTextInstance = shim;
 export const unhideInstance = shim;
 export const unhideTextInstance = shim;
 export const clearContainer = shim;
-export const applyViewTransitionName = shim;
-export const restoreViewTransitionName = shim;
-export const cancelViewTransitionName = shim;
-export const cancelRootViewTransitionName = shim;
-export const restoreRootViewTransitionName = shim;
-export const cloneRootViewTransitionContainer = shim;
-export const removeRootViewTransitionClone = shim;
-export type InstanceMeasurement = null;
-export const measureInstance = shim;
-export const measureClonedInstance = shim;
-export const wasInstanceInViewport = shim;
-export const hasInstanceChanged = shim;
-export const hasInstanceAffectedParent = shim;
-export const startViewTransition = shim;
-export type RunningViewTransition = null;
-export const startGestureTransition = shim;
-export const stopViewTransition = shim;
-export const addViewTransitionFinishedListener = shim;
-export type ViewTransitionInstance = null | {name: string, ...};
-export const createViewTransitionInstance = shim;
 export type GestureTimeline = any;
 export const getCurrentGestureOffset = shim;

packages/react-reconciler/src/ReactFiberConfigWithNoViewTransition.js

@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// Renderers that don't support view transitions
+// can re-export everything from this module.
+
+function shim(...args: any): empty {
+  throw new Error(
+    'The current renderer does not support view transitions. ' +
+      'This error is likely caused by a bug in React. ' +
+      'Please file an issue.',
+  );
+}
+
+// View Transitions (when unsupported)
+export const supportsViewTransition = false;
+export const applyViewTransitionName = shim;
+export const restoreViewTransitionName = shim;
+export const cancelViewTransitionName = shim;
+export const cancelRootViewTransitionName = shim;
+export const restoreRootViewTransitionName = shim;
+export const cloneRootViewTransitionContainer = shim;
+export const removeRootViewTransitionClone = shim;
+export type InstanceMeasurement = null;
+export const measureInstance = shim;
+export const measureClonedInstance = shim;
+export const wasInstanceInViewport = shim;
+export const hasInstanceChanged = shim;
+export const hasInstanceAffectedParent = shim;
+export const startViewTransition = shim;
+export type RunningViewTransition = null;
+export const startGestureTransition = shim;
+export const stopViewTransition = shim;
+export const addViewTransitionFinishedListener = shim;
+export type ViewTransitionInstance = null | {name: string, ...};
+export const createViewTransitionInstance = shim;

packages/react-reconciler/src/forks/ReactFiberConfig.custom.js

@@ -73,6 +73,7 @@ export const warnsIfNotActing = $$$config.warnsIfNotActing;
 export const supportsMutation = $$$config.supportsMutation;
 export const supportsPersistence = $$$config.supportsPersistence;
 export const supportsHydration = $$$config.supportsHydration;
+export const supportsViewTransition = $$$config.supportsViewTransition;
 export const getInstanceFromNode = $$$config.getInstanceFromNode;
 export const beforeActiveInstanceBlur = $$$config.beforeActiveInstanceBlur;
 export const afterActiveInstanceBlur = $$$config.afterActiveInstanceBlur;

packages/react-test-renderer/src/ReactFiberConfigTestHost.js

@@ -276,6 +276,7 @@ export const noTimeout: -1 = -1;
 // -------------------
 
 export const supportsMutation = true;
+export const supportsViewTransition = false;
 
 export function commitUpdate(
   instance: Instance,

scripts/error-codes/codes.json

@@ -566,5 +566,6 @@
   "578": "Already initialized Iterator.",
   "579": "Invalid data for bytes stream.",
   "580": "Server Function has too many bound arguments. Received %s but the limit is %s.",
-  "581": "BigInt is too large. Received %s digits but the limit is %s."
+  "581": "BigInt is too large. Received %s digits but the limit is %s.",
+  "582": "The current renderer does not support view transitions. This error is likely caused by a bug in React. Please file an issue."
 }