cli-menu-kit 0.1.19 → 0.1.21

package/dist/components/display/summary.js

@@ -10,6 +10,30 @@ exports.createSimpleSummary = createSimpleSummary;
 const terminal_js_1 = require("../../core/terminal.js");
 const colors_js_1 = require("../../core/colors.js");
 const terminal_js_2 = require("../../core/terminal.js");
+/**
+ * Wrap text to fit within a specific width
+ */
+function wrapText(text, maxWidth) {
+    const words = text.split(' ');
+    const lines = [];
+    let currentLine = '';
+    for (const word of words) {
+        const testLine = currentLine ? `${currentLine} ${word}` : word;
+        if (testLine.length <= maxWidth) {
+            currentLine = testLine;
+        }
+        else {
+            if (currentLine) {
+                lines.push(currentLine);
+            }
+            currentLine = word;
+        }
+    }
+    if (currentLine) {
+        lines.push(currentLine);
+    }
+    return lines;
+}
 /**
  * Render a summary table
  * @param config - Summary table configuration
@@ -17,7 +41,8 @@ const terminal_js_2 = require("../../core/terminal.js");
 function renderSummaryTable(config) {
     const { title, sections, width } = config;
     const termWidth = (0, terminal_js_2.getTerminalWidth)();
-    const boxWidth = width || Math.min(termWidth - 4, 60);
+    // Use full terminal width minus padding, or specified width
+    const boxWidth = width || Math.max(60, termWidth - 4);
     // Calculate content width (excluding borders and padding)
     const contentWidth = boxWidth - 4;
     // Top border
@@ -42,11 +67,33 @@ function renderSummaryTable(config) {
         }
         // Section items
         section.items.forEach(item => {
-            const itemLine = `  ${item.key}:${' '.repeat(Math.max(1, 15 - item.key.length))}${item.value}`;
-            // Remove ANSI codes for length calculation
-            const plainItemLine = itemLine.replace(/\x1b\[[0-9;]*m/g, '');
-            const remainingSpace = boxWidth - plainItemLine.length - 2;
-            (0, terminal_js_1.writeLine)(`│${itemLine}${' '.repeat(Math.max(0, remainingSpace))}│`);
+            const keyPadding = 15;
+            const valueMaxWidth = contentWidth - keyPadding - 2; // 2 for leading spaces
+            // Check if value needs wrapping
+            const plainValue = item.value.replace(/\x1b\[[0-9;]*m/g, '');
+            if (plainValue.length > valueMaxWidth) {
+                // Wrap the value
+                const wrappedLines = wrapText(plainValue, valueMaxWidth);
+                // First line with key
+                const firstLine = `  ${item.key}:${' '.repeat(Math.max(1, keyPadding - item.key.length))}${wrappedLines[0]}`;
+                const plainFirstLine = firstLine.replace(/\x1b\[[0-9;]*m/g, '');
+                const remainingSpace = boxWidth - plainFirstLine.length - 2;
+                (0, terminal_js_1.writeLine)(`│${firstLine}${' '.repeat(Math.max(0, remainingSpace))}│`);
+                // Subsequent lines with indentation
+                for (let i = 1; i < wrappedLines.length; i++) {
+                    const continuationLine = `  ${' '.repeat(keyPadding)}${wrappedLines[i]}`;
+                    const plainContinuationLine = continuationLine.replace(/\x1b\[[0-9;]*m/g, '');
+                    const contRemainingSpace = boxWidth - plainContinuationLine.length - 2;
+                    (0, terminal_js_1.writeLine)(`│${continuationLine}${' '.repeat(Math.max(0, contRemainingSpace))}│`);
+                }
+            }
+            else {
+                // No wrapping needed
+                const itemLine = `  ${item.key}:${' '.repeat(Math.max(1, keyPadding - item.key.length))}${item.value}`;
+                const plainItemLine = itemLine.replace(/\x1b\[[0-9;]*m/g, '');
+                const remainingSpace = boxWidth - plainItemLine.length - 2;
+                (0, terminal_js_1.writeLine)(`│${itemLine}${' '.repeat(Math.max(0, remainingSpace))}│`);
+            }
         });
         // Add spacing between sections (except after last section)
         if (sectionIndex < sections.length - 1) {

package/dist/components/menus/radio-menu.js

@@ -89,6 +89,8 @@ async function showRadioMenu(config) {
             selectableIndices.push(index);
         }
     });
+    // Use MINIMAL layout for single-option menus
+    const effectiveLayout = selectableIndices.length === 1 ? layout_types_js_1.LAYOUT_PRESETS.MINIMAL : layout;
     // Ensure selectedIndex points to a selectable option
     if (!selectableIndices.includes(selectedIndex)) {
         selectedIndex = selectableIndices[0] || 0;
@@ -114,16 +116,16 @@ async function showRadioMenu(config) {
         (0, terminal_js_1.clearMenu)(state);
         let lineCount = 0;
         // Render based on layout order
-        layout.order.forEach(element => {
+        effectiveLayout.order.forEach(element => {
             // Add spacing before element
             const spacingKey = `before${element.charAt(0).toUpperCase() + element.slice(1)}`;
-            if (layout.spacing?.[spacingKey]) {
-                (0, renderer_js_1.renderBlankLines)(layout.spacing[spacingKey]);
-                lineCount += layout.spacing[spacingKey];
+            if (effectiveLayout.spacing?.[spacingKey]) {
+                (0, renderer_js_1.renderBlankLines)(effectiveLayout.spacing[spacingKey]);
+                lineCount += effectiveLayout.spacing[spacingKey];
             }
             switch (element) {
                 case 'header':
-                    if (layout.visible.header && title) {
+                    if (effectiveLayout.visible.header && title) {
                         (0, renderer_js_1.renderHeader)(`  ${title}`, colors_js_1.colors.cyan);
                         lineCount++;
                     }
@@ -156,7 +158,7 @@ async function showRadioMenu(config) {
                     });
                     break;
                 case 'input':
-                    if (layout.visible.input) {
+                    if (effectiveLayout.visible.input) {
                         // Calculate display value (current selection number)
                         let displayValue = '';
                         const currentItem = optionData[selectedIndex];
@@ -174,7 +176,7 @@ async function showRadioMenu(config) {
                     }
                     break;
                 case 'hints':
-                    if (layout.visible.hints && displayHints.length > 0) {
+                    if (effectiveLayout.visible.hints && displayHints.length > 0) {
                         (0, renderer_js_1.renderHints)(displayHints);
                         lineCount++;
                     }
@@ -182,9 +184,9 @@ async function showRadioMenu(config) {
             }
             // Add spacing after element
             const afterSpacingKey = `after${element.charAt(0).toUpperCase() + element.slice(1)}`;
-            if (layout.spacing?.[afterSpacingKey]) {
-                (0, renderer_js_1.renderBlankLines)(layout.spacing[afterSpacingKey]);
-                lineCount += layout.spacing[afterSpacingKey];
+            if (effectiveLayout.spacing?.[afterSpacingKey]) {
+                (0, renderer_js_1.renderBlankLines)(effectiveLayout.spacing[afterSpacingKey]);
+                lineCount += effectiveLayout.spacing[afterSpacingKey];
             }
         });
         state.renderedLines = lineCount;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cli-menu-kit",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "description": "A lightweight, customizable CLI menu system with keyboard shortcuts and real-time rendering",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",