@nbtca/prompt 1.5.6 → 1.5.8

package/dist/app/chrome.js

@@ -1,4 +1,4 @@
-import { type, space, glyph, brandMark } from '../core/theme.js';
+import { type, space, glyph, brandMark, MAX_FRAME_COLS } from '../core/theme.js';
 import { pickIcon } from '../core/icons.js';
 import { t } from '../i18n/index.js';
 import { clipAnsiToVisualWidth, visualWidth } from '../core/text.js';
@@ -19,7 +19,8 @@ export function resolveChromeLayout(rows) {
     return { headerLines: 0, footerLines: 0 };
 }
 function renderRule(cols) {
-    const width = Number.isFinite(cols) ? Math.max(1, Math.floor(cols)) : 80;
+    const terminal = Number.isFinite(cols) ? Math.max(1, Math.floor(cols)) : 80;
+    const width = Math.min(terminal, MAX_FRAME_COLS);
     const indent = visualWidth(space.indent) < width ? space.indent : '';
     const ruleWidth = Math.max(1, width - visualWidth(indent) * 2);
     return indent + type.hint(glyph.rule().repeat(ruleWidth));
@@ -146,8 +147,9 @@ export function renderFooter(_active, cols, tabCount, overrideHint, lineCount =
 function withPosition(hint, hintText, indent, position, cols) {
     if (position === undefined)
         return hint;
-    const margin = visualWidth(space.indent) < cols ? space.indent : '';
-    const gap = cols - visualWidth(indent + hintText) - visualWidth(position) - visualWidth(margin);
+    const frame = Math.min(cols, MAX_FRAME_COLS);
+    const margin = visualWidth(space.indent) < frame ? space.indent : '';
+    const gap = frame - visualWidth(indent + hintText) - visualWidth(position) - visualWidth(margin);
     if (gap < 2)
         return hint;
     return hint + ' '.repeat(gap) + type.hint(position) + margin;

package/dist/app/fields/list-field.js

@@ -44,7 +44,7 @@ export class ListField {
         const maxVisible = this.maxVisible;
         if (!maxVisible || options.length <= maxVisible) {
             return renderMenu({
-                title,
+                ...(title === undefined ? {} : { title }),
                 options,
                 selectedIndex: this.index,
                 ...(footer === undefined ? {} : { footer }),
@@ -52,7 +52,7 @@ export class ListField {
         }
         const visible = options.slice(this.scrollTop, this.scrollTop + maxVisible);
         const lines = renderMenu({
-            title,
+            ...(title === undefined ? {} : { title }),
             options: visible,
             selectedIndex: this.index - this.scrollTop,
         }, cols).split('\n');
@@ -80,12 +80,16 @@ export class ListField {
         const labelWidth = options.reduce((width, option) => Math.max(width, visualWidth(option.label)), 0);
         const optionGroups = options.map((option, index) => renderMenuOption(option, index === this.index, labelWidth, cols));
         const selectedLines = optionGroups[this.index] ?? [];
-        const titleValue = options.length > 1
-            ? `${type.heading(title)}${type.hint(`  ${this.index + 1}/${options.length}`)}`
-            : type.heading(title);
+        const titleValue = !title
+            ? ''
+            : options.length > 1
+                ? `${type.heading(title)}${type.hint(`  ${this.index + 1}/${options.length}`)}`
+                : type.heading(title);
         const titleLines = title ? renderIndentedOutput(titleValue, cols) : [];
         let header = [];
-        if (titleLines.length + 1 + selectedLines.length <= maxRows)
+        if (titleLines.length === 0)
+            header = [];
+        else if (titleLines.length + 1 + selectedLines.length <= maxRows)
             header = [...titleLines, ''];
         else if (titleLines.length + selectedLines.length <= maxRows)
             header = titleLines;

package/dist/app/views/schedule.js

@@ -92,10 +92,8 @@ function goToLoginId(errorMessage) {
     };
 }
 function buildPublicField() {
-    const trans = t();
     return new ListField({
-        title: trans.timetable.menuEntry,
-        options: [{ value: 'login', label: trans.timetable.publicLoginAction }],
+        options: [{ value: 'login', label: t().timetable.publicLoginAction }],
     });
 }
 async function goToPublic(ctx, generation = lifecycleGeneration) {

package/dist/core/components/menu.js

@@ -87,8 +87,7 @@ export function renderMenuOption(option, selected, labelWidth = visualWidth(opti
 }
 export function renderMenu(state, cols = Number.POSITIVE_INFINITY) {
     const labelWidth = state.options.reduce((width, option) => Math.max(width, visualWidth(option.label)), 0);
-    const lines = renderIndentedText(state.title, cols, type.heading);
-    lines.push('');
+    const lines = state.title ? [...renderIndentedText(state.title, cols, type.heading), ''] : [];
     state.options.forEach((option, index) => {
         lines.push(...renderMenuOption(option, index === state.selectedIndex, labelWidth, cols));
     });

package/dist/core/theme.js

@@ -42,6 +42,8 @@ export const glyph = {
     barFilled: () => pickIcon('█', '#'),
     barEmpty: () => pickIcon('░', '-'),
 };
+/** Beyond this the app stops stretching; a terminal wider than this keeps the slack. */
+export const MAX_FRAME_COLS = 100;
 export const space = {
     indent: '   ',
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nbtca/prompt",
-  "version": "1.5.6",
+  "version": "1.5.8",
   "type": "module",
   "main": "dist/index.js",
   "exports": {