const queue: Function[] = [] const postFlushCbs: Function[] = [] const p = Promise.resolve() let isFlushing = false export function nextTick(fn?: () => void): Promise { return fn ? p.then(fn) : p } type ErrorHandler = (err: Error) => void export function queueJob(job: () => void, onError?: ErrorHandler) { if (queue.indexOf(job) === -1) { queue.push(job) queueFlush(onError) } } export function queuePostFlushCb( cb: Function | Function[], onError?: ErrorHandler ) { if (Array.isArray(cb)) { postFlushCbs.push.apply(postFlushCbs, cb) } else { postFlushCbs.push(cb) } queueFlush(onError) } function queueFlush(onError?: ErrorHandler) { if (!isFlushing) { const p = nextTick(flushJobs) if (onError) p.catch(onError) } } const dedupe = (cbs: Function[]): Function[] => Array.from(new Set(cbs)) export function flushPostFlushCbs() { if (postFlushCbs.length) { const cbs = dedupe(postFlushCbs) postFlushCbs.length = 0 for (let i = 0; i < cbs.length; i++) { cbs[i]() } } } const RECURSION_LIMIT = 100 type JobCountMap = Map function flushJobs(seenJobs?: JobCountMap) { isFlushing = true let job if (__DEV__) { seenJobs = seenJobs || new Map() } while ((job = queue.shift())) { if (__DEV__) { const seen = seenJobs as JobCountMap if (!seen.has(job)) { seen.set(job, 1) } else { const count = seen.get(job) as number if (count > RECURSION_LIMIT) { throw new Error( 'Maximum recursive updates exceeded. ' + "You may have code that is mutating state in your component's " + 'render function or updated hook.' ) } else { seen.set(job, count + 1) } } } job() } flushPostFlushCbs() isFlushing = false // some postFlushCb queued jobs! // keep flushing until it drains. if (queue.length) { flushJobs(seenJobs) } }