inup 1.4.5 → 1.4.7

package/dist/ui/input-handler.js

@@ -47,24 +47,34 @@ class InputHandler {
             }
             return;
         }
-        // Check for '/' character to enter filter mode (only in normal mode, not in modal or already in filter)
-        if (str === '/' && !uiState.showInfoModal && !uiState.filterMode) {
-            this.onAction({ type: 'enter_filter_mode' });
+        // Check for '/' character to handle filter mode (only when not in modal)
+        if (str === '/' && !uiState.showInfoModal) {
+            if (uiState.filterMode) {
+                // Apply search (exit filter mode but keep the filter)
+                this.onAction({ type: 'exit_filter_mode' });
+            }
+            else {
+                // Enter filter mode - preserve query if one exists (to edit it)
+                this.onAction({ type: 'enter_filter_mode', preserveQuery: !!uiState.filterQuery });
+            }
             return;
         }
         // Handle filter mode input
         if (uiState.filterMode) {
+            // Check for escape key (either via key.name or raw escape character)
+            if ((key && key.name === 'escape') || str === '\x1b') {
+                // Escape clears the filter and exits filter mode
+                this.onAction({ type: 'exit_filter_mode', clearQuery: true });
+                return;
+            }
             if (key) {
                 switch (key.name) {
-                    case 'escape':
-                        this.onAction({ type: 'exit_filter_mode' });
-                        return;
                     case 'backspace':
                     case 'delete':
                         this.onAction({ type: 'filter_backspace' });
                         return;
                     case 'return':
-                        // Exit filter mode but keep the filter applied
+                        // Apply search (exit filter mode but keep the filter)
                         this.onAction({ type: 'exit_filter_mode' });
                         return;
                     case 'up':
@@ -116,10 +126,7 @@ class InputHandler {
                 // Check if any packages are selected
                 const selectedCount = states.filter((s) => s.selectedOption !== 'none').length;
                 if (selectedCount === 0) {
-                    // Show warning and stay in selection mode
-                    console.log('\n' +
-                        '\x1b[33m⚠️  No packages selected. Press ↑/↓ to navigate and ←/→ to select versions, or ESC to exit.\x1b[39m');
-                    // Re-render will happen automatically
+                    // Do nothing if no packages selected
                     return;
                 }
                 this.cleanup();
@@ -164,13 +171,15 @@ class InputHandler {
                 this.onAction({ type: 'toggle_theme_modal' });
                 break;
             case 'escape':
-                // Check if modal is open - if so, close it; otherwise cancel
+                // Close modal if open
                 if (uiState.showInfoModal) {
                     this.onAction({ type: 'toggle_info_modal' });
                 }
-                else {
-                    this.onAction({ type: 'cancel' });
+                else if (uiState.filterQuery) {
+                    // Clear filter if one is applied
+                    this.onAction({ type: 'exit_filter_mode', clearQuery: true });
                 }
+                // Otherwise do nothing - Escape no longer exits the CLI
                 break;
         }
     }
@@ -178,11 +187,7 @@ class InputHandler {
         this.onAction({ type: 'resize', height });
     }
     cleanup() {
-        utils_1.CursorUtils.show();
-        if (process.stdin.setRawMode) {
-            process.stdin.setRawMode(false);
-        }
-        process.stdin.pause();
+        utils_1.CursorUtils.cleanup();
     }
 }
 exports.InputHandler = InputHandler;
@@ -219,11 +224,7 @@ class ConfirmationInputHandler {
         }
     }
     cleanup() {
-        utils_1.CursorUtils.show();
-        if (process.stdin.setRawMode) {
-            process.stdin.setRawMode(false);
-        }
-        process.stdin.pause();
+        utils_1.CursorUtils.cleanup();
     }
 }
 exports.ConfirmationInputHandler = ConfirmationInputHandler;

package/dist/ui/renderer/modal.js

@@ -7,12 +7,9 @@ exports.renderPackageInfoLoading = renderPackageInfoLoading;
 exports.renderPackageInfoModal = renderPackageInfoModal;
 const chalk_1 = __importDefault(require("chalk"));
 const themes_colors_1 = require("../themes-colors");
-/**
- * Remove ANSI color codes from a string for length calculation
- */
-function stripAnsi(str) {
-    return str.replace(/\u001b\[[0-9;]*m/g, '');
-}
+const utils_1 = require("../utils");
+// Use shared ANSI stripping utility
+const stripAnsi = utils_1.VersionUtils.stripAnsi;
 /**
  * Format a number for display (e.g., 1000000 -> "1M", 1000 -> "1K")
  */

package/dist/ui/renderer/package-list.js

@@ -213,6 +213,12 @@ function renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forc
         const padding = Math.max(0, terminalWidth - utils_1.VersionUtils.getVisualLength(filterDisplay));
         output.push(filterDisplay + ' '.repeat(padding));
     }
+    else if (filterQuery) {
+        // Show applied filter when not in filter mode but filter is active
+        const filterDisplay = '  ' + chalk_1.default.bold.white('Search: ') + (0, themes_colors_1.getThemeColor)('primary')(filterQuery) + (0, themes_colors_1.getThemeColor)('textSecondary')(' (press / to edit)');
+        const padding = Math.max(0, terminalWidth - utils_1.VersionUtils.getVisualLength(filterDisplay));
+        output.push(filterDisplay + ' '.repeat(padding));
+    }
     else {
         // Show instructions when not filtering
         output.push('  ' +
@@ -249,51 +255,54 @@ function renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forc
     const endItem = Math.min(scrollOffset + maxVisibleItems, totalVisualItems);
     let statusLine = '';
     if (filterMode) {
-        // In filter mode, show ESC to exit filter
+        // In filter mode, show Enter to apply and ESC to clear
         if (totalPackages === 0) {
             statusLine = (0, themes_colors_1.getThemeColor)('warning')(`No matches found`) +
                 '  ' +
-                (0, themes_colors_1.getThemeColor)('textSecondary')('Esc ') +
-                (0, themes_colors_1.getThemeColor)('textSecondary')('Clear filter');
+                chalk_1.default.bold.white('Esc ') + chalk_1.default.gray('Clear');
         }
         else if (totalVisualItems > maxVisibleItems) {
-            statusLine = (0, themes_colors_1.getThemeColor)('textSecondary')(`Showing ${chalk_1.default.white(startItem)}-${chalk_1.default.white(endItem)} of ${chalk_1.default.white(totalPackages)} matches (${chalk_1.default.white(totalBeforeFilter)} total)`) +
+            statusLine = (0, themes_colors_1.getThemeColor)('textSecondary')(`Showing ${chalk_1.default.white(startItem)}-${chalk_1.default.white(endItem)} of ${chalk_1.default.white(totalPackages)} matches`) +
                 '  ' +
-                (0, themes_colors_1.getThemeColor)('textSecondary')('Esc ') +
-                (0, themes_colors_1.getThemeColor)('textSecondary')('Clear filter');
+                chalk_1.default.bold.white('Enter ') + chalk_1.default.gray('Apply') +
+                '  ' +
+                chalk_1.default.bold.white('Esc ') + chalk_1.default.gray('Clear');
         }
         else {
-            statusLine = (0, themes_colors_1.getThemeColor)('textSecondary')(`Showing all ${chalk_1.default.white(totalPackages)} matches (${chalk_1.default.white(totalBeforeFilter)} total)`) +
+            statusLine = (0, themes_colors_1.getThemeColor)('textSecondary')(`Showing all ${chalk_1.default.white(totalPackages)} matches`) +
+                '  ' +
+                chalk_1.default.bold.white('Enter ') + chalk_1.default.gray('Apply') +
                 '  ' +
-                (0, themes_colors_1.getThemeColor)('textSecondary')('Esc ') +
-                (0, themes_colors_1.getThemeColor)('textSecondary')('Clear filter');
+                chalk_1.default.bold.white('Esc ') + chalk_1.default.gray('Clear');
         }
     }
     else if (totalPackages < totalBeforeFilter) {
         // Filter is applied but not in filter mode
         if (totalVisualItems > maxVisibleItems) {
-            statusLine = (0, themes_colors_1.getThemeColor)('textSecondary')(`Showing ${chalk_1.default.white(startItem)}-${chalk_1.default.white(endItem)} of ${chalk_1.default.white(totalPackages)} matches (${chalk_1.default.white(totalBeforeFilter)} total)`) +
+            statusLine = (0, themes_colors_1.getThemeColor)('textSecondary')(`Showing ${chalk_1.default.white(startItem)}-${chalk_1.default.white(endItem)} of ${chalk_1.default.white(totalPackages)} matches`) +
+                '  ' +
+                chalk_1.default.bold.white('D/P/O ') + chalk_1.default.gray('Filter') +
                 '  ' +
-                (0, themes_colors_1.getThemeColor)('textSecondary')('/ ') +
-                (0, themes_colors_1.getThemeColor)('textSecondary')('Edit filter') +
+                chalk_1.default.bold.white('M ') + chalk_1.default.gray('Minor') +
                 '  ' +
-                (0, themes_colors_1.getThemeColor)('textSecondary')('Enter ') +
-                (0, themes_colors_1.getThemeColor)('textSecondary')('Confirm') +
+                chalk_1.default.bold.white('L ') + chalk_1.default.gray('All') +
                 '  ' +
-                (0, themes_colors_1.getThemeColor)('textSecondary')('Esc ') +
-                (0, themes_colors_1.getThemeColor)('textSecondary')('Cancel');
+                chalk_1.default.bold.white('U ') + chalk_1.default.gray('None') +
+                '  ' +
+                chalk_1.default.bold.white('Esc ') + chalk_1.default.gray('Clear');
         }
         else {
-            statusLine = (0, themes_colors_1.getThemeColor)('textSecondary')(`Showing all ${chalk_1.default.white(totalPackages)} matches (${chalk_1.default.white(totalBeforeFilter)} total)`) +
+            statusLine = (0, themes_colors_1.getThemeColor)('textSecondary')(`Showing all ${chalk_1.default.white(totalPackages)} matches`) +
+                '  ' +
+                chalk_1.default.bold.white('D/P/O ') + chalk_1.default.gray('Filter') +
+                '  ' +
+                chalk_1.default.bold.white('M ') + chalk_1.default.gray('Minor') +
                 '  ' +
-                (0, themes_colors_1.getThemeColor)('textSecondary')('/ ') +
-                chalk_1.default.gray('Edit filter') +
+                chalk_1.default.bold.white('L ') + chalk_1.default.gray('All') +
                 '  ' +
-                chalk_1.default.gray('Enter ') +
-                chalk_1.default.gray('Confirm') +
+                chalk_1.default.bold.white('U ') + chalk_1.default.gray('None') +
                 '  ' +
-                chalk_1.default.gray('Esc ') +
-                chalk_1.default.gray('Cancel');
+                chalk_1.default.bold.white('Esc ') + chalk_1.default.gray('Clear');
         }
     }
     else {
@@ -301,23 +310,18 @@ function renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forc
         if (totalVisualItems > maxVisibleItems) {
             statusLine = chalk_1.default.gray(`Showing ${chalk_1.default.white(startItem)}-${chalk_1.default.white(endItem)} of ${chalk_1.default.white(totalPackages)} packages`) +
                 '  ' +
-                chalk_1.default.gray('Enter ') +
-                chalk_1.default.gray('Confirm') +
-                '  ' +
-                chalk_1.default.gray('Esc ') +
-                chalk_1.default.gray('Cancel');
+                chalk_1.default.bold.white('Enter ') + chalk_1.default.gray('Confirm');
         }
         else {
             statusLine = chalk_1.default.gray(`Showing all ${chalk_1.default.white(totalPackages)} packages`) +
                 '  ' +
-                chalk_1.default.gray('Enter ') +
-                chalk_1.default.gray('Confirm') +
-                '  ' +
-                chalk_1.default.gray('Esc ') +
-                chalk_1.default.gray('Cancel');
+                chalk_1.default.bold.white('Enter ') + chalk_1.default.gray('Confirm');
         }
     }
-    output.push('  ' + statusLine);
+    // Pad status line to terminal width to clear any leftover characters
+    const statusLineFull = '  ' + statusLine;
+    const statusPadding = Math.max(0, terminalWidth - utils_1.VersionUtils.getVisualLength(statusLineFull));
+    output.push(statusLineFull + ' '.repeat(statusPadding));
     output.push('');
     // Render visible items
     if (renderableItems && renderableItems.length > 0) {

package/dist/ui/state/filter-manager.js

@@ -21,13 +21,17 @@ class FilterManager {
     getFilterQuery() {
         return this.state.filterQuery;
     }
-    enterFilterMode() {
+    enterFilterMode(preserveQuery = false) {
         this.state.filterMode = true;
-        this.state.filterQuery = '';
+        if (!preserveQuery) {
+            this.state.filterQuery = '';
+        }
     }
-    exitFilterMode() {
+    exitFilterMode(clearQuery = false) {
         this.state.filterMode = false;
-        this.state.filterQuery = '';
+        if (clearQuery) {
+            this.state.filterQuery = '';
+        }
     }
     updateFilterQuery(query) {
         this.state.filterQuery = query;

package/dist/ui/state/state-manager.js

@@ -161,12 +161,12 @@ class StateManager {
         this.renderState.forceFullRender = true;
     }
     // Filter delegation
-    enterFilterMode() {
-        this.filterManager.enterFilterMode();
+    enterFilterMode(preserveQuery = false) {
+        this.filterManager.enterFilterMode(preserveQuery);
         // Use incremental render for search mode toggle (no blink)
     }
-    exitFilterMode() {
-        this.filterManager.exitFilterMode();
+    exitFilterMode(clearQuery = false) {
+        this.filterManager.exitFilterMode(clearQuery);
         this.navigationManager.setCurrentRow(0);
         this.navigationManager.setScrollOffset(0);
         // Use incremental render for search mode toggle (no blink)

package/dist/ui/themes-colors.js

@@ -89,6 +89,39 @@ const themeColorDefinitions = {
         text: '#ABB2BF',
         textSecondary: '#5C6370',
     },
+    gruvbox: {
+        bg: '#282828',
+        primary: '#83A598',
+        secondary: '#D3869B',
+        success: '#B8BB26',
+        warning: '#FABD2F',
+        error: '#FB4934',
+        border: '#504945',
+        text: '#EBDBB2',
+        textSecondary: '#A89984',
+    },
+    solarized: {
+        bg: '#002B36',
+        primary: '#268BD2',
+        secondary: '#D33682',
+        success: '#859900',
+        warning: '#B58900',
+        error: '#DC322F',
+        border: '#073642',
+        text: '#839496',
+        textSecondary: '#657B83',
+    },
+    github: {
+        bg: '#0D1117',
+        primary: '#58A6FF',
+        secondary: '#BC8CFF',
+        success: '#3FB950',
+        warning: '#D29922',
+        error: '#F85149',
+        border: '#30363D',
+        text: '#C9D1D9',
+        textSecondary: '#8B949E',
+    },
 };
 // Helper to apply color - handles both hex and named colors
 function applyColor(color, text) {

package/dist/ui/themes.js

@@ -13,6 +13,9 @@ const themesMetadata = {
     monokai: 'Monokai',
     tokyonight: 'Tokyo Night',
     onedark: 'One Dark',
+    gruvbox: 'Gruvbox',
+    solarized: 'Solarized',
+    github: 'GitHub',
 };
 // Theme definitions
 exports.themes = Object.entries(themesMetadata).reduce((acc, [key, name]) => {

package/dist/ui/utils/cursor.js

@@ -1,9 +1,9 @@
 "use strict";
 /**
- * Cursor utility functions for terminal control
+ * Cursor and terminal utility functions
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CursorUtils = void 0;
+exports.ConsoleUtils = exports.CursorUtils = void 0;
 exports.CursorUtils = {
     /**
      * Hide the cursor in the terminal
@@ -29,5 +29,37 @@ exports.CursorUtils = {
     clearToEndOfScreen() {
         process.stdout.write('\x1b[J');
     },
+    /**
+     * Clean up terminal state - restore cursor and disable raw mode.
+     * Used when exiting interactive mode.
+     */
+    cleanup() {
+        exports.CursorUtils.show();
+        if (process.stdin.setRawMode) {
+            process.stdin.setRawMode(false);
+        }
+        process.stdin.pause();
+    },
+};
+/**
+ * Console utilities for progress display and line clearing
+ */
+exports.ConsoleUtils = {
+    /**
+     * Default line width for clearing progress messages
+     */
+    LINE_WIDTH: 80,
+    /**
+     * Show a progress message on the current line (overwrites previous content)
+     */
+    showProgress(message) {
+        process.stdout.write(`\r${' '.repeat(exports.ConsoleUtils.LINE_WIDTH)}\r${message}`);
+    },
+    /**
+     * Clear the current progress line
+     */
+    clearProgress() {
+        process.stdout.write('\r' + ' '.repeat(exports.ConsoleUtils.LINE_WIDTH) + '\r');
+    },
 };
 //# sourceMappingURL=cursor.js.map

package/dist/ui/utils/index.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CursorUtils = exports.VersionUtils = void 0;
+exports.ConsoleUtils = exports.CursorUtils = exports.VersionUtils = void 0;
 var version_1 = require("./version");
 Object.defineProperty(exports, "VersionUtils", { enumerable: true, get: function () { return version_1.VersionUtils; } });
 var cursor_1 = require("./cursor");
 Object.defineProperty(exports, "CursorUtils", { enumerable: true, get: function () { return cursor_1.CursorUtils; } });
+Object.defineProperty(exports, "ConsoleUtils", { enumerable: true, get: function () { return cursor_1.ConsoleUtils; } });
 //# sourceMappingURL=index.js.map

package/dist/ui/utils/version.js

@@ -5,6 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VersionUtils = void 0;
 const chalk_1 = __importDefault(require("chalk"));
+/**
+ * ANSI escape code pattern for stripping terminal colors
+ */
+const ANSI_PATTERN = /\u001b\[[0-9;]*m/g;
 class VersionUtils {
     static applyVersionPrefix(originalSpecifier, targetVersion) {
         // Extract prefix from original specifier (^ or ~)
@@ -13,9 +17,17 @@ class VersionUtils {
         // Return target version with same prefix
         return prefix + targetVersion;
     }
+    /**
+     * Strip ANSI escape codes from a string
+     */
+    static stripAnsi(str) {
+        return str.replace(ANSI_PATTERN, '');
+    }
+    /**
+     * Get the visual length of a string (excluding ANSI codes)
+     */
     static getVisualLength(str) {
-        // Strip ANSI escape codes to get visual length
-        return str.replace(/\u001b\[[0-9;]*m/g, '').length;
+        return VersionUtils.stripAnsi(str).length;
     }
     /**
      * Truncate text with ellipsis in the middle if it exceeds maxLength
@@ -35,7 +47,7 @@ class VersionUtils {
         const startLength = Math.ceil(availableLength / 2);
         const endLength = Math.floor(availableLength / 2);
         // Extract raw text without ANSI codes to calculate positions
-        const rawText = str.replace(/\u001b\[[0-9;]*m/g, '');
+        const rawText = VersionUtils.stripAnsi(str);
         const start = rawText.substring(0, startLength);
         const end = rawText.substring(rawText.length - endLength);
         return start + ellipsis + end;

package/dist/utils/debug-logger.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.debugLog = void 0;
+exports.enableDebugLogging = enableDebugLogging;
+exports.isDebugEnabled = isDebugEnabled;
+exports.getDebugLogPath = getDebugLogPath;
+const fs_1 = require("fs");
+const path_1 = require("path");
+let _enabled = false;
+let _logFile = null;
+const pad = (n, width = 2) => String(n).padStart(width, '0');
+function timestamp() {
+    const d = new Date();
+    return (`${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ` +
+        `${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}.${pad(d.getMilliseconds(), 3)}`);
+}
+function getLogFile() {
+    if (!_logFile) {
+        const d = new Date();
+        const dateStr = `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+        _logFile = (0, path_1.join)(`inup-debug-${dateStr}.log`);
+        // Write a header so the file is easy to identify
+        (0, fs_1.writeFileSync)(_logFile, `=== inup debug log started at ${timestamp()} ===\n`, { flag: 'a' });
+    }
+    return _logFile;
+}
+function enableDebugLogging() {
+    _enabled = true;
+    const file = getLogFile();
+    // Print the path so the user knows where to look
+    process.stderr.write(`[inup] debug logging enabled → ${file}\n`);
+}
+function isDebugEnabled() {
+    return _enabled;
+}
+function getDebugLogPath() {
+    return _logFile;
+}
+function write(level, context, message, extra) {
+    if (!_enabled)
+        return;
+    let line = `[${timestamp()}] [${level}] [${context}] ${message}`;
+    if (extra !== undefined) {
+        if (extra instanceof Error) {
+            line += ` | ${extra.name}: ${extra.message}`;
+            if (extra.stack) {
+                const stackLines = extra.stack.split('\n').slice(1, 4).join(' | ');
+                line += ` | ${stackLines}`;
+            }
+        }
+        else if (typeof extra === 'object') {
+            try {
+                line += ` | ${JSON.stringify(extra)}`;
+            }
+            catch {
+                line += ` | [unserializable]`;
+            }
+        }
+        else {
+            line += ` | ${extra}`;
+        }
+    }
+    line += '\n';
+    try {
+        (0, fs_1.appendFileSync)(getLogFile(), line);
+    }
+    catch {
+        // Never crash the app because of debug logging
+    }
+}
+exports.debugLog = {
+    info: (context, message, extra) => write('INFO', context, message, extra),
+    warn: (context, message, extra) => write('WARN', context, message, extra),
+    error: (context, message, extra) => write('ERROR', context, message, extra),
+    /** Log elapsed time since a start timestamp obtained via Date.now() */
+    perf: (context, label, startMs, extra) => {
+        const elapsed = Date.now() - startMs;
+        write('PERF', context, `${label} — ${elapsed}ms`, extra);
+    },
+};
+//# sourceMappingURL=debug-logger.js.map

package/dist/utils/index.js

@@ -21,6 +21,7 @@ exports.collectAllDependenciesAsync = exports.readPackageJsonAsync = void 0;
 __exportStar(require("./filesystem"), exports);
 __exportStar(require("./exec"), exports);
 __exportStar(require("./version"), exports);
+__exportStar(require("./debug-logger"), exports);
 // Re-export async functions for convenience
 var filesystem_1 = require("./filesystem");
 Object.defineProperty(exports, "readPackageJsonAsync", { enumerable: true, get: function () { return filesystem_1.readPackageJsonAsync; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inup",
-  "version": "1.4.5",
+  "version": "1.4.7",
   "description": "Interactive CLI tool for upgrading dependencies with ease. Auto-detects and works with npm, yarn, pnpm, and bun. Inspired by yarn upgrade-interactive. Supports monorepos, workspaces, and batch upgrades.",
   "main": "dist/index.js",
   "bin": {