move vt specific config functions to ReactFiberConfigFabricWithViewTransition.js

Author: zeyap

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

@@ -12,8 +12,8 @@ import type {
   TouchedViewDataAtPoint,
   ViewConfig,
 } from './ReactNativeTypes';
-import type {TransitionTypes} from 'react/src/ReactTransitionType';
 import {dispatchEvent} from './ReactFabricEventEmitter';
+import {
 import {
   NoEventPriority,
   DefaultEventPriority,
@@ -58,11 +58,6 @@ const {
   unstable_ContinuousEventPriority: FabricContinuousPriority,
   unstable_IdleEventPriority: FabricIdlePriority,
   unstable_getCurrentEventPriority: fabricGetCurrentEventPriority,
-  measureInstance: fabricMeasureInstance,
-  applyViewTransitionName: fabricApplyViewTransitionName,
-  startViewTransition: fabricStartViewTransition,
-  restoreViewTransitionName: fabricRestoreViewTransitionName,
-  cancelViewTransitionName: fabricCancelViewTransitionName,
 } = nativeFabricUIManager;
 
 import {getClosestInstanceFromNode} from './ReactFabricComponentTree';
@@ -163,14 +158,17 @@ if (registerEventHandler) {
   registerEventHandler(dispatchEvent);
 }
 
+export * from 'react-reconciler/src/ReactFiberConfigWithNoMutation';
 export * from 'react-reconciler/src/ReactFiberConfigWithNoHydration';
 export * from 'react-reconciler/src/ReactFiberConfigWithNoScopes';
 export * from 'react-reconciler/src/ReactFiberConfigWithNoTestSelectors';
 export * from 'react-reconciler/src/ReactFiberConfigWithNoResources';
 export * from 'react-reconciler/src/ReactFiberConfigWithNoSingletons';
+export * from './ReactFiberConfigFabricWithViewTransition';
 
 // -------------------
-//    ViewTransition
+//      Mutation
+//   (not supported)
 // -------------------
 
 function shim(...args: any): empty {
@@ -208,228 +206,6 @@ export const unhideInstance = shim;
 export const unhideTextInstance = shim;
 export const clearContainer = shim;
 
-export type InstanceMeasurement = {
-  rect: {x: number, y: number, width: number, height: number},
-  abs: boolean,
-  clip: boolean,
-  view: boolean,
-};
-
-export type RunningViewTransition = {
-  skipTransition(): void,
-  finished: Promise<void>,
-  ready: Promise<void>,
-  ...
-};
-
-export type ViewTransitionInstance = null | {
-  name: string,
-  ...
-};
-
-export type GestureTimeline = any;
-
-export function restoreViewTransitionName(
-  instance: Instance,
-  props: Props,
-): void {
-  fabricRestoreViewTransitionName(instance.node);
-}
-
-// Cancel the old and new snapshots of viewTransitionName
-export function cancelViewTransitionName(
-  instance: Instance,
-  oldName: string,
-  props: Props,
-): void {
-  fabricCancelViewTransitionName(instance.node, oldName);
-}
-
-export function cancelRootViewTransitionName(rootContainer: Container): void {
-  if (__DEV__) {
-    console.warn('cancelRootViewTransitionName is not implemented');
-  }
-}
-
-export function restoreRootViewTransitionName(rootContainer: Container): void {
-  if (__DEV__) {
-    console.warn('restoreRootViewTransitionName is not implemented');
-  }
-}
-
-export function cloneRootViewTransitionContainer(
-  rootContainer: Container,
-): Instance {
-  if (__DEV__) {
-    console.warn('cloneRootViewTransitionContainer is not implemented');
-  }
-  // $FlowFixMe[incompatible-return] Return empty stub
-  return null;
-}
-
-export function removeRootViewTransitionClone(
-  rootContainer: Container,
-  clone: Instance,
-): void {
-  if (__DEV__) {
-    console.warn('removeRootViewTransitionClone is not implemented');
-  }
-}
-
-export function measureInstance(instance: Instance): InstanceMeasurement {
-  const measurement = fabricMeasureInstance(instance.node);
-  return {
-    rect: {
-      x: measurement.x,
-      y: measurement.y,
-      width: measurement.width,
-      height: measurement.height,
-    },
-    abs: false,
-    clip: false,
-    view: true,
-  };
-}
-
-export function measureClonedInstance(instance: Instance): InstanceMeasurement {
-  if (__DEV__) {
-    console.warn('measureClonedInstance is not implemented');
-  }
-  return {
-    rect: {x: 0, y: 0, width: 0, height: 0},
-    abs: false,
-    clip: false,
-    view: true,
-  };
-}
-
-export function wasInstanceInViewport(
-  measurement: InstanceMeasurement,
-): boolean {
-  return measurement.view;
-}
-
-export function hasInstanceChanged(
-  oldMeasurement: InstanceMeasurement,
-  newMeasurement: InstanceMeasurement,
-): boolean {
-  if (__DEV__) {
-    console.warn('hasInstanceChanged is not implemented');
-  }
-  return false;
-}
-
-export function hasInstanceAffectedParent(
-  oldMeasurement: InstanceMeasurement,
-  newMeasurement: InstanceMeasurement,
-): boolean {
-  if (__DEV__) {
-    console.warn('hasInstanceAffectedParent is not implemented');
-  }
-  return false;
-}
-
-export function startGestureTransition(
-  suspendedState: null | SuspendedState,
-  rootContainer: Container,
-  timeline: GestureTimeline,
-  rangeStart: number,
-  rangeEnd: number,
-  transitionTypes: null | TransitionTypes,
-  mutationCallback: () => void,
-  animateCallback: () => void,
-  errorCallback: (error: mixed) => void,
-  finishedAnimation: () => void,
-): RunningViewTransition {
-  if (__DEV__) {
-    console.warn('startGestureTransition is not implemented');
-  }
-  return null;
-}
-
-export function stopViewTransition(transition: RunningViewTransition): void {
-  if (__DEV__) {
-    console.warn('stopViewTransition is not implemented');
-  }
-}
-
-export function addViewTransitionFinishedListener(
-  transition: RunningViewTransition,
-  callback: () => void,
-): void {
-  callback();
-}
-
-export function createViewTransitionInstance(
-  name: string,
-): ViewTransitionInstance {
-  return {name};
-}
-
-export function getCurrentGestureOffset(timeline: GestureTimeline): number {
-  if (__DEV__) {
-    console.warn('getCurrentGestureOffset is not implemented');
-  }
-  return 0;
-}
-
-export function applyViewTransitionName(
-  instance: Instance,
-  name: string,
-  className: ?string,
-): void {
-  // add view-transition-name to things that might animate for browser
-  fabricApplyViewTransitionName(instance.node, name, className);
-}
-
-export function startViewTransition(
-  suspendedState: null | SuspendedState,
-  rootContainer: Container,
-  transitionTypes: null | TransitionTypes,
-  mutationCallback: () => void,
-  layoutCallback: () => void,
-  afterMutationCallback: () => void,
-  spawnedWorkCallback: () => void,
-  passiveCallback: () => mixed,
-  errorCallback: (error: mixed) => void,
-  blockedCallback: (name: string) => void,
-  finishedAnimation: () => void,
-): null | RunningViewTransition {
-  const transition = fabricStartViewTransition(
-    // mutation
-    () => {
-      mutationCallback(); // completeRoot should run here
-      layoutCallback();
-      afterMutationCallback();
-    },
-  );
-
-  if (transition == null) {
-    if (__DEV__) {
-      console.warn(
-        "startViewTransition didn't kick off transition in Fabric, the ViewTransition ReactNativeFeatureFlag might not be enabled.",
-      );
-    }
-    // Flush remaining work synchronously.
-    mutationCallback();
-    layoutCallback();
-    // Skip afterMutationCallback(). We don't need it since we're not animating.
-    spawnedWorkCallback();
-    // Skip passiveCallback(). Spawned work will schedule a task.
-    return null;
-  }
-
-  transition.ready.then(() => {
-    spawnedWorkCallback();
-  });
-
-  transition.finished.finally(() => {
-    passiveCallback();
-  });
-
-  return transition;
-}
-
 export function appendInitialChild(
   parentInstance: Instance,
   child: Instance | TextInstance,