@ogabrielluiz/patchflow 0.1.4 → 0.1.5

package/dist/index.cjs

@@ -4091,7 +4091,7 @@ function selfLoopArcPath(source, target, blockBottom, arcOffset) {
 var MIN_WIDTH = 140;
 var MIN_HEIGHT = 90;
 function getBlockDimensions(block, portCount) {
-  const labelWidth = block.label.length * 8;
+  const labelWidth = block.label.length * 11;
   const subLabelWidth = block.subLabel ? block.subLabel.length * 7 : 0;
   const paramWidths = block.params.map((p) => `${p.key}: ${p.value}`.length * 7);
   const longestParam = paramWidths.length > 0 ? Math.max(...paramWidths) : 0;
@@ -4365,6 +4365,14 @@ function checkHeightInvariant(args) {
 function genId() {
   return "pf-" + Math.random().toString(16).slice(2, 8);
 }
+function fitLabel(label, maxWidth, charWidth) {
+  if (maxWidth <= 0 || charWidth <= 0) return label;
+  const maxChars = Math.floor(maxWidth / charWidth);
+  if (maxChars <= 0) return label;
+  if (label.length <= maxChars) return label;
+  if (maxChars === 1) return "\u2026";
+  return label.slice(0, maxChars - 1) + "\u2026";
+}
 function buildDesc(layoutResult) {
   const blockCount = layoutResult.blocks.length;
   const connCount = layoutResult.connections.length;
@@ -4410,11 +4418,11 @@ function buildPanels(theme, idPrefix, blocks) {
   const parts = [];
   for (const block of blocks) {
     const moduleName = sanitizeForSvg(block.parentModule || block.label);
-    const label = sanitizeForSvg(block.label);
     const fontFamily = sanitizeForSvg(theme.label.fontFamily);
     const insetX = block.x + 12;
     const insetY = block.y + 8;
     const insetW = block.width - 24;
+    const label = sanitizeForSvg(fitLabel(block.label, insetW, 11));
     let group = `<g data-module="${moduleName}" filter="url(#${idPrefix}-panel-shadow)">`;
     group += `<rect x="${block.x}" y="${block.y}" width="${block.width}" height="${block.height}" fill="${theme.panel.fill}" stroke="${theme.panel.stroke}" stroke-width="0.75" rx="${theme.panel.cornerRadius}"/>`;
     group += `<line x1="${block.x}" y1="${block.y + 0.5}" x2="${block.x + block.width}" y2="${block.y + 0.5}" stroke="${theme.panel.highlight}" stroke-width="${theme.panel.bevelWidth}"/>`;
@@ -4422,7 +4430,7 @@ function buildPanels(theme, idPrefix, blocks) {
     group += `<rect x="${insetX}" y="${insetY}" width="${insetW}" height="28" fill="${theme.label.plateFill}" stroke="${theme.label.plateStroke}" stroke-width="0.5"/>`;
     group += `<text x="${block.x + block.width / 2}" y="${block.y + 22}" text-anchor="middle" font-family="${fontFamily}" font-size="14" font-weight="700" fill="${theme.label.color}" letter-spacing="3">${label}</text>`;
     if (block.subLabel) {
-      const subLabel = sanitizeForSvg(block.subLabel);
+      const subLabel = sanitizeForSvg(fitLabel(block.subLabel, insetW - 8, 7));
       const barX = insetX;
       const barY = insetY + 28;
       const barW = insetW;
@@ -4448,7 +4456,8 @@ function buildParams(blocks, theme) {
         `<rect x="${px}" y="${py}" width="${pw}" height="20" fill="${theme.param.plateFill}" stroke="${theme.param.plateStroke}" stroke-width="0.5"/>`
       );
       const keyNorm = param.key.trim().toLowerCase();
-      const text = keyNorm === blockLabelNorm ? sanitizeForSvg(param.value) : `${sanitizeForSvg(param.key)}: ${sanitizeForSvg(param.value)}`;
+      const rawText = keyNorm === blockLabelNorm ? param.value : `${param.key}: ${param.value}`;
+      const text = sanitizeForSvg(fitLabel(rawText, pw - 8, 7));
       parts.push(
         `<text x="${px + pw / 2}" y="${py + 14}" text-anchor="middle" font-family="${monoFont}" font-size="10" fill="${theme.param.textColor}">${text}</text>`
       );