@diagrammo/dgmo 0.25.4 → 0.26.0

package/src/graph/flowchart-renderer.ts

@@ -476,10 +476,24 @@ export function renderFlowchart(
 
   const diagramW = layout.width;
   const diagramH = layout.height;
-  const availH = height - titleHeight;
   const scaleX = (width - sDiagramPadding * 2) / diagramW;
-  const scaleY = (availH - sDiagramPadding * 2) / diagramH;
-  const scale = Math.min(MAX_SCALE, scaleX, scaleY);
+
+  // Export renders a fixed canvas (e.g. 1200×800). Fitting a small graph into
+  // it and top-anchoring leaves a tall band of dead space below. In export
+  // mode, scale to width (capped by MAX_SCALE) and size the canvas to the
+  // scaled content height. The interactive preview keeps the fit-to-pane
+  // behaviour so a small graph still fills its pane.
+  let scale: number;
+  let canvasHeight: number;
+  if (exportDims) {
+    scale = Math.min(MAX_SCALE, scaleX);
+    canvasHeight = titleHeight + diagramH * scale + sDiagramPadding * 2;
+  } else {
+    const availH = height - titleHeight;
+    const scaleY = (availH - sDiagramPadding * 2) / diagramH;
+    scale = Math.min(MAX_SCALE, scaleX, scaleY);
+    canvasHeight = height;
+  }
 
   const scaledW = diagramW * scale;
   const offsetX = (width - scaledW) / 2;
@@ -489,8 +503,8 @@ export function renderFlowchart(
     .select(container)
     .append('svg')
     .attr('width', width)
-    .attr('height', height)
-    .attr('viewBox', `0 0 ${width} ${height}`)
+    .attr('height', canvasHeight)
+    .attr('viewBox', `0 0 ${width} ${canvasHeight}`)
     .attr('preserveAspectRatio', 'xMidYMin meet')
     .style('font-family', FONT_FAMILY);
 

package/src/graph/state-renderer.ts

@@ -130,10 +130,24 @@ export function renderState(
 
   const diagramW = layout.width;
   const diagramH = layout.height;
-  const availH = height - titleHeight;
   const scaleX = (width - sDiagramPadding * 2) / diagramW;
-  const scaleY = (availH - sDiagramPadding * 2) / diagramH;
-  const scale = Math.min(MAX_SCALE, scaleX, scaleY);
+
+  // Export renders a fixed canvas (e.g. 1200×800). Fitting a small graph into
+  // it and top-anchoring leaves a tall band of dead space below. In export
+  // mode, scale to width (capped by MAX_SCALE) and size the canvas to the
+  // scaled content height. The interactive preview keeps the fit-to-pane
+  // behaviour so a small graph still fills its pane.
+  let scale: number;
+  let canvasHeight: number;
+  if (exportDims) {
+    scale = Math.min(MAX_SCALE, scaleX);
+    canvasHeight = titleHeight + diagramH * scale + sDiagramPadding * 2;
+  } else {
+    const availH = height - titleHeight;
+    const scaleY = (availH - sDiagramPadding * 2) / diagramH;
+    scale = Math.min(MAX_SCALE, scaleX, scaleY);
+    canvasHeight = height;
+  }
 
   const scaledW = diagramW * scale;
   const offsetX = (width - scaledW) / 2;
@@ -143,8 +157,8 @@ export function renderState(
     .select(container)
     .append('svg')
     .attr('width', width)
-    .attr('height', height)
-    .attr('viewBox', `0 0 ${width} ${height}`)
+    .attr('height', canvasHeight)
+    .attr('viewBox', `0 0 ${width} ${canvasHeight}`)
     .attr('preserveAspectRatio', 'xMidYMin meet')
     .style('font-family', FONT_FAMILY);
 

package/src/infra/parser.ts

@@ -1159,5 +1159,5 @@ export function extractSymbols(docText: string): DiagramSymbols {
       }
     }
   }
-  return { kind: 'infra', entities, keywords: [] };
+  return { kind: 'infra', entities };
 }

package/src/pert/parser.ts

@@ -1639,20 +1639,6 @@ export function extractPertSymbols(docText: string): DiagramSymbols {
   return {
     kind: 'pert',
     entities,
-    keywords: [
-      'time-unit',
-      'default-confidence',
-      'direction',
-      'node-detail',
-      'trials',
-      'seed',
-      'scrubber-trials',
-      'start-date',
-      'end-date',
-      'active-tag',
-      'tag',
-      'as',
-    ],
   };
 }
 

package/src/raci/renderer.ts

@@ -515,6 +515,12 @@ export function renderRaci(
   const colBottomY = cursorY + sColumnBottomPad;
   const totalHeight = colBottomY + sVMargin;
 
+  // Export renders a fixed canvas (e.g. 1200×800); a short matrix would
+  // otherwise reserve a tall band of dead space below the last row. Size the
+  // export canvas to the content height. The interactive preview keeps the
+  // `max(pane, content)` behaviour so a short matrix still fills the pane.
+  const svgHeight = exportDims ? totalHeight : Math.max(height, totalHeight);
+
   // ── SVG root ───────────────────────────────────────────────
 
   const svg = d3Selection
@@ -522,8 +528,8 @@ export function renderRaci(
     .append('svg')
     .attr('xmlns', 'http://www.w3.org/2000/svg')
     .attr('width', width)
-    .attr('height', Math.max(height, totalHeight))
-    .attr('viewBox', `0 0 ${width} ${Math.max(height, totalHeight)}`)
+    .attr('height', svgHeight)
+    .attr('viewBox', `0 0 ${width} ${svgHeight}`)
     .attr('preserveAspectRatio', 'xMidYMin meet')
     .attr('font-family', FONT_FAMILY)
     .style('background', 'transparent');