@ktrysmt/beautiful-mermaid 1.2.0 → 1.3.0

package/dist/index.js

@@ -3854,6 +3854,30 @@ function renderSequenceAscii(text, config, colorMode, theme) {
   const divYMap = /* @__PURE__ */ new Map();
   const notePositions = [];
   let curY = actorBoxH;
+  for (const note of diagram.notes) {
+    if (note.afterIndex !== -1) continue;
+    curY += 1;
+    const nLines = splitLines(note.text);
+    const nWidth = Math.max(...nLines.map((l) => l.length)) + 4;
+    const nHeight = nLines.length + 2;
+    const aIdx = actorIdx.get(note.actorIds[0]) ?? 0;
+    let nx;
+    if (note.position === "left") {
+      nx = llX[aIdx] - nWidth - 1;
+    } else if (note.position === "right") {
+      nx = llX[aIdx] + 2;
+    } else {
+      if (note.actorIds.length >= 2) {
+        const aIdx2 = actorIdx.get(note.actorIds[1]) ?? aIdx;
+        nx = Math.floor((llX[aIdx] + llX[aIdx2]) / 2) - Math.floor(nWidth / 2);
+      } else {
+        nx = llX[aIdx] - Math.floor(nWidth / 2);
+      }
+    }
+    nx = Math.max(0, nx);
+    notePositions.push({ x: nx, y: curY, width: nWidth, height: nHeight, lines: nLines });
+    curY += nHeight;
+  }
   for (let m = 0; m < diagram.messages.length; m++) {
     for (let b = 0; b < diagram.blocks.length; b++) {
       if (diagram.blocks[b].startIndex === m) {
@@ -7397,6 +7421,42 @@ function layoutSequenceDiagram(diagram, _options = {}) {
   const activationStacks = /* @__PURE__ */ new Map();
   const activations = [];
   const nestingOffset = 4;
+  const notesBeforeFirstMsg = notesByAfterIndex.get(-1);
+  if (notesBeforeFirstMsg && notesBeforeFirstMsg.length > 0) {
+    let noteY = messageY;
+    for (const note of notesBeforeFirstMsg) {
+      const noteW = Math.max(
+        SEQ.noteWidth,
+        estimateTextWidth(note.text, FONT_SIZES.edgeLabel, FONT_WEIGHTS.edgeLabel) + SEQ.notePadX * 2
+      );
+      const noteH = FONT_SIZES.edgeLabel + SEQ.notePadY * 2;
+      const firstActorIdx = actorIndex.get(note.actorIds[0] ?? "") ?? 0;
+      let noteX;
+      if (note.position === "left") {
+        noteX = actorCenterX[firstActorIdx] - actorWidths[firstActorIdx] / 2 - noteW - SEQ.noteGap;
+      } else if (note.position === "right") {
+        noteX = actorCenterX[firstActorIdx] + actorWidths[firstActorIdx] / 2 + SEQ.noteGap;
+      } else {
+        if (note.actorIds.length > 1) {
+          const lastActorIdx = actorIndex.get(note.actorIds[note.actorIds.length - 1] ?? "") ?? firstActorIdx;
+          noteX = (actorCenterX[firstActorIdx] + actorCenterX[lastActorIdx]) / 2 - noteW / 2;
+        } else {
+          noteX = actorCenterX[firstActorIdx] - noteW / 2;
+        }
+      }
+      positionedNotes.push({
+        text: note.text,
+        x: noteX,
+        y: noteY,
+        width: noteW,
+        height: noteH,
+        position: note.position,
+        actors: note.actorIds
+      });
+      noteY += noteH + 4;
+    }
+    messageY = Math.max(messageY, noteY + SEQ.messageRowHeight / 2);
+  }
   for (let msgIdx = 0; msgIdx < diagram.messages.length; msgIdx++) {
     const msg = diagram.messages[msgIdx];
     const fromIdx = actorIndex.get(msg.from) ?? 0;