Bug: [v8 regression] cannot do many `moveTo`/`lineTo` about pixijs HOT 13 CLOSED

import { Graphics, PointData } from "pixi.js";

function distance(p1: PointData, p2: PointData) {
  return Math.hypot(p2.x - p1.x, p2.y - p1.y);
}

export type DashGap = { dash: number, gap: number };

// V8 8.0.0-rc.11 moveTo/lineTo browser crash
// high numbers (>3000) of  moveTo/lineTo crash the browser
// https://github.com/pixijs/pixijs/issues/10265

export class DashedLine {
  startX = 0;
  startY = 0;
  dashGapIndex = 0;
  remaingDash = 0;
  remaingGap = 0;
  readonly #dashGaps: DashGap[];

  constructor(private graphics: Graphics, dashGaps: DashGap[], scale: number) {
    this.#dashGaps = dashGaps.map(dashGap => ({dash: dashGap.dash / scale, gap: dashGap.gap / scale}));
  }

  public moveTo(x: number, y: number) {
    this.dashGapIndex = 0;
    this.remaingDash = 0;
    this.remaingGap = 0;
    this.startX = x;
    this.startY = y;
  }

  public lineTo(x: number, y: number) {
    this.paint({x: this.startX, y: this.startY}, {x, y})

    this.startX = x;
    this.startY = y;
  }

  public paint(p1: PointData, p2: PointData) {
    const g     = this.graphics;
    const len   = distance(p1, p2);
    const norm  = { x: (p2.x - p1.x) / len, y: (p2.y - p1.y) / len };

    // start with the remaining gap
    let progress = this.remaingGap;

    // reduce remaining gap if line segment is very short and cannot complete the gap
    if (progress > len) {
      this.remaingGap = Math.max(0, this.remaingGap - len);
    }

    while (progress < len) {
      this.remaingGap = 0;
      const {dash, gap} = this.#dashGaps[this.dashGapIndex];

      g.moveTo(p1.x + progress * norm.x, p1.y + progress * norm.y);

      // set progress to the end of the dash
      progress += this.remaingDash || dash;

      if (progress > len) {
        // we cannot paint the dash completely
        this.remaingDash = progress - len;

        // do not paint beyond to end point
        progress = len;

        g.lineTo(p1.x + progress * norm.x, p1.y + progress * norm.y);
      } else {
        // switch dashgap only if the latest dash is complete
        this.dashGapIndex = ++this.dashGapIndex % this.#dashGaps.length;

        g.lineTo(p1.x + progress * norm.x, p1.y + progress * norm.y);

        // dash fully painted
        this.remaingDash = 0;

        // set progress to end of gap
        progress += gap;

        // can we complete the gap with this line segement?
        if (progress > len) {
          this.remaingGap = progress - len;
        }
      }
    }
  }
}