Add queue microtask to host configs (#20668)

* Queue discrete events in microtask
* Fix flow types
* Add to createReactNoop
* More flow types
* Remove import
* Add to custom HostConfig as well

Author: rickhanlonii

packages/react-art/src/ReactARTHostConfig.js

@@ -330,6 +330,9 @@ export function getChildHostContext() {
 exportconstscheduleTimeout=setTimeout;
 exportconstcancelTimeout=clearTimeout;
 exportconstnoTimeout=-1;
+exportfunctionqueueMicrotask(callback: Function){
+invariant(false,'Not implemented.');
+}
 
 exportfunctionshouldSetTextContent(type,props){
 return(

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

@@ -384,6 +384,21 @@ export const scheduleTimeout: any =
 exportconstcancelTimeout: any=
 typeofclearTimeout==='function' ? clearTimeout : (undefined: any);
 exportconstnoTimeout=-1;
+exportconstqueueMicrotask: any=
+typeofglobal.queueMicrotask==='function'
+ ? global.queueMicrotask
+ : typeofPromise!=='undefined'
+ ? callback=>
+Promise.resolve(null)
+.then(callback)
+.catch(handleErrorInNextTick)
+ : scheduleTimeout;
+
+functionhandleErrorInNextTick(error){
+setTimeout(()=>{
+throwerror;
+});
+}
 
 // -------------------
 // Mutation

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

@@ -348,6 +348,9 @@ export const warnsIfNotActing = false;
 exportconstscheduleTimeout=setTimeout;
 exportconstcancelTimeout=clearTimeout;
 exportconstnoTimeout=-1;
+exportfunctionqueueMicrotask(callback: Function){
+invariant(false,'Not implemented.');
+}
 
 // -------------------
 // Persistence

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

@@ -247,6 +247,9 @@ export const warnsIfNotActing = true;
 exportconstscheduleTimeout=setTimeout;
 exportconstcancelTimeout=clearTimeout;
 exportconstnoTimeout=-1;
+exportfunctionqueueMicrotask(callback: Function){
+invariant(false,'Not implemented.');
+}
 
 exportfunctionshouldSetTextContent(type: string,props: Props): boolean{
 // TODO (bvaughn) Revisit this decision.

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

@@ -371,6 +371,19 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {
  scheduleTimeout: setTimeout,
 cancelTimeout: clearTimeout,
 noTimeout: -1,
+queueMicrotask:
+typeofqueueMicrotask==='function'
+ ? queueMicrotask
+ : typeofPromise!=='undefined'
+ ? callback=>
+Promise.resolve(null)
+.then(callback)
+.catch(error=>{
+setTimeout(()=>{
+throwerror;
+});
+})
+ : setTimeout,
 
 prepareForCommit(): null|Object{
 returnnull;

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

@@ -54,6 +54,7 @@ export const shouldSetTextContent = $$$hostConfig.shouldSetTextContent;
 exportconstcreateTextInstance=$$$hostConfig.createTextInstance;
 exportconstscheduleTimeout=$$$hostConfig.scheduleTimeout;
 exportconstcancelTimeout=$$$hostConfig.cancelTimeout;
+exportconstqueueMicrotask=$$$hostConfig.queueMicrotask;
 exportconstnoTimeout=$$$hostConfig.noTimeout;
 exportconstnow=$$$hostConfig.now;
 exportconstisPrimaryRenderer=$$$hostConfig.isPrimaryRenderer;

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

@@ -220,6 +220,21 @@ export const warnsIfNotActing = true;
 
 export const scheduleTimeout = setTimeout;
 export const cancelTimeout = clearTimeout;
+export const queueMicrotask =
+ typeof global.queueMicrotask === 'function'
+ ? global.queueMicrotask
+ : typeof Promise !== 'undefined'
+ ? (callback: Function) =>
+ Promise.resolve(null)
+ .then(callback)
+ .catch(handleErrorInNextTick)
+ : scheduleTimeout;
+
+function handleErrorInNextTick(error) {
+ setTimeout(() => {
+ throw error;
+ });
+}
 export const noTimeout = -1;
 
 // -------------------