import { fibersInError } from "./error_handling"; import { Fiber, RootFiber } from "./fibers"; import { STATUS } from "./status"; // ----------------------------------------------------------------------------- // Scheduler // ----------------------------------------------------------------------------- export class Scheduler { // capture the value of requestAnimationFrame as soon as possible, to avoid // interactions with other code, such as test frameworks that override them static requestAnimationFrame = window.requestAnimationFrame.bind(window); tasks: Set = new Set(); requestAnimationFrame: Window["requestAnimationFrame"]; frame: number = 0; delayedRenders: Fiber[] = []; constructor() { this.requestAnimationFrame = Scheduler.requestAnimationFrame; } addFiber(fiber: Fiber) { this.tasks.add(fiber.root!); } /** * Process all current tasks. This only applies to the fibers that are ready. * Other tasks are left unchanged. */ flush() { if (this.delayedRenders.length) { let renders = this.delayedRenders; this.delayedRenders = []; for (let f of renders) { if (f.root && f.node.status !== STATUS.DESTROYED && f.node.fiber === f) { f.render(); } } } if (this.frame === 0) { this.frame = this.requestAnimationFrame(() => { this.frame = 0; this.tasks.forEach((fiber) => this.processFiber(fiber)); for (let task of this.tasks) { if (task.node.status === STATUS.DESTROYED) { this.tasks.delete(task); } } }); } } processFiber(fiber: RootFiber) { if (fiber.root !== fiber) { this.tasks.delete(fiber); return; } const hasError = fibersInError.has(fiber); if (hasError && fiber.counter !== 0) { this.tasks.delete(fiber); return; } if (fiber.node.status === STATUS.DESTROYED) { this.tasks.delete(fiber); return; } if (fiber.counter === 0) { if (!hasError) { fiber.complete(); } this.tasks.delete(fiber); } } }