@knowvah/dot-engine 0.1.0 → 1.1.0

package/dist/gvc/device.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"device.d.ts","sourceRoot":"","sources":["../../src/gvc/device.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAO,MAAM,kBAAkB,CAAC;AAInD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/D,OAAO,KAAK,EAAa,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAmF,MAAM,UAAU,CAAC;AAuBtH,qFAAqF;AACrF,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,GAAG,IAAI,CAE5F;AAcD,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,SAAS;QACjB,0EAA0E;QAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;KACxB;CACF;AAMD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,GAAG,KAAK,CAe9D;AAED,mFAAmF;AACnF,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,KAAK,CAI7F;AAED,qFAAqF;AACrF,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,KAAK,CAI1F;AAED,6FAA6F;AAC7F,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CAGtD;AA+DD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAwBnG;AA2BD,wBAAgB,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,GAAG,IAAI,CA8BlF;AAsBD;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,EAAE,EAAE,UAAU,GAAG,SAAS,EAC1B,QAAQ,EAAE,cAAc,EACxB,GAAG,EAAE,SAAS,GACb,IAAI,CAwBN;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,GAAG,IAAI,CAExF;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,GAAG,IAAI,CAIzF;AAkFD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,GAAG,IAAI,CAQvF;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,GAAG,MAAM,CAyBtF;AA8BD;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAC,GAAG,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,UAAQ,GAAG,MAAM,CA2E9F"}
+{"version":3,"file":"device.d.ts","sourceRoot":"","sources":["../../src/gvc/device.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAO,MAAM,kBAAkB,CAAC;AAInD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/D,OAAO,KAAK,EAAa,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAmF,MAAM,UAAU,CAAC;AAuBtH,qFAAqF;AACrF,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,GAAG,IAAI,CAE5F;AAcD,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,SAAS;QACjB,0EAA0E;QAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;KACxB;CACF;AAMD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,GAAG,KAAK,CAe9D;AAED,mFAAmF;AACnF,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,KAAK,CAI7F;AAED,qFAAqF;AACrF,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,KAAK,CAI1F;AAED,6FAA6F;AAC7F,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CAGtD;AA+DD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAwBnG;AA2BD,wBAAgB,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,GAAG,IAAI,CA8BlF;AAsBD;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,EAAE,EAAE,UAAU,GAAG,SAAS,EAC1B,QAAQ,EAAE,cAAc,EACxB,GAAG,EAAE,SAAS,EACd,UAAU,UAAO,GAChB,IAAI,CA8BN;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,GAAG,IAAI,CAExF;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,GAAG,IAAI,CAIzF;AAkFD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,GAAG,IAAI,CAQvF;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,GAAG,MAAM,CAyBtF;AA8BD;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAC,GAAG,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,UAAQ,GAAG,MAAM,CA2E9F"}

package/dist/index.js

@@ -24961,7 +24961,7 @@ function orthoRoundedPolylines(pts, radius) {
 // src/render/svg-graph.ts
 var SVG_XML_DECL = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n';
 var SVG_DOCTYPE = '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"\n "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n';
-var SVG_GENERATOR_COMMENT = "<!-- Generated by graphviz-ts -->\n";
+var SVG_GENERATOR_COMMENT = "<!-- Generated by @knowvah/dot-engine -->\n";
 var BGCOLOR_TRANSPARENT = "\0transparent";
 function formatG(n) {
   return String(parseFloat(n.toPrecision(6)));
@@ -25863,8 +25863,11 @@ function computeNodeUrlMap(n, obj, ctx) {
   obj.urlMapPts = m.pts.map((p) => mapTransform(p, ctx));
 }
 function computeGraphUrlMap(obj, ctx) {
-  const ll = { x: ctx.bb.ll.x - ctx.pad.x, y: ctx.bb.ll.y - ctx.pad.y };
-  const ur = { x: ctx.bb.ur.x + ctx.pad.x, y: ctx.bb.ur.y + ctx.pad.y };
+  const ll = { x: -ctx.pad.x, y: -ctx.pad.y };
+  const ur = {
+    x: ctx.bb.ur.x - ctx.bb.ll.x + ctx.pad.x,
+    y: ctx.bb.ur.y - ctx.bb.ll.y + ctx.pad.y
+  };
   obj.urlMapShape = 0 /* Rectangle */;
   obj.urlMapPts = [mapTransform(ll, ctx), mapTransform(ur, ctx)];
 }
@@ -26101,7 +26104,7 @@ function walkNodesAndEdges(g, renderer, job, info) {
 
 // src/gvc/device.ts
 function renderClusterLabel(sg, renderer, job) {
-  renderOneLabel(sg.info.label, renderer, job);
+  renderOneLabel(sg.info.label, renderer, job, false);
 }
 function transformPoint(p, job) {
   if ((job.flags & GVRENDER_DOES_TRANSFORM) !== 0) {
@@ -26208,8 +26211,9 @@ function labelSpanX(lp, just) {
   if (just === "r") return lp.pos.x + lp.space.x / 2;
   return lp.pos.x;
 }
-function renderOneLabel(lp, renderer, job) {
-  if (!lp?.set) return;
+function renderOneLabel(lp, renderer, job, requireSet = true) {
+  if (!lp) return;
+  if (requireSet && !lp.set) return;
   if (lp.html) {
     if (lp.u.kind === "html") {
       const html = lp.u.html;
@@ -26232,7 +26236,7 @@ function renderNodeXLabel(n, renderer, job) {
 }
 function renderGraphLabel(g, renderer, job) {
   setHtmlAnchorObj(svgGraphId(g, job), labelTextOf2(g.info.label), job.obj ?? void 0);
-  renderOneLabel(g.info.label, renderer, job);
+  renderOneLabel(g.info.label, renderer, job, false);
 }
 function renderClusterBox(sg, filled, renderer, job) {
   const { ll, ur } = sg.info.bb;
@@ -26357,7 +26361,7 @@ function adviseHostFaithful() {
   if (process.env?.GV_FONT_QUIET || !process.stderr?.isTTY) return;
   adviceShown = true;
   process.stderr.write(
-    "graphviz-ts: measuring text with built-in metrics (kerning/shaping not applied). For host-faithful sizing matching the rendering font, install `canvas` and call setTextMeasurer(new CanvasTextMeasurer(createCanvas(0,0).getContext('2d'))). Silence with GV_FONT_QUIET=1.\n"
+    "@knowvah/dot-engine: measuring text with built-in metrics (kerning/shaping not applied). For host-faithful sizing matching the rendering font, install `canvas` and call setTextMeasurer(new CanvasTextMeasurer(createCanvas(0,0).getContext('2d'))). Silence with GV_FONT_QUIET=1.\n"
   );
 }
 function createMeasurer() {
@@ -39022,8 +39026,9 @@ function neatoInitNode(n, dim = DFLT_DIM) {
     n.info.pos = pos;
   }
   if (n.info.UF_size === void 0) n.info.UF_size = 1;
-  if (!n.info.width) n.info.width = 0.75;
-  if (!n.info.height) n.info.height = 0.5;
+  const plainShaped = n.info.shape?.name === "plain";
+  if (!n.info.width && !plainShaped) n.info.width = 0.75;
+  if (!n.info.height && !plainShaped) n.info.height = 0.5;
 }
 function userPos(n) {
   const p = n.attrs.get("pos");
@@ -45623,8 +45628,9 @@ function makeRdata(INF) {
 }
 function twopiInitNode(n) {
   if (!n.info.pos || n.info.pos.length < 2) n.info.pos = [0, 0];
-  if (!n.info.width) n.info.width = 0.75;
-  if (!n.info.height) n.info.height = 0.5;
+  const plainShaped = n.info.shape?.name === "plain";
+  if (!n.info.width && !plainShaped) n.info.width = 0.75;
+  if (!n.info.height && !plainShaped) n.info.height = 0.5;
 }
 function twopiInitEdge(e) {
   const wt = e.attrs.get("weight");
@@ -52097,73 +52103,253 @@ function createJsonRenderer() {
 
 // src/render/map.ts
 var DQ = '"';
+function exactDecimalDigits2(v) {
+  const dv = new DataView(new ArrayBuffer(8));
+  dv.setFloat64(0, Math.abs(v));
+  const bits = dv.getBigUint64(0);
+  const expBits = Number(bits >> 52n & 0x7ffn);
+  const mant = bits & 0xfffffffffffffn;
+  const m = expBits === 0 ? mant : mant | 1n << 52n;
+  const e = (expBits === 0 ? 1 : expBits) - 1075;
+  let intDigits;
+  let fracLen = 0;
+  if (e >= 0) {
+    intDigits = (m << BigInt(e)).toString();
+  } else {
+    intDigits = (m * 5n ** BigInt(-e)).toString();
+    fracLen = -e;
+  }
+  if (intDigits.length <= fracLen) {
+    intDigits = "0".repeat(fracLen - intDigits.length + 1) + intDigits;
+  }
+  const pointPos = intDigits.length - fracLen;
+  const firstSig = intDigits.search(/[1-9]/);
+  return { digits: intDigits.slice(firstSig), exp10: pointPos - firstSig - 1 };
+}
 function printG5(v) {
-  const s = v.toPrecision(5);
-  if (s.includes(".") && !s.includes("e")) {
-    return s.replace(/\.?0+$/, "");
+  if (v === 0 || !Number.isFinite(v)) return String(v);
+  const P = 5;
+  const { digits, exp10 } = exactDecimalDigits2(v);
+  let sig = digits.slice(0, P);
+  if (sig.length < P) sig += "0".repeat(P - sig.length);
+  const rest = digits.slice(P);
+  const restNonzeroAfterFirst = /[1-9]/.test(rest.slice(1));
+  const roundUp = rest.length > 0 && (rest[0] > "5" || rest[0] === "5" && restNonzeroAfterFirst || rest[0] === "5" && !restNonzeroAfterFirst && (sig.charCodeAt(P - 1) - 48) % 2 === 1);
+  let exp = exp10;
+  if (roundUp) {
+    const n = String(BigInt(sig) + 1n);
+    sig = n.length > P ? (exp++, n.slice(0, P)) : n;
   }
-  return s;
+  const sign2 = v < 0 ? "-" : "";
+  if (exp < -4 || exp >= P) {
+    const mant = (sig[0] + "." + sig.slice(1)).replace(/\.?0+$/, "");
+    const as = Math.abs(exp);
+    return sign2 + mant + "e" + (exp < 0 ? "-" : "+") + (as < 10 ? "0" : "") + String(as);
+  }
+  let s;
+  if (exp >= sig.length - 1) {
+    s = sig + "0".repeat(exp - sig.length + 1);
+  } else if (exp >= 0) {
+    s = sig.slice(0, exp + 1) + "." + sig.slice(exp + 1);
+  } else {
+    s = "0." + "0".repeat(-exp - 1) + sig;
+  }
+  if (s.includes(".")) s = s.replace(/\.?0+$/, "");
+  return sign2 + s;
 }
 function plainCoord(v) {
   return printG5(v / 72);
 }
-function plainNodeFill(n) {
-  const color = n.attrs.get("color") ?? "black";
-  return n.attrs.get("fillcolor") || color || "lightgrey";
+var CANON_KEYWORDS = ["node", "edge", "strict", "graph", "digraph", "subgraph"];
+var MAX_OUTPUTLINE = 128;
+function isDigitByte(b) {
+  return b >= 48 && b <= 57;
+}
+function isAlnumByte(b) {
+  return isDigitByte(b) || b >= 65 && b <= 90 || b >= 97 && b <= 122;
+}
+function isIdCharByte(b) {
+  return isAlnumByte(b) || b === 46 || b === 45 || b >= 128;
 }
-function plainNodeAttrs(n) {
+function isEscapeAt(bytes, i) {
+  if (bytes[i] !== 92) return false;
+  const c = bytes[i + 1];
+  return c !== void 0 && 'EGHLNTlnr\\"'.includes(String.fromCharCode(c));
+}
+function agstrcanonText(arg) {
+  if (arg.length === 0) return '""';
+  const bytes = new TextEncoder().encode(arg);
+  const out = [34];
+  let needsQuotes = false;
+  let partOfEscape = false;
+  let backslashPending = false;
+  let cnt = 0;
+  let dotcnt = 0;
+  let maybeNum = isDigitByte(bytes[0]) || bytes[0] === 46 || bytes[0] === 45;
+  for (let i = 0; i < bytes.length; i++) {
+    const uc = bytes[i];
+    if (uc === 34 && !partOfEscape) {
+      out.push(92);
+      needsQuotes = true;
+    } else if (!partOfEscape && isEscapeAt(bytes, i)) {
+      needsQuotes = true;
+      partOfEscape = true;
+    } else if (maybeNum) {
+      if (uc === 45) {
+        if (cnt) {
+          maybeNum = false;
+          needsQuotes = true;
+        }
+      } else if (uc === 46) {
+        if (dotcnt++) {
+          maybeNum = false;
+          needsQuotes = true;
+        }
+      } else if (!isDigitByte(uc)) {
+        maybeNum = false;
+        needsQuotes = true;
+      }
+      partOfEscape = false;
+    } else if (!(isAlnumByte(uc) || uc === 95 || uc >= 128)) {
+      needsQuotes = true;
+      partOfEscape = false;
+    } else {
+      partOfEscape = false;
+    }
+    out.push(uc);
+    cnt++;
+    const next = bytes[i + 1];
+    if (next !== void 0) {
+      const last = out[out.length - 1];
+      const canBreak = !(isIdCharByte(last) || last === 92) && isIdCharByte(next);
+      if (backslashPending && canBreak) {
+        out.push(92, 10);
+        needsQuotes = true;
+        backslashPending = false;
+        cnt = 0;
+      } else if (cnt >= MAX_OUTPUTLINE) {
+        if (canBreak) {
+          out.push(92, 10);
+          needsQuotes = true;
+          cnt = 0;
+        } else {
+          backslashPending = true;
+        }
+      }
+    }
+  }
+  out.push(34);
+  const first = bytes[0];
+  if (needsQuotes || cnt === 1 && (first === 46 || first === 45)) {
+    return new TextDecoder().decode(new Uint8Array(out));
+  }
+  const lower = arg.toLowerCase();
+  for (const tok of CANON_KEYWORDS) {
+    if (tok === lower) return new TextDecoder().decode(new Uint8Array(out));
+  }
+  return arg;
+}
+function lateNN(v, def) {
+  return v !== void 0 && v !== "" ? v : def;
+}
+function plainNodeFill(n, g) {
+  const fillcolor = lateNN(nodeAttr(n, g, "fillcolor"), "");
+  if (fillcolor !== "") return fillcolor;
+  return lateNN(nodeAttr(n, g, "color"), "lightgrey");
+}
+function plainNodeLabel(n, g) {
+  const lbl = n.info.label;
+  const attr2 = nodeAttr(n, g, "label");
+  if (lbl !== void 0 && lbl.u.kind === "html") {
+    const a = attr2 ?? "";
+    return "<" + (isHtmlValue(a) ? htmlValueContent(a) : a) + ">";
+  }
+  if (attr2 !== void 0 && isHtmlValue(attr2) && lbl !== void 0 && lbl.u.kind === "txt") {
+    return agstrcanonText(htmlValueContent(attr2));
+  }
+  const shape = n.info.shape;
+  if (shape !== void 0 && shape.kind === 2 /* SH_RECORD */) {
+    return agstrcanonText(nodeAttr(n, g, "label") ?? "\\N");
+  }
+  const text = lbl !== void 0 ? lbl.text : n.attrs.get("label") ?? n.name;
+  return agstrcanonText(text);
+}
+function plainNodeAttrs(n, g) {
+  const shapeAttr = lateNN(nodeAttr(n, g, "shape"), "ellipse");
+  const shapefile = nodeAttr(n, g, "shapefile");
+  const shapeName = shapefile !== void 0 && shapefile !== "" && shapeAttr !== "epsf" ? "custom" : shapeAttr;
   return {
-    label: n.attrs.get("label") ?? n.name,
-    style: n.attrs.get("style") ?? "solid",
-    shape: n.attrs.get("shape") ?? "ellipse",
-    color: n.attrs.get("color") ?? "black",
-    fill: plainNodeFill(n)
+    label: plainNodeLabel(n, g),
+    style: lateNN(nodeAttr(n, g, "style"), "solid"),
+    shape: shapeName,
+    color: lateNN(nodeAttr(n, g, "color"), "black"),
+    fill: plainNodeFill(n, g)
   };
 }
-function writePlainNode(n, out) {
+function writePlainNode(n, g, out) {
   const x = plainCoord(n.info.coord.x);
   const y = plainCoord(n.info.coord.y);
   const w = printG5(n.info.width);
   const h = printG5(n.info.height);
-  const a = plainNodeAttrs(n);
-  out.push("node " + n.name + " " + x + " " + y + " " + w + " " + h + " " + a.label + " " + a.style + " " + a.shape + " " + a.color + " " + a.fill + "\n");
+  const a = plainNodeAttrs(n, g);
+  out.push("node " + agstrcanonText(n.name) + " " + x + " " + y + " " + w + " " + h + " " + a.label + " " + a.style + " " + a.shape + " " + a.color + " " + a.fill + "\n");
 }
 function collectSplinePts(e) {
   if (!e.info.spl) return [];
   const pts = [];
   for (const bz of e.info.spl.list) {
-    for (const pt of bz.list) pts.push(pt);
+    for (let i = 0; i < bz.size; i++) pts.push(bz.list[i]);
   }
   return pts;
 }
-function portSuffix(name) {
-  return name ? ":" + name : "";
+function writeNodeAndPort(n, portname, out) {
+  let name = n.name;
+  if (n.info.clustnode) {
+    const i = name.indexOf(":");
+    if (i >= 0) name = name.slice(i + 1);
+  }
+  out.push(" " + agstrcanonText(name));
+  if (portname !== "") out.push(":" + agstrcanonText(portname));
 }
 function writePlainEdgeHead(e, tport, hport, pts, out) {
-  out.push("edge " + e.tail.name + tport + " " + e.head.name + hport + " " + String(pts.length));
+  out.push("edge");
+  writeNodeAndPort(e.tail, tport, out);
+  writeNodeAndPort(e.head, hport, out);
+  out.push(" " + String(pts.length));
   for (const pt of pts) {
     out.push(" " + plainCoord(pt.x) + " " + plainCoord(pt.y));
   }
 }
 function writePlainEdge(e, extend, out) {
-  const tport = extend ? portSuffix(e.info.tail_port.name) : "";
-  const hport = extend ? portSuffix(e.info.head_port.name) : "";
+  const tport = extend ? e.attrs.get("tailport") ?? "" : "";
+  const hport = extend ? e.attrs.get("headport") ?? "" : "";
   const pts = collectSplinePts(e);
   if (pts.length > 0) writePlainEdgeHead(e, tport, hport, pts, out);
-  const style = e.attrs.get("style") ?? "solid";
-  const color = e.attrs.get("color") ?? "black";
+  const lbl = e.info.label;
+  if (lbl !== void 0) {
+    out.push(" " + agstrcanonText(lbl.text) + " " + plainCoord(lbl.pos.x) + " " + plainCoord(lbl.pos.y));
+  }
+  const style = lateNN(e.attrs.get("style"), "solid");
+  const color = lateNN(e.attrs.get("color"), "black");
   out.push(" " + style + " " + color + "\n");
 }
 function writePlain(g, job, extend) {
   const w = plainCoord(g.info.bb.ur.x);
   const h = plainCoord(g.info.bb.ur.y);
-  job.write("graph " + printG5(job.zoom) + " " + w + " " + h + "\n");
-  for (const [, n] of g.nodes) {
+  const zoom = initJobViewportZoom(
+    job.bb,
+    parseDrawingSize(g.attrs.get("size")),
+    { x: 0, y: 0 }
+  );
+  job.write("graph " + printG5(zoom) + " " + w + " " + h + "\n");
+  const nodes = nodesInSeq(g);
+  for (const n of nodes) {
+    if (n.info.clustnode) continue;
     const buf = [];
-    writePlainNode(n, buf);
+    writePlainNode(n, g, buf);
     job.write(buf.join(""));
   }
-  for (const [, n] of g.nodes) {
+  for (const n of nodes) {
     for (const e of n.outEdges(g)) {
       const buf = [];
       writePlainEdge(e, extend, buf);