@ogabrielluiz/patchflow 0.1.3 → 0.1.4

package/dist/index.js

@@ -2,7 +2,7 @@ import {
   SIGNAL_OPERATORS,
   __commonJS,
   __toESM
-} from "./chunk-4VUBNFI4.js";
+} from "./chunk-YONEHQMI.js";
 
 // node_modules/@dagrejs/graphlib/lib/graph.js
 var require_graph = __commonJS({
@@ -4284,14 +4284,33 @@ function layout(graph, options = {}) {
   const feedbackSpace = hasFeedback ? diagramBottom - maxY + feedbackArcOffset + 30 + 16 : 0;
   const width = maxX + margin;
   const height = maxY + margin + feedbackSpace;
+  const warnings = checkHeightInvariant({
+    blocks: layoutBlocks,
+    height,
+    hasFeedback,
+    feedbackBottom: diagramBottom + feedbackArcOffset
+  });
   return {
     blocks: layoutBlocks,
     connections: layoutConnections,
     width,
     height,
-    signalTypeStats: graph.signalTypeStats
+    signalTypeStats: graph.signalTypeStats,
+    warnings
   };
 }
+function checkHeightInvariant(args) {
+  const { blocks, height, hasFeedback, feedbackBottom } = args;
+  const warnings = [];
+  const blockBottomMax = blocks.length > 0 ? Math.max(...blocks.map((b) => b.y + b.height)) : 0;
+  const contentBottom = hasFeedback ? Math.max(blockBottomMax, feedbackBottom) : blockBottomMax;
+  if (height < contentBottom) {
+    warnings.push(
+      `layout: computed height (${height.toFixed(1)}) is below content bottom (${contentBottom.toFixed(1)}); legend/notes may overlap block content`
+    );
+  }
+  return warnings;
+}
 
 // src/renderer.ts
 function genId() {
@@ -4531,7 +4550,7 @@ function buildAnnotations(theme, connections, layoutHeight) {
   });
   return parts.join("");
 }
-function buildLegend(theme, layoutResult) {
+function buildLegend(theme, layoutResult, diagramBottom) {
   const order = ["audio", "cv", "pitch", "gate", "trigger", "clock"];
   const used = order.filter((t) => (layoutResult.signalTypeStats[t] ?? 0) > 0);
   if (used.length === 0) return "";
@@ -4540,7 +4559,7 @@ function buildLegend(theme, layoutResult) {
   const itemWidth = 70;
   const totalWidth = used.length * itemWidth;
   const legendStartX = layoutResult.width - totalWidth;
-  const y = layoutResult.height - 20;
+  const y = diagramBottom - 20;
   for (let i = 0; i < used.length; i++) {
     const sig = used[i];
     const color = theme.cable.colors[sig].stroke;
@@ -4572,6 +4591,14 @@ function renderSvg(layoutResult, theme) {
       `<pattern id="${idPrefix}-dots" width="${spacing}" height="${spacing}" patternUnits="userSpaceOnUse"><circle cx="${spacing / 2}" cy="${spacing / 2}" r="${theme.grid.dotRadius}" fill="${theme.grid.dotColor}" opacity="${theme.grid.opacity}"/></pattern>`
     );
   }
+  const labelPadX = 130;
+  const vbWidth = width + labelPadX * 2;
+  const topPad = 40;
+  const noteCount = layoutResult.connections.filter((c) => c.annotation).length;
+  const notesHeight = noteCount > 0 ? noteCount * 16 + 10 : 0;
+  const bottomPad = Math.max(40, notesHeight + 10);
+  const vbHeight = height + topPad + bottomPad;
+  const diagramBottom = height + bottomPad;
   const layers = [
     `<g class="pf-layer-bg">${buildBackground(theme, idPrefix, width, height)}</g>`,
     `<g class="pf-layer-cables">${buildCables(theme, layoutResult.connections)}</g>`,
@@ -4579,17 +4606,10 @@ function renderSvg(layoutResult, theme) {
     `<g class="pf-layer-params">${buildParams(layoutResult.blocks, theme)}</g>`,
     `<g class="pf-layer-jacks">${buildJacks(theme, idPrefix, layoutResult.blocks)}</g>`,
     `<g class="pf-layer-labels">${buildLabels(theme, layoutResult.blocks, layoutResult.connections)}</g>`,
-    `<g class="pf-layer-annotations">${buildAnnotations(theme, layoutResult.connections, height)}</g>`,
-    `<g class="pf-layer-legend">${buildLegend(theme, layoutResult)}</g>`
+    `<g class="pf-layer-annotations">${buildAnnotations(theme, layoutResult.connections, diagramBottom)}</g>`,
+    `<g class="pf-layer-legend">${buildLegend(theme, layoutResult, diagramBottom)}</g>`
   ].join("");
   const style = `<style>@media print { .pf-panel, .pf-jack { filter: none; } }</style>`;
-  const labelPadX = 130;
-  const vbWidth = width + labelPadX * 2;
-  const topPad = 40;
-  const noteCount = layoutResult.connections.filter((c) => c.annotation).length;
-  const notesHeight = noteCount > 0 ? noteCount * 16 + 10 : 0;
-  const bottomPad = Math.max(40, notesHeight + 10);
-  const vbHeight = height + topPad + bottomPad;
   const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${-labelPadX} ${-topPad} ${vbWidth} ${vbHeight}" width="100%" data-pf-min-width="${minWidth + labelPadX * 2}" role="img" aria-labelledby="${idPrefix}-title ${idPrefix}-desc"><title id="${idPrefix}-title">Patch diagram</title><desc id="${idPrefix}-desc">${desc}</desc>` + style + `<defs>${defsParts.join("")}</defs>` + layers + `</svg>`;
   return svg;
 }