reladraw 0.7.0 → 0.7.1

package/README.md

@@ -68,7 +68,7 @@ It is [plain Markdown](.claude/skills/reladraw/SKILL.md) with the syntax referen
 
 ## Status
 
-Version 0.7.0. Early, but it runs: a parser, resolver and SVG renderer in TypeScript with no runtime dependencies, and a command-line tool that takes a text file and writes a standalone SVG. The comparison at the top of this page is that pipeline run on [`examples/arch.reladraw`](examples/arch.reladraw). What is still visibly off there is typography, not placement.
+Version 0.7.1. Early, but it runs: a parser, resolver and SVG renderer in TypeScript with no runtime dependencies, and a command-line tool that takes a text file and writes a standalone SVG. The comparison at the top of this page is that pipeline run on [`examples/arch.reladraw`](examples/arch.reladraw). What is still visibly off there is typography, not placement.
 
 ```
 npm install -g reladraw

package/SYNTAX.md

@@ -1,4 +1,4 @@
-# Syntax reference — 0.7.0
+# Syntax reference — 0.7.1
 
 What the language accepts. The parser, resolver and SVG renderer implement all of it; the sections at the end record what is defective, unchecked or undecided.
 
@@ -1012,6 +1012,10 @@ That one was found by testing the lexer, not by rendering — and it could not h
 
 Pre-1.0, so the minor number is where a breaking change goes. Every removal below is refused by name with the replacement quoted, rather than dropped in silence — an older file stops with an error saying what to write instead.
 
+**0.7.1**
+
+- A fix, no syntax change. An edge with `line: (path: straight)` and a clause such as `below m` could draw its text on top of `m`. The line now bends through the room left for the text, so the text sits clear of the node. Existing diagrams with such an edge will look different, and correct.
+
 **0.7.0**
 
 - `line:` takes a bracket for everything about how the line is drawn: `path: curved | square | straight`, `corners: sharp | rounded`, `crossing: none | arc | gap | square`, `pattern: solid | dashed | dotted | dash-dot` and `thickness: thin | normal | thick` or a number. `line: red` still works, as the short form of `line: (color: red)`. Every default is how lines were drawn before, so no existing file changes.

package/dist/render.js

@@ -450,8 +450,20 @@ function jointedLine(edge, ends, corridor, route, nodes, textWidth) {
     if (route) {
         if (square)
             return { points: route.points, mid: route.mid };
-        const points = straighten(route.points, edge, nodes);
-        return { points, mid: textSpot(points, textWidth) };
+        if (textWidth === 0) {
+            const points = straighten(route.points, edge, nodes);
+            return { points, mid: textSpot(points, textWidth) };
+        }
+        // The route pushed its run out far enough to hold the text clear of the
+        // boxes it passes, and that room is only on the run. So a straight line
+        // with a text keeps the text's point and straightens either side of it;
+        // cutting across the run would put the text back against the box.
+        const [before, after] = splitAt(route.points, route.mid);
+        const points = tidyRoute([
+            ...straighten(before, edge, nodes),
+            ...straighten(after, edge, nodes).slice(1),
+        ]);
+        return { points, mid: route.mid };
     }
     if (corridor) {
         const p1 = corridorPoint(corridor, corridor.enter);
@@ -607,6 +619,29 @@ function straighten(points, edge, nodes) {
     }
     return kept;
 }
+/**
+ * A line cut in two at `at`, a point on one of its pieces, each half keeping
+ * `at` as its end. A point on no piece cuts at the nearest one.
+ */
+function splitAt(points, at) {
+    let piece = 0;
+    let nearest = Infinity;
+    for (let index = 1; index < points.length; index += 1) {
+        const a = points[index - 1];
+        const b = points[index];
+        const length = Math.hypot(b.x - a.x, b.y - a.y);
+        const t = length === 0 ? 0 : Math.max(0, Math.min(1, ((at.x - a.x) * (b.x - a.x) + (at.y - a.y) * (b.y - a.y)) / (length * length)));
+        const off = Math.hypot(a.x + t * (b.x - a.x) - at.x, a.y + t * (b.y - a.y) - at.y);
+        if (off < nearest) {
+            nearest = off;
+            piece = index;
+        }
+    }
+    return [
+        tidyRoute([...points.slice(0, piece), at]),
+        tidyRoute([at, ...points.slice(piece)]),
+    ];
+}
 function extentOfBox(box) {
     return { minX: box.x, minY: box.y, maxX: box.x + box.width, maxY: box.y + box.height };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reladraw",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "A diagram language where you say where things go.",
   "type": "module",
   "bin": {