@cristianormazabal/triton-latex 0.1.6 → 0.1.8

package/dist/cli.cjs

@@ -39455,11 +39455,23 @@ function layoutTree(ir, theme) {
   }
   const byId = new Map(ir.nodes.map((n) => [n.id, n]));
   const activeEdgeSet = new Set((ir.activePaths ?? []).map(([a, b]) => `${a}:${b}`));
+  function circleBorder(center, radius, dir, sign) {
+    return { x: rhu(center.x + sign * radius * dir.x), y: rhu(center.y + sign * radius * dir.y) };
+  }
   for (const node of ir.nodes) {
     const pb = box(node.id);
+    const parentShape = style.get(node.id).shape;
     for (const cid of node.children) {
       const cb = box(cid);
-      const { start, end } = connectSlots(pb, cb);
+      const childShape = style.get(cid).shape;
+      const pc = { x: pb.x + pb.width / 2, y: pb.y + pb.height / 2 };
+      const cc = { x: cb.x + cb.width / 2, y: cb.y + cb.height / 2 };
+      const dx = cc.x - pc.x, dy = cc.y - pc.y;
+      const len = Math.hypot(dx, dy);
+      const dir = len > 0 ? { x: dx / len, y: dy / len } : { x: 0, y: 1 };
+      const { start: boxStart, end: boxEnd } = connectSlots(pb, cb);
+      const start = parentShape === "circle" ? circleBorder(pc, pb.width / 2, dir, 1) : boxStart;
+      const end = childShape === "circle" ? circleBorder(cc, cb.width / 2, dir, -1) : boxEnd;
       const isActive = activeEdgeSet.has(`${node.id}:${cid}`);
       const edgeColor = isActive ? palette.primary : palette.textMuted;
       const edgeWidth = isActive ? 2.5 : 1.5;
@@ -39502,7 +39514,7 @@ function layoutTree(ir, theme) {
     }
     if (node.badge !== void 0) {
       const bc = badgeColor(node.badge, theme);
-      elements.push(p.circle({ x: b.x + b.width - 3, y: b.y + 3 }, 9, palette.background, bc, 1.5));
+      elements.push(p.circle({ x: b.x + b.width - 3, y: b.y + 3 }, 9, palette.surface, bc, 1.5));
       elements.push(p.text(node.badge, b.x + b.width - 3, b.y + 7, smallFont, bc, { anchor: "middle", weight: "bold" }));
     }
   }