Method tweenCode

packages/2d/src/lib/components/CodeBlock.ts:286–334

(
    code: CodeTree,
    time: number,
    timingFunction: TimingFunction,
  )

  @threadable()
  public *tweenCode(
    code: CodeTree,
    time: number,
    timingFunction: TimingFunction,
  ) {
    if (typeof code === 'function') throw new Error();
    if (!CodeBlock.initialized()) return;

    const currentParsedCode = parse(this.code(), {codeStyle: this.theme()});
    const newParsedCode = parse(code, {codeStyle: this.theme()});
    this.currentLineCount = this.getLineCountOfTokenArray(currentParsedCode);
    this.newLineCount = this.getLineCountOfTokenArray(newParsedCode);

    const autoWidth = this.width.isInitial();
    const autoHeight = this.height.isInitial();
    const fromSize = this.size();
    const toSize = this.getTokensSize(newParsedCode);

    const beginning = 0.2;
    const ending = 0.8;

    this.codeProgress(0);
    this.diffed = diff(this.code(), code, {codeStyle: this.theme()});
    yield* tween(
      time,
      value => {
        const progress = timingFunction(value);
        const remapped = clampRemap(beginning, ending, 0, 1, progress);
        this.codeProgress(progress);
        if (autoWidth) {
          this.width(easeInOutSine(remapped, fromSize.x, toSize.x));
        }
        if (autoHeight) {
          this.height(easeInOutSine(remapped, fromSize.y, toSize.y));
        }
      },
      () => {
        this.codeProgress(null);
        this.diffed = null;
        if (autoWidth) {
          this.width.reset();
        }
        if (autoHeight) {
          this.height.reset();
        }
        this.code(code);
      },
    );
  }

  protected override async draw(context: CanvasRenderingContext2D) {
    if (!CodeBlock.initialized()) return;