shortcutxl 0.2.19 → 0.2.21

package/dist/tui/tui/components/settings-list.js

@@ -1,185 +1,200 @@
-import { fuzzyFilter } from "../fuzzy.js";
-import { getEditorKeybindings } from "../keybindings.js";
-import { truncateToWidth, visibleWidth, wrapTextWithAnsi } from "../utils.js";
-import { Input } from "./input.js";
+import { fuzzyFilter } from '../fuzzy.js';
+import { getEditorKeybindings } from '../keybindings.js';
+import { truncateToWidth, visibleWidth, wrapTextWithAnsi } from '../utils.js';
+import { Input } from './input.js';
 export class SettingsList {
-    items;
-    filteredItems;
-    theme;
-    selectedIndex = 0;
-    maxVisible;
-    onChange;
-    onCancel;
-    searchInput;
-    searchEnabled;
-    // Submenu state
-    submenuComponent = null;
-    submenuItemIndex = null;
-    constructor(items, maxVisible, theme, onChange, onCancel, options = {}) {
-        this.items = items;
-        this.filteredItems = items;
-        this.maxVisible = maxVisible;
-        this.theme = theme;
-        this.onChange = onChange;
-        this.onCancel = onCancel;
-        this.searchEnabled = options.enableSearch ?? false;
-        if (this.searchEnabled) {
-            this.searchInput = new Input();
-        }
+  items;
+  filteredItems;
+  theme;
+  selectedIndex = 0;
+  maxVisible;
+  onChange;
+  onCancel;
+  searchInput;
+  searchEnabled;
+  // Submenu state
+  submenuComponent = null;
+  submenuItemIndex = null;
+  constructor(items, maxVisible, theme, onChange, onCancel, options = {}) {
+    this.items = items;
+    this.filteredItems = items;
+    this.maxVisible = maxVisible;
+    this.theme = theme;
+    this.onChange = onChange;
+    this.onCancel = onCancel;
+    this.searchEnabled = options.enableSearch ?? false;
+    if (this.searchEnabled) {
+      this.searchInput = new Input();
     }
-    /** Update an item's currentValue */
-    updateValue(id, newValue) {
-        const item = this.items.find((i) => i.id === id);
-        if (item) {
-            item.currentValue = newValue;
-        }
+  }
+  /** Update an item's currentValue */
+  updateValue(id, newValue) {
+    const item = this.items.find((i) => i.id === id);
+    if (item) {
+      item.currentValue = newValue;
     }
-    invalidate() {
-        this.submenuComponent?.invalidate?.();
+  }
+  invalidate() {
+    this.submenuComponent?.invalidate?.();
+  }
+  render(width) {
+    // If submenu is active, render it instead
+    if (this.submenuComponent) {
+      return this.submenuComponent.render(width);
     }
-    render(width) {
-        // If submenu is active, render it instead
-        if (this.submenuComponent) {
-            return this.submenuComponent.render(width);
-        }
-        return this.renderMainList(width);
+    return this.renderMainList(width);
+  }
+  renderMainList(width) {
+    const lines = [];
+    if (this.searchEnabled && this.searchInput) {
+      lines.push(...this.searchInput.render(width));
+      lines.push('');
     }
-    renderMainList(width) {
-        const lines = [];
-        if (this.searchEnabled && this.searchInput) {
-            lines.push(...this.searchInput.render(width));
-            lines.push("");
-        }
-        if (this.items.length === 0) {
-            lines.push(this.theme.hint("  No settings available"));
-            if (this.searchEnabled) {
-                this.addHintLine(lines, width);
-            }
-            return lines;
-        }
-        const displayItems = this.searchEnabled ? this.filteredItems : this.items;
-        if (displayItems.length === 0) {
-            lines.push(truncateToWidth(this.theme.hint("  No matching settings"), width));
-            this.addHintLine(lines, width);
-            return lines;
-        }
-        // Calculate visible range with scrolling
-        const startIndex = Math.max(0, Math.min(this.selectedIndex - Math.floor(this.maxVisible / 2), displayItems.length - this.maxVisible));
-        const endIndex = Math.min(startIndex + this.maxVisible, displayItems.length);
-        // Calculate max label width for alignment
-        const maxLabelWidth = Math.min(30, Math.max(...this.items.map((item) => visibleWidth(item.label))));
-        // Render visible items
-        for (let i = startIndex; i < endIndex; i++) {
-            const item = displayItems[i];
-            if (!item)
-                continue;
-            const isSelected = i === this.selectedIndex;
-            const prefix = isSelected ? this.theme.cursor : "  ";
-            const prefixWidth = visibleWidth(prefix);
-            // Pad label to align values
-            const labelPadded = item.label + " ".repeat(Math.max(0, maxLabelWidth - visibleWidth(item.label)));
-            const labelText = this.theme.label(labelPadded, isSelected);
-            // Calculate space for value
-            const separator = "  ";
-            const usedWidth = prefixWidth + maxLabelWidth + visibleWidth(separator);
-            const valueMaxWidth = width - usedWidth - 2;
-            const valueText = this.theme.value(truncateToWidth(item.currentValue, valueMaxWidth, ""), isSelected);
-            lines.push(truncateToWidth(prefix + labelText + separator + valueText, width));
-        }
-        // Add scroll indicator if needed
-        if (startIndex > 0 || endIndex < displayItems.length) {
-            const scrollText = `  (${this.selectedIndex + 1}/${displayItems.length})`;
-            lines.push(this.theme.hint(truncateToWidth(scrollText, width - 2, "")));
-        }
-        // Add description for selected item
-        const selectedItem = displayItems[this.selectedIndex];
-        if (selectedItem?.description) {
-            lines.push("");
-            const wrappedDesc = wrapTextWithAnsi(selectedItem.description, width - 4);
-            for (const line of wrappedDesc) {
-                lines.push(this.theme.description(`  ${line}`));
-            }
-        }
-        // Add hint
+    if (this.items.length === 0) {
+      lines.push(this.theme.hint('  No settings available'));
+      if (this.searchEnabled) {
         this.addHintLine(lines, width);
-        return lines;
+      }
+      return lines;
     }
-    handleInput(data) {
-        // If submenu is active, delegate all input to it
-        // The submenu's onCancel (triggered by escape) will call done() which closes it
-        if (this.submenuComponent) {
-            this.submenuComponent.handleInput?.(data);
-            return;
-        }
-        // Main list input handling
-        const kb = getEditorKeybindings();
-        const displayItems = this.searchEnabled ? this.filteredItems : this.items;
-        if (kb.matches(data, "selectUp")) {
-            if (displayItems.length === 0)
-                return;
-            this.selectedIndex = this.selectedIndex === 0 ? displayItems.length - 1 : this.selectedIndex - 1;
-        }
-        else if (kb.matches(data, "selectDown")) {
-            if (displayItems.length === 0)
-                return;
-            this.selectedIndex = this.selectedIndex === displayItems.length - 1 ? 0 : this.selectedIndex + 1;
-        }
-        else if (kb.matches(data, "selectConfirm") || data === " ") {
-            this.activateItem();
-        }
-        else if (kb.matches(data, "selectCancel")) {
-            this.onCancel();
-        }
-        else if (this.searchEnabled && this.searchInput) {
-            const sanitized = data.replace(/ /g, "");
-            if (!sanitized) {
-                return;
-            }
-            this.searchInput.handleInput(sanitized);
-            this.applyFilter(this.searchInput.getValue());
-        }
+    const displayItems = this.searchEnabled ? this.filteredItems : this.items;
+    if (displayItems.length === 0) {
+      lines.push(truncateToWidth(this.theme.hint('  No matching settings'), width));
+      this.addHintLine(lines, width);
+      return lines;
     }
-    activateItem() {
-        const item = this.searchEnabled ? this.filteredItems[this.selectedIndex] : this.items[this.selectedIndex];
-        if (!item)
-            return;
-        if (item.submenu) {
-            // Open submenu, passing current value so it can pre-select correctly
-            this.submenuItemIndex = this.selectedIndex;
-            this.submenuComponent = item.submenu(item.currentValue, (selectedValue) => {
-                if (selectedValue !== undefined) {
-                    item.currentValue = selectedValue;
-                    this.onChange(item.id, selectedValue);
-                }
-                this.closeSubmenu();
-            });
-        }
-        else if (item.values && item.values.length > 0) {
-            // Cycle through values
-            const currentIndex = item.values.indexOf(item.currentValue);
-            const nextIndex = (currentIndex + 1) % item.values.length;
-            const newValue = item.values[nextIndex];
-            item.currentValue = newValue;
-            this.onChange(item.id, newValue);
-        }
+    // Calculate visible range with scrolling
+    const startIndex = Math.max(
+      0,
+      Math.min(
+        this.selectedIndex - Math.floor(this.maxVisible / 2),
+        displayItems.length - this.maxVisible
+      )
+    );
+    const endIndex = Math.min(startIndex + this.maxVisible, displayItems.length);
+    // Calculate max label width for alignment
+    const maxLabelWidth = Math.min(
+      30,
+      Math.max(...this.items.map((item) => visibleWidth(item.label)))
+    );
+    // Render visible items
+    for (let i = startIndex; i < endIndex; i++) {
+      const item = displayItems[i];
+      if (!item) continue;
+      const isSelected = i === this.selectedIndex;
+      const prefix = isSelected ? this.theme.cursor : '  ';
+      const prefixWidth = visibleWidth(prefix);
+      // Pad label to align values
+      const labelPadded =
+        item.label + ' '.repeat(Math.max(0, maxLabelWidth - visibleWidth(item.label)));
+      const labelText = this.theme.label(labelPadded, isSelected);
+      // Calculate space for value
+      const separator = '  ';
+      const usedWidth = prefixWidth + maxLabelWidth + visibleWidth(separator);
+      const valueMaxWidth = width - usedWidth - 2;
+      const valueText = this.theme.value(
+        truncateToWidth(item.currentValue, valueMaxWidth, ''),
+        isSelected
+      );
+      lines.push(truncateToWidth(prefix + labelText + separator + valueText, width));
     }
-    closeSubmenu() {
-        this.submenuComponent = null;
-        // Restore selection to the item that opened the submenu
-        if (this.submenuItemIndex !== null) {
-            this.selectedIndex = this.submenuItemIndex;
-            this.submenuItemIndex = null;
-        }
+    // Add scroll indicator if needed
+    if (startIndex > 0 || endIndex < displayItems.length) {
+      const scrollText = `  (${this.selectedIndex + 1}/${displayItems.length})`;
+      lines.push(this.theme.hint(truncateToWidth(scrollText, width - 2, '')));
+    }
+    // Add description for selected item
+    const selectedItem = displayItems[this.selectedIndex];
+    if (selectedItem?.description) {
+      lines.push('');
+      const wrappedDesc = wrapTextWithAnsi(selectedItem.description, width - 4);
+      for (const line of wrappedDesc) {
+        lines.push(this.theme.description(`  ${line}`));
+      }
+    }
+    // Add hint
+    this.addHintLine(lines, width);
+    return lines;
+  }
+  handleInput(data) {
+    // If submenu is active, delegate all input to it
+    // The submenu's onCancel (triggered by escape) will call done() which closes it
+    if (this.submenuComponent) {
+      this.submenuComponent.handleInput?.(data);
+      return;
+    }
+    // Main list input handling
+    const kb = getEditorKeybindings();
+    const displayItems = this.searchEnabled ? this.filteredItems : this.items;
+    if (kb.matches(data, 'selectUp')) {
+      if (displayItems.length === 0) return;
+      this.selectedIndex =
+        this.selectedIndex === 0 ? displayItems.length - 1 : this.selectedIndex - 1;
+    } else if (kb.matches(data, 'selectDown')) {
+      if (displayItems.length === 0) return;
+      this.selectedIndex =
+        this.selectedIndex === displayItems.length - 1 ? 0 : this.selectedIndex + 1;
+    } else if (kb.matches(data, 'selectConfirm') || data === ' ') {
+      this.activateItem();
+    } else if (kb.matches(data, 'selectCancel')) {
+      this.onCancel();
+    } else if (this.searchEnabled && this.searchInput) {
+      const sanitized = data.replace(/ /g, '');
+      if (!sanitized) {
+        return;
+      }
+      this.searchInput.handleInput(sanitized);
+      this.applyFilter(this.searchInput.getValue());
     }
-    applyFilter(query) {
-        this.filteredItems = fuzzyFilter(this.items, query, (item) => item.label);
-        this.selectedIndex = 0;
+  }
+  activateItem() {
+    const item = this.searchEnabled
+      ? this.filteredItems[this.selectedIndex]
+      : this.items[this.selectedIndex];
+    if (!item) return;
+    if (item.submenu) {
+      // Open submenu, passing current value so it can pre-select correctly
+      this.submenuItemIndex = this.selectedIndex;
+      this.submenuComponent = item.submenu(item.currentValue, (selectedValue) => {
+        if (selectedValue !== undefined) {
+          item.currentValue = selectedValue;
+          this.onChange(item.id, selectedValue);
+        }
+        this.closeSubmenu();
+      });
+    } else if (item.values && item.values.length > 0) {
+      // Cycle through values
+      const currentIndex = item.values.indexOf(item.currentValue);
+      const nextIndex = (currentIndex + 1) % item.values.length;
+      const newValue = item.values[nextIndex];
+      item.currentValue = newValue;
+      this.onChange(item.id, newValue);
     }
-    addHintLine(lines, width) {
-        lines.push("");
-        lines.push(truncateToWidth(this.theme.hint(this.searchEnabled
-            ? "  Type to search · Enter/Space to change · Esc to cancel"
-            : "  Enter/Space to change · Esc to cancel"), width));
+  }
+  closeSubmenu() {
+    this.submenuComponent = null;
+    // Restore selection to the item that opened the submenu
+    if (this.submenuItemIndex !== null) {
+      this.selectedIndex = this.submenuItemIndex;
+      this.submenuItemIndex = null;
     }
+  }
+  applyFilter(query) {
+    this.filteredItems = fuzzyFilter(this.items, query, (item) => item.label);
+    this.selectedIndex = 0;
+  }
+  addHintLine(lines, width) {
+    lines.push('');
+    lines.push(
+      truncateToWidth(
+        this.theme.hint(
+          this.searchEnabled
+            ? '  Type to search · Enter/Space to change · Esc to cancel'
+            : '  Enter/Space to change · Esc to cancel'
+        ),
+        width
+      )
+    );
+  }
 }
-//# sourceMappingURL=settings-list.js.map
+//# sourceMappingURL=settings-list.js.map

package/dist/tui/tui/components/spacer.js

@@ -2,22 +2,22 @@
  * Spacer component that renders empty lines
  */
 export class Spacer {
-    lines;
-    constructor(lines = 1) {
-        this.lines = lines;
-    }
-    setLines(lines) {
-        this.lines = lines;
-    }
-    invalidate() {
-        // No cached state to invalidate currently
-    }
-    render(_width) {
-        const result = [];
-        for (let i = 0; i < this.lines; i++) {
-            result.push("");
-        }
-        return result;
+  lines;
+  constructor(lines = 1) {
+    this.lines = lines;
+  }
+  setLines(lines) {
+    this.lines = lines;
+  }
+  invalidate() {
+    // No cached state to invalidate currently
+  }
+  render(_width) {
+    const result = [];
+    for (let i = 0; i < this.lines; i++) {
+      result.push('');
     }
+    return result;
+  }
 }
-//# sourceMappingURL=spacer.js.map
+//# sourceMappingURL=spacer.js.map

package/dist/tui/tui/components/text.js

@@ -1,91 +1,92 @@
-import { applyBackgroundToLine, visibleWidth, wrapTextWithAnsi } from "../utils.js";
+import { applyBackgroundToLine, visibleWidth, wrapTextWithAnsi } from '../utils.js';
 const DEFAULT_PADDING_X = 1;
 const DEFAULT_PADDING_Y = 0;
 /**
  * Text component - displays multi-line text with word wrapping
  */
 export class Text {
-    text;
-    paddingX; // Left/right padding
-    paddingY; // Top/bottom padding
-    customBgFn;
-    // Cache for rendered output
-    cachedText;
-    cachedWidth;
-    cachedLines;
-    constructor(text = "", paddingX = DEFAULT_PADDING_X, paddingY = DEFAULT_PADDING_Y, customBgFn) {
-        this.text = text;
-        this.paddingX = paddingX;
-        this.paddingY = paddingY;
-        this.customBgFn = customBgFn;
+  text;
+  paddingX; // Left/right padding
+  paddingY; // Top/bottom padding
+  customBgFn;
+  // Cache for rendered output
+  cachedText;
+  cachedWidth;
+  cachedLines;
+  constructor(text = '', paddingX = DEFAULT_PADDING_X, paddingY = DEFAULT_PADDING_Y, customBgFn) {
+    this.text = text;
+    this.paddingX = paddingX;
+    this.paddingY = paddingY;
+    this.customBgFn = customBgFn;
+  }
+  setText(text) {
+    this.text = text;
+    this.cachedText = undefined;
+    this.cachedWidth = undefined;
+    this.cachedLines = undefined;
+  }
+  setCustomBgFn(customBgFn) {
+    this.customBgFn = customBgFn;
+    this.cachedText = undefined;
+    this.cachedWidth = undefined;
+    this.cachedLines = undefined;
+  }
+  invalidate() {
+    this.cachedText = undefined;
+    this.cachedWidth = undefined;
+    this.cachedLines = undefined;
+  }
+  render(width) {
+    // Check cache
+    if (this.cachedLines && this.cachedText === this.text && this.cachedWidth === width) {
+      return this.cachedLines;
     }
-    setText(text) {
-        this.text = text;
-        this.cachedText = undefined;
-        this.cachedWidth = undefined;
-        this.cachedLines = undefined;
+    // Don't render anything if there's no actual text
+    if (!this.text || this.text.trim() === '') {
+      const result = [];
+      this.cachedText = this.text;
+      this.cachedWidth = width;
+      this.cachedLines = result;
+      return result;
     }
-    setCustomBgFn(customBgFn) {
-        this.customBgFn = customBgFn;
-        this.cachedText = undefined;
-        this.cachedWidth = undefined;
-        this.cachedLines = undefined;
+    // Replace tabs with 3 spaces
+    const normalizedText = this.text.replace(/\t/g, '   ');
+    // Calculate content width (subtract left/right margins)
+    const contentWidth = Math.max(1, width - this.paddingX * 2);
+    // Wrap text (this preserves ANSI codes but does NOT pad)
+    const wrappedLines = wrapTextWithAnsi(normalizedText, contentWidth);
+    // Add margins and background to each line
+    const leftMargin = ' '.repeat(this.paddingX);
+    const rightMargin = ' '.repeat(this.paddingX);
+    const contentLines = [];
+    for (const line of wrappedLines) {
+      // Add margins
+      const lineWithMargins = leftMargin + line + rightMargin;
+      // Apply background if specified (this also pads to full width)
+      if (this.customBgFn) {
+        contentLines.push(applyBackgroundToLine(lineWithMargins, width, this.customBgFn));
+      } else {
+        // No background - just pad to width with spaces
+        const visibleLen = visibleWidth(lineWithMargins);
+        const paddingNeeded = Math.max(0, width - visibleLen);
+        contentLines.push(lineWithMargins + ' '.repeat(paddingNeeded));
+      }
     }
-    invalidate() {
-        this.cachedText = undefined;
-        this.cachedWidth = undefined;
-        this.cachedLines = undefined;
-    }
-    render(width) {
-        // Check cache
-        if (this.cachedLines && this.cachedText === this.text && this.cachedWidth === width) {
-            return this.cachedLines;
-        }
-        // Don't render anything if there's no actual text
-        if (!this.text || this.text.trim() === "") {
-            const result = [];
-            this.cachedText = this.text;
-            this.cachedWidth = width;
-            this.cachedLines = result;
-            return result;
-        }
-        // Replace tabs with 3 spaces
-        const normalizedText = this.text.replace(/\t/g, "   ");
-        // Calculate content width (subtract left/right margins)
-        const contentWidth = Math.max(1, width - this.paddingX * 2);
-        // Wrap text (this preserves ANSI codes but does NOT pad)
-        const wrappedLines = wrapTextWithAnsi(normalizedText, contentWidth);
-        // Add margins and background to each line
-        const leftMargin = " ".repeat(this.paddingX);
-        const rightMargin = " ".repeat(this.paddingX);
-        const contentLines = [];
-        for (const line of wrappedLines) {
-            // Add margins
-            const lineWithMargins = leftMargin + line + rightMargin;
-            // Apply background if specified (this also pads to full width)
-            if (this.customBgFn) {
-                contentLines.push(applyBackgroundToLine(lineWithMargins, width, this.customBgFn));
-            }
-            else {
-                // No background - just pad to width with spaces
-                const visibleLen = visibleWidth(lineWithMargins);
-                const paddingNeeded = Math.max(0, width - visibleLen);
-                contentLines.push(lineWithMargins + " ".repeat(paddingNeeded));
-            }
-        }
-        // Add top/bottom padding (empty lines)
-        const emptyLine = " ".repeat(width);
-        const emptyLines = [];
-        for (let i = 0; i < this.paddingY; i++) {
-            const line = this.customBgFn ? applyBackgroundToLine(emptyLine, width, this.customBgFn) : emptyLine;
-            emptyLines.push(line);
-        }
-        const result = [...emptyLines, ...contentLines, ...emptyLines];
-        // Update cache
-        this.cachedText = this.text;
-        this.cachedWidth = width;
-        this.cachedLines = result;
-        return result.length > 0 ? result : [""];
+    // Add top/bottom padding (empty lines)
+    const emptyLine = ' '.repeat(width);
+    const emptyLines = [];
+    for (let i = 0; i < this.paddingY; i++) {
+      const line = this.customBgFn
+        ? applyBackgroundToLine(emptyLine, width, this.customBgFn)
+        : emptyLine;
+      emptyLines.push(line);
     }
+    const result = [...emptyLines, ...contentLines, ...emptyLines];
+    // Update cache
+    this.cachedText = this.text;
+    this.cachedWidth = width;
+    this.cachedLines = result;
+    return result.length > 0 ? result : [''];
+  }
 }
-//# sourceMappingURL=text.js.map
+//# sourceMappingURL=text.js.map