reladraw 0.11.0 → 0.11.1

package/README.md

@@ -66,7 +66,7 @@ That gets you a copy of the skill at the time you run it, so you'll need to re-r
 
 ## Status
 
-Version 0.11.0. Early stage, but works. The parser, layout engine, and SVG renderer are written in TypeScript, with zero runtime dependencies. There is a command-line tool that turns a .reladraw text file into an SVG.
+Version 0.11.1. Early stage, but works. The parser, layout engine, and SVG renderer are written in TypeScript, with zero runtime dependencies. There is a command-line tool that turns a .reladraw text file into an SVG.
 
 The language isn't stable yet, so expect the syntax to change.
 

package/SYNTAX.md

@@ -1,4 +1,4 @@
-# Syntax reference — 0.11.0
+# Syntax reference — 0.11.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.
 
@@ -1068,6 +1068,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.11.1**
+
+- Several diagrams inlined into one web page no longer lose their arrowheads. Every drawing used to name its arrowheads the same way, so a page took them all from the first drawing, and drew none when that drawing was hidden. The gaps where lines cross were named the same way, so a second drawing's lines were cut where the first drawing's crossed. Each drawing's names now carry a prefix of its own, taken from the drawing, so the same source still gives the same SVG.
+
 **0.11.0**
 
 - A line never passes through a box. Every edge takes the shortest way between its ends that goes through none, and goes round whatever is in its way, including edges that name no side. This replaces the separate rules for lines going over a row, turning back and going round a node behind, which kept missing cases; a fan of three from one side into a column was the latest. See "Going round boxes".

package/dist/render.js

@@ -78,7 +78,7 @@ export function render(layout, options = {}) {
         height: Math.ceil(ink.maxY) - Math.floor(ink.minY),
     };
     const arrowColors = new Set(layout.edges.map((edge) => lineOf(edge.appearance, theme, theme.edge)));
-    return [
+    const svg = [
         `<svg xmlns="http://www.w3.org/2000/svg" width="${canvas.width}" height="${canvas.height}" viewBox="${canvas.x} ${canvas.y} ${canvas.width} ${canvas.height}" font-family=${quote(measurer.fontFamily)} font-size="${fontSize}px">`,
         '  <defs>',
         ...[...arrowColors].map((color) => arrowMarker(color)),
@@ -97,6 +97,34 @@ export function render(layout, options = {}) {
         '</svg>',
         '',
     ].join('\n');
+    return ownIds(svg);
+}
+/**
+ * Gives every id in a drawing a prefix of its own, taken from a hash of the
+ * drawing.
+ *
+ * Ids are shared by every SVG inlined into one page, and a reference resolves to
+ * the first element in the page carrying the name. With plain names, a second
+ * drawing's arrowheads came from the first one — and when the first was hidden,
+ * in a closed dialog or a collapsed tab, they were not drawn at all. Its masks
+ * would have cut the second drawing's lines where the first one's crossed.
+ *
+ * A hash rather than a counter, so the same source gives the same bytes on every
+ * run. Two drawings that share a prefix are byte-for-byte the same, so whichever
+ * copy a reference lands on draws the same thing — unless that copy is hidden,
+ * which is the one case this does not cover.
+ *
+ * Only attribute positions are rewritten. Anything a diagram's author wrote is
+ * escaped before it reaches an attribute, so it cannot contain the `"` both
+ * patterns begin or end with.
+ */
+function ownIds(svg) {
+    let hash = 0x811c9dc5;
+    for (let i = 0; i < svg.length; i++) {
+        hash = Math.imul(hash ^ svg.charCodeAt(i), 0x01000193);
+    }
+    const prefix = `r${(hash >>> 0).toString(16).padStart(8, '0')}-`;
+    return svg.replaceAll(' id="', ` id="${prefix}`).replaceAll('="url(#', `="url(#${prefix}`);
 }
 // --- nodes -------------------------------------------------------------------
 /**

package/package.json

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