Signatur: Leerzeilen an der Marker-Grenze nicht mehr rendern

Die \n\n um [[signatur1]] erzeugten zusaetzliche Leerzeilen (grosse Luecken
trotz Abstand 0). Textsegmente werden an der Signatur-Grenze getrimmt; der
vertikale Platz haengt jetzt nur noch am (regelbaren) Abstand.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/lib/page-layout.js

@@ -9,9 +9,11 @@ const FONT_SIZE_PX = 26;
 const DEFAULT_LINE_LIMITS = { a4: 27, a5p: 19, a5l: 13, a6p: 14, a6l: 11, dinlang_karte: 11 };
 const DEFAULT_FORMAT_LAYOUTS = {
   a4: { marginTopMm: 25, marginLeftMm: 20, lineHeightFactor: 1.35 },
-  a5p: { marginTopMm: 20, marginLeftMm: 15, lineHeightFactor: 1.35 },
-  a5l: { marginTopMm: 20, marginLeftMm: 15, lineHeightFactor: 1.35 },
-  dinlang_karte: { marginTopMm: 8, marginLeftMm: 10, lineHeightFactor: 1.2 },
+  // A5 greift an der KURZEN (148 mm) Seite: hoch → unten, quer → rechts.
+  a5p: { marginTopMm: 20, marginLeftMm: 15, marginBottomMm: 14, lineHeightFactor: 1.35 },
+  a5l: { marginTopMm: 20, marginLeftMm: 15, marginRightMm: 14, lineHeightFactor: 1.35 },
+  // DIN lang greift an der langen (210 mm) Seite → unten.
+  dinlang_karte: { marginTopMm: 8, marginLeftMm: 10, marginBottomMm: 14, lineHeightFactor: 1.2 },
   // A6-Greifrand IMMER an der langen (148 mm) Seite:
   //  • a6p (hoch, 105×148): lange Seite = rechts  → marginRightMm (Breite)
   //  • a6l (quer, 148×105): lange Seite = unten   → marginBottomMm (Zeilen)

src/lib/svg-generator.js

@@ -156,12 +156,13 @@ function generateLetterSVG(text, format, options = {}) {
 
   // ── Pfad mit Signaturen: Text in Segmente aufteilen ───────────────────────
   // Jede Signatur-Zeile ist 2 Zeilen hoch; bis zu 3 Signaturen nebeneinander.
-  const sigHeightPx  = 2 * lineHeightPx;
+  // Signatur-Größe: kompakte Zielhöhe (~1,2 Zeilen statt fix 2) ODER schmaler Slot –
+  // gleichmäßig skalieren. Über signatureOffsets[key].scale je Signatur anpassbar.
   const sigSlotW     = maxWidthPx / 3;                     // Breite pro Signatur-Slot
-  const sigScaleH    = sigHeightPx / SIG_CANVAS_H;
-  const sigScaleW    = sigSlotW    / SIG_CANVAS_W;
-  const sigScale     = Math.min(sigScaleH, sigScaleW);     // gleichmäßig skalieren
-  const sigPaddingPx = lineHeightPx * 0.3;                 // kleiner Abstand ober/unterhalb
+  const sigScale     = Math.min((lineHeightPx * 1.2) / SIG_CANVAS_H, sigSlotW / SIG_CANVAS_W);
+  // Standard-Abstand ober-/unterhalb der Signatur = halber Zeilenabstand.
+  // Pro Signatur über signatureOffsets[key].spacing (mm) überschreibbar.
+  const defaultSpacingPx = lineHeightPx * 0.5;
 
   const rawText = String(text || '');
   const segments = [];
@@ -189,10 +190,12 @@ function generateLetterSVG(text, format, options = {}) {
     const seg = segments[si];
 
     if (seg.type === 'text') {
+      // Leerzeilen direkt an der Signatur-Grenze entfernen – sonst „fressen" die
+      // \n\n um [[signatur1]] zusätzlichen Platz. Abstand regelt NUR das spacing.
       const trimmed = seg.content.replace(/^\n+/, '').replace(/\n+$/, '');
       if (!trimmed) { si++; continue; }
       const lines = wrapTextToLinesByWidth({
-        text: seg.content,
+        text: trimmed,
         maxWidthPx,
         fontFileName: fontConfig.file,
         fontSizePx,
@@ -217,13 +220,25 @@ function generateLetterSVG(text, format, options = {}) {
       totalLineCount += lines.length;
       si++;
     } else {
-      // Aufeinanderfolgende Signaturen als Zeile nebeneinander rendern
+      // Aufeinanderfolgende Signaturen als Zeile nebeneinander rendern.
       const sigRow = [];
       while (si < segments.length && segments[si].type === 'sig') {
         sigRow.push(segments[si]);
         si++;
       }
-      currentY += sigPaddingPx;
+      // Tatsächlich gerenderte Höhe der Zeile + individueller Abstand je Signatur
+      // (Default halber Zeilenabstand). So wird nur der real benötigte Platz
+      // reserviert statt fix 2 Zeilen – Signaturen „fressen" keinen Platz mehr.
+      let rowHeightPx = 0;
+      let spacingPx = defaultSpacingPx;
+      for (const sigSeg of sigRow) {
+        const off = signatureOffsets[sigSeg.key] || {};
+        const sc = Number(off.scale) > 0 ? Number(off.scale) : 1;
+        if (signatures[sigSeg.key]) rowHeightPx = Math.max(rowHeightPx, SIG_CANVAS_H * sigScale * sc);
+        if (off.spacing != null && off.spacing !== '') spacingPx = Math.max(0, mmToPx(Number(off.spacing)));
+      }
+      if (rowHeightPx <= 0) rowHeightPx = lineHeightPx; // keine SVG → eine Platzhalterzeile
+      currentY += spacingPx;
       sigRow.forEach((sigSeg, slotIdx) => {
         const svgString = signatures[sigSeg.key] || null;
         if (svgString) {
@@ -237,8 +252,8 @@ function generateLetterSVG(text, format, options = {}) {
           if (sigEl) allSvgElements.push(sigEl);
         }
       });
-      currentY += sigHeightPx + sigPaddingPx;
-      totalLineCount += 2; // ganze Zeile zählt als 2 Zeilen, unabhängig von Anzahl
+      currentY += rowHeightPx + spacingPx;
+      totalLineCount += Math.max(1, Math.ceil((2 * spacingPx + rowHeightPx) / lineHeightPx));
     }
   }