Avoid importing Scheduler directly (#14757)

* Avoid importing Scheduler directly
The reconciler should not depend directly on Scheduler. This adds it to
the host config for the renderer instead.
(Except for `scheduler/tracing` imports, which are used only by the
profiling build. I've left those imports as-is, though I'm open to
directing those through the host config, too.)
* Make throwaway root id longer to appease Brian

Author: acdlite

packages/react-art/src/ReactARTHostConfig.js

@@ -5,6 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import{
+unstable_scheduleCallbackasscheduleDeferredCallback,
+unstable_cancelCallbackascancelDeferredCallback,
+}from'scheduler';
 export{
 unstable_nowasnow,
 unstable_scheduleCallbackasscheduleDeferredCallback,
@@ -337,6 +341,8 @@ export function getChildHostContext() {
 exportconstscheduleTimeout=setTimeout;
 exportconstcancelTimeout=clearTimeout;
 exportconstnoTimeout=-1;
+exportconstschedulePassiveEffects=scheduleDeferredCallback;
+exportconstcancelPassiveEffects=cancelDeferredCallback;
 
 exportfunctionshouldSetTextContent(type,props){
 return(

packages/react-dom/src/client/ReactDOMHostConfig.js

@@ -69,6 +69,10 @@ export type ChildSet = void; // Unused
 exporttypeTimeoutHandle=TimeoutID;
 exporttypeNoTimeout=-1;
 
+import{
+unstable_scheduleCallbackasscheduleDeferredCallback,
+unstable_cancelCallbackascancelDeferredCallback,
+}from'scheduler';
 export{
 unstable_nowasnow,
 unstable_scheduleCallbackasscheduleDeferredCallback,
@@ -296,6 +300,8 @@ export const scheduleTimeout =
 exportconstcancelTimeout=
 typeofclearTimeout==='function' ? clearTimeout : (undefined: any);
 exportconstnoTimeout=-1;
+exportconstschedulePassiveEffects=scheduleDeferredCallback;
+exportconstcancelPassiveEffects=cancelDeferredCallback;
 
 // -------------------
 // Mutation

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

@@ -330,6 +330,8 @@ export const shouldYield = ReactNativeFrameSchedulingShouldYield;
 export const scheduleTimeout = setTimeout;
 export const cancelTimeout = clearTimeout;
 export const noTimeout = -1;
+export const schedulePassiveEffects = scheduleDeferredCallback;
+export const cancelPassiveEffects = cancelDeferredCallback;
 
 // -------------------
 // Persistence

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

@@ -243,6 +243,8 @@ export const shouldYield = ReactNativeFrameSchedulingShouldYield;
 exportconstscheduleTimeout=setTimeout;
 exportconstcancelTimeout=clearTimeout;
 exportconstnoTimeout=-1;
+exportconstschedulePassiveEffects=scheduleDeferredCallback;
+exportconstcancelPassiveEffects=cancelDeferredCallback;
 
 exportfunctionshouldDeprioritizeSubtree(type: string,props: Props): boolean{
 returnfalse;

packages/react-noop-renderer/src/createReactNoop.js

@@ -47,6 +47,7 @@ if (__DEV__) {
 functioncreateReactNoop(reconciler: Function,useMutation: boolean){
 letscheduledCallback=null;
 letscheduledCallbackTimeout=-1;
+letscheduledPassiveCallback=null;
 letinstanceCounter=0;
 lethostDiffCounter=0;
 lethostUpdateCounter=0;
@@ -338,6 +339,21 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
 scheduleTimeout: setTimeout,
 cancelTimeout: clearTimeout,
 noTimeout: -1,
+schedulePassiveEffects(callback){
+if(scheduledCallback){
+thrownewError(
+'Scheduling a callback twice is excessive. Instead, keep track of '+
+'whether the callback has already been scheduled.',
+);
+}
+scheduledPassiveCallback=callback;
+},
+cancelPassiveEffects(){
+if(scheduledPassiveCallback===null){
+thrownewError('No passive effects callback is scheduled.');
+}
+ scheduledPassiveCallback =null;
+},
 
 prepareForCommit(): void{},
 
@@ -854,6 +870,16 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
 returnyieldedValues;
 },
 
+flushPassiveEffects(){
+// Trick to flush passive effects without exposing an internal API:
+// Create a throwaway root and schedule a dummy update on it.
+constrootID='bloopandthenmoreletterstoavoidaconflict';
+constcontainer={rootID: rootID,children: []};
+rootContainers.set(rootID,container);
+constroot=NoopRenderer.createContainer(container,true,false);
+NoopRenderer.updateContainer(null,root,null,null);
+},
+
 // Logs the current state of the tree.
 dumpTree(rootID: string=DEFAULT_ROOT_ID){
 constroot=roots.get(rootID);

packages/react-reconciler/src/ReactFiberScheduler.js

@@ -17,10 +17,6 @@ import {
 __subscriberRef,
 unstable_wrapasSchedule_tracing_wrap,
 }from'scheduler/tracing';
-import{
-unstable_scheduleCallbackasSchedule_scheduleCallback,
-unstable_cancelCallbackasSchedule_cancelCallback,
-}from'scheduler';
 import{
 invokeGuardedCallback,
 hasCaughtError,
@@ -83,6 +79,8 @@ import {
 scheduleTimeout,
 cancelTimeout,
 noTimeout,
+schedulePassiveEffects,
+cancelPassiveEffects,
 }from'./ReactFiberHostConfig';
 import{
 markPendingPriorityLevel,
@@ -587,8 +585,10 @@ function markLegacyErrorBoundaryAsFailed(instance: mixed) {
 }
 
 functionflushPassiveEffects(){
+if(passiveEffectCallbackHandle!==null){
+cancelPassiveEffects(passiveEffectCallbackHandle);
+}
 if(passiveEffectCallback!==null){
-Schedule_cancelCallback(passiveEffectCallbackHandle);
 // We call the scheduled callback instead of commitPassiveEffects directly
 // to ensure tracing works correctly.
 passiveEffectCallback();
@@ -795,7 +795,7 @@ function commitRoot(root: FiberRoot, finishedWork: Fiber): void {
 // here because that code is still in flux.
 callback=Schedule_tracing_wrap(callback);
 }
-passiveEffectCallbackHandle=Schedule_scheduleCallback(callback);
+passiveEffectCallbackHandle=schedulePassiveEffects(callback);
 passiveEffectCallback=callback;
 }