Method redrawAllEdges

ui/src/components/pixi/PixiRenderer.ts:1412–1491

()

  }

  private redrawAllEdges(): void {
    if (!this.edgeBgGfx || !this.edgeFgGfx) return;

    this.edgeBgGfx.clear();
    this.edgeFgGfx.clear();

    if (!this.edgesEnabled) return;

    const bgAlpha = this.hasHighlight
      ? EDGE_OPACITY_DIMMED
      : EDGE_OPACITY_DEFAULT;
    const edgeWidth = 0.5 * this.zoomInvScale();
    const doCull = this.bp.edgeViewportCulling;

    // Draw background edges using pre-computed color groups
    for (const [color, indices] of this.edgeColorGroups) {
      let drawn = false;
      for (const i of indices) {
        const e = this.edges[i];
        if (this.hiddenLinkTypes.has(e.label)) continue;
        const s = this.nodes.get(e.sourceId);
        const t = this.nodes.get(e.targetId);
        if (!s?.visible || !t?.visible) continue;
        // Viewport culling: skip edges where both endpoints are off-screen.
        // Note: this can miss edges that cross the viewport diagonally (both endpoints
        // outside but the line segment passes through). A full segment-rect intersection
        // test is more expensive; this heuristic is sufficient for layout animation.
        if (
          doCull &&
          !this.isInViewport(s.x, s.y) &&
          !this.isInViewport(t.x, t.y)
        )
          continue;
        this.drawEdge(this.edgeBgGfx, s.x, s.y, t.x, t.y);
        drawn = true;
      }
      if (drawn) {
        this.edgeBgGfx.stroke({
          width: edgeWidth,
          color: hexToNum(color),
          alpha: bgAlpha,
        });
      }
    }

    // Foreground highlight edges
    if (this.hasHighlight) {
      const hlColorGroups = new Map<
        string,
        { sx: number; sy: number; tx: number; ty: number }[]
      >();
      for (let i = 0; i < this.edges.length; i++) {
        const e = this.edges[i];
        if (this.hiddenLinkTypes.has(e.label)) continue;
        const linkKey = `${e.sourceId}-${e.targetId}`;
        if (!this.highlightLinks.has(linkKey)) continue;
        const s = this.nodes.get(e.sourceId);
        const t = this.nodes.get(e.targetId);