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

packages/react-art/src/ReactARTHostConfig.js

@@ -330,6 +330,9 @@ export function getChildHostContext() {
 export const scheduleTimeout = setTimeout;
 export const cancelTimeout = clearTimeout;
 export const noTimeout = -1;
+export function queueMicrotask(callback: Function) {
+ invariant(false, 'Not implemented.');
+}
 
 export function shouldSetTextContent(type, props) {
  return (

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

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

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

@@ -348,6 +348,9 @@ export const warnsIfNotActing = false;
 export const scheduleTimeout = setTimeout;
 export const cancelTimeout = clearTimeout;
 export const noTimeout = -1;
+export function queueMicrotask(callback: Function) {
+ invariant(false, 'Not implemented.');
+}
 
 // -------------------
 // Persistence

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

@@ -247,6 +247,9 @@ export const warnsIfNotActing = true;
 export const scheduleTimeout = setTimeout;
 export const cancelTimeout = clearTimeout;
 export const noTimeout = -1;
+export function queueMicrotask(callback: Function) {
+ invariant(false, 'Not implemented.');
+}
 
 export function shouldSetTextContent(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:
+ typeof queueMicrotask === 'function'
+ ? queueMicrotask
+ : typeof Promise !== 'undefined'
+ ? callback =>
+ Promise.resolve(null)
+ .then(callback)
+ .catch(error => {
+ setTimeout(() => {
+ throw error;
+ });
+ })
+ : setTimeout,
 
  prepareForCommit(): null | Object {
  return null;

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

@@ -54,6 +54,7 @@ export const shouldSetTextContent = $$$hostConfig.shouldSetTextContent;
 export const createTextInstance = $$$hostConfig.createTextInstance;
 export const scheduleTimeout = $$$hostConfig.scheduleTimeout;
 export const cancelTimeout = $$$hostConfig.cancelTimeout;
+export const queueMicrotask = $$$hostConfig.queueMicrotask;
 export const noTimeout = $$$hostConfig.noTimeout;
 export const now = $$$hostConfig.now;
 export const isPrimaryRenderer = $$$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;
 
 // -------------------