Function createAnimationController

src/core/createAnimationController.ts:64–180

()

  Number.isFinite(timestamp) ? timestamp : null;

export function createAnimationController(): AnimationController {
  const animations = new Map<AnimationId, AnimationInternal>();

  function animate(
    from: number | ReadonlyArray<number>,
    to: number | ReadonlyArray<number>,
    duration: number,
    easing: EasingFunction,
    onUpdate: ((value: number) => void) | ((value: ReadonlyArray<number>) => void),
    onComplete?: () => void,
  ): AnimationId {
    const id: AnimationId = Symbol('Animation');

    if (Array.isArray(from) || Array.isArray(to)) {
      if (!Array.isArray(from) || !Array.isArray(to)) {
        throw new Error('Array animation requires both "from" and "to" to be arrays');
      }
      if (from.length !== to.length) {
        throw new Error(
          `Array animation length mismatch: from.length=${from.length}, to.length=${to.length}`,
        );
      }

      const out = new Array<number>(from.length);
      animations.set(id, {
        kind: 'array',
        from,
        to,
        duration,
        easing,
        onUpdate: onUpdate as (value: ReadonlyArray<number>) => void,
        onComplete,
        startTime: null,
        out,
      });
      return id;
    }

    animations.set(id, {
      kind: 'scalar',
      from: from as number,
      to: to as number,
      duration,
      easing,
      onUpdate: onUpdate as (value: number) => void,
      onComplete,
      startTime: null,
    });
    return id;
  }

  function cancel(animationId: AnimationId): void {
    animations.delete(animationId);
  }

  function cancelAll(): void {
    animations.clear();
  }