inup 1.4.1 → 1.4.2

package/README.md

@@ -4,46 +4,17 @@
 [![Downloads](https://img.shields.io/npm/dm/inup?style=for-the-badge&color=646CFF&logoColor=white)](https://www.npmjs.com/package/inup)
 [![Total downloads](https://img.shields.io/npm/dt/inup?style=for-the-badge&color=informational)](https://www.npmjs.com/package/inup)
 
-A powerful interactive CLI tool for upgrading dependencies with ease. **Auto-detects and works with npm, yarn, pnpm, and bun**. Inspired by `yarn upgrade-interactive`, this tool makes dependency management a breeze for any project. Perfect for monorepos, workspaces, and batch upgrades ❤️
+Interactive upgrade for your dependencies. Works with npm, yarn, pnpm, and bun.
 
 ![Interactive Upgrade Demo](docs/demo/interactive-upgrade.gif)
 
-## What it does
-
-Ever found yourself staring at a wall of outdated packages, wondering which ones to upgrade? This tool helps you:
-
-- **Scans your entire project** - finds all package.json files in your workspace
-- **Auto-detects your package manager** - works seamlessly with npm, yarn, pnpm, or bun
-- **Checks for updates** - compares your current versions against the latest available
-- **Lets you pick what to upgrade** - interactive interface to select exactly what you want
-- **Does the heavy lifting** - updates your package.json files and runs the appropriate install command
-
-## Why choose inup?
-
-If you miss the convenience of `yarn upgrade-interactive` but want it to work with **any package manager**, this tool is perfect for you!
-
-- **🚀 Fast & Efficient** - Batch upgrade multiple packages at once
-- **🔒 Safe Updates** - Choose between minor updates or major version jumps
-- **🏢 Monorepo Friendly** - Works seamlessly with workspaces
-- **📦 Registry Aware** - Checks npm registry for latest versions
-- **🎯 Selective Upgrades** - Pick exactly which packages to upgrade
-- **⚡ Zero Config** - Works out of the box with sensible defaults
-
-## Installation
-
-### With npx (no installation needed)
+## Install
 
 ```bash
 npx inup
 ```
 
-### Install globally with pnpm
-
-```bash
-pnpm add -g inup
-```
-
-### Alternative: npm
+Or install globally:
 
 ```bash
 npm install -g inup
@@ -51,101 +22,46 @@ npm install -g inup
 
 ## Usage
 
-Just run it in your project directory:
-
 ```bash
-inup
+npx inup
 ```
 
-The tool will scan your entire workspace (including monorepos), find outdated packages, and let you choose which ones to upgrade interactively.
-
-### Interactive Features
+That's it. The tool scans your project, finds outdated packages, and lets you pick what to upgrade.
 
-- **Search**: Press `/` to search for a specific package by name
-- **Navigate**: Use arrow keys to move between packages
-- **Select Version**: Use `Left` and `Right` arrow keys to cycle through available versions (default, minor, patch, major)
-- **Select All Minor**: Press `m` to select all minor updates
-- **Package Info**: Press `i` to view detailed information about the selected package
-- **Exit Search**: Press `Esc` to exit search mode
+## Features
 
-### Command line options
+- Auto-detects package manager (npm, yarn, pnpm, bun)
+- Works with monorepos and workspaces
+- Batch upgrades with keyboard shortcuts
+- Search packages with `/`
+- Multiple themes (press `t`)
+- Package info modal (press `i`)
 
-- `-d, --dir <directory>`: Run in a specific directory (default: current directory)
-- `-e, --exclude <patterns>`: Skip directories matching these regex patterns (comma-separated)
-- `-p, --peer`: Include peer dependencies in upgrade process (default: false)
-- `-o, --optional`: Include optional dependencies in upgrade process (default: false)
-- `--package-manager <name>`: Manually specify package manager (npm, yarn, pnpm, bun) - overrides auto-detection
+## Keyboard Shortcuts
 
-**Note:** By default, the tool only processes `dependencies` and `devDependencies`. Both `peerDependencies` and `optionalDependencies` are excluded by default and must be explicitly included with their respective flags.
+- `↑/↓` - Navigate packages
+- `←/→` - Select version (current, patch, minor, major)
+- `Space` - Toggle selection
+- `m` - Select all minor updates
+- `l` - Select all latest updates
+- `u` - Unselect all
+- `/` - Search packages
+- `t` - Change theme
+- `i` - View package info
+- `Enter` - Confirm and upgrade
 
-Examples:
+## Options
 
 ```bash
-# Basic usage - scans only dependencies and devDependencies
-inup
-
-# Include peer dependencies in the upgrade process
-inup --peer
-
-# Include optional dependencies
-inup --optional
+inup [options]
 
-# Include both peer and optional dependencies
-inup --peer --optional
-
-# Skip example and test directories
-inup --exclude "example,test"
-
-# Skip specific paths with regex
-inup -e "example/.*,.*\.test\..*"
-
-# Run in a different directory
-inup --dir ../my-other-project
-
-# Combine multiple options
-inup --dir ./packages --peer --exclude "test,dist"
-
-# Force a specific package manager
-inup --package-manager npm
+-d, --dir <path>              Run in specific directory
+-e, --exclude <patterns>      Skip directories (comma-separated regex)
+-p, --peer                    Include peer dependencies
+-o, --optional                Include optional dependencies
+--package-manager <name>      Force package manager (npm, yarn, pnpm, bun)
 ```
 
-### How it works
-
-1. **Detects your package manager** - Auto-detects from lock files (package-lock.json, yarn.lock, pnpm-lock.yaml, bun.lockb) or package.json
-2. **Scans your project** - Finds all package.json files recursively (respects exclude patterns)
-3. **Collects dependencies** - Gathers dependencies based on your options (dependencies, devDependencies, and optionally peerDependencies/optionalDependencies)
-4. **Checks for updates** - Queries npm registry for latest versions
-5. **Shows you options** - Interactive UI lets you pick what to upgrade (minor updates or latest versions)
-6. **Updates safely** - Modifies package.json files and runs the appropriate install command (`npm install`, `yarn install`, `pnpm install`, or `bun install`)
-
-### Package Manager Detection
-
-inup automatically detects which package manager you're using by:
-
-1. **Checking package.json** - Looks for the `packageManager` field
-2. **Checking lock files** - Scans for:
-   - `pnpm-lock.yaml` → pnpm
-   - `bun.lockb` → bun
-   - `yarn.lock` → yarn
-   - `package-lock.json` → npm
-3. **Fallback to npm** - If nothing is detected, defaults to npm with a warning
-
-You can override auto-detection using the `--package-manager` flag.
-
-### FAQ
-
-**Q: How does inup detect my package manager?**
-A: It checks your `package.json` `packageManager` field first, then looks for lock files. You can manually override with `--package-manager`.
-
-**Q: What if I have multiple lock files?**
-A: inup will use the most recently modified lock file and show a warning. Consider cleaning up unused lock files.
-
-**Q: Can I force a specific package manager?**
-A: Yes! Use `--package-manager npm` (or yarn, pnpm, bun) to override auto-detection.
-
-**Q: What if the detected package manager isn't installed?**
-A: inup will still update your package.json files but skip the install step. It will show you the manual install command to run.
-
 ## License
 
 MIT

package/dist/interactive-ui.js

@@ -43,6 +43,8 @@ const semver = __importStar(require("semver"));
 const keypress = require('keypress');
 const ui_1 = require("./ui");
 const services_1 = require("./services");
+const themes_1 = require("./ui/themes");
+const themes_colors_1 = require("./ui/themes-colors");
 class InteractiveUI {
     constructor(packageManager) {
         this.renderer = new ui_1.UIRenderer();
@@ -189,37 +191,37 @@ class InteractiveUI {
                 const filteredStates = stateManager.getFilteredStates(states);
                 switch (action.type) {
                     case 'navigate_up':
-                        if (!uiState.showInfoModal) {
+                        if (!uiState.showInfoModal && !uiState.showThemeModal) {
                             stateManager.navigateUp(filteredStates.length);
                         }
                         break;
                     case 'navigate_down':
-                        if (!uiState.showInfoModal) {
+                        if (!uiState.showInfoModal && !uiState.showThemeModal) {
                             stateManager.navigateDown(filteredStates.length);
                         }
                         break;
                     case 'select_left':
-                        if (!uiState.showInfoModal) {
+                        if (!uiState.showInfoModal && !uiState.showThemeModal) {
                             stateManager.updateSelection(filteredStates, 'left');
                         }
                         break;
                     case 'select_right':
-                        if (!uiState.showInfoModal) {
+                        if (!uiState.showInfoModal && !uiState.showThemeModal) {
                             stateManager.updateSelection(filteredStates, 'right');
                         }
                         break;
                     case 'bulk_select_minor':
-                        if (!uiState.showInfoModal) {
+                        if (!uiState.showInfoModal && !uiState.showThemeModal) {
                             stateManager.bulkSelectMinor(filteredStates);
                         }
                         break;
                     case 'bulk_select_latest':
-                        if (!uiState.showInfoModal) {
+                        if (!uiState.showInfoModal && !uiState.showThemeModal) {
                             stateManager.bulkSelectLatest(filteredStates);
                         }
                         break;
                     case 'bulk_unselect_all':
-                        if (!uiState.showInfoModal) {
+                        if (!uiState.showInfoModal && !uiState.showThemeModal) {
                             stateManager.bulkUnselectAll(filteredStates);
                         }
                         break;
@@ -275,6 +277,30 @@ class InteractiveUI {
                             stateManager.setInitialRender(true);
                         }
                         break;
+                    case 'toggle_theme_modal':
+                        stateManager.toggleThemeModal();
+                        break;
+                    case 'theme_navigate_up': {
+                        const themeManager = stateManager.getThemeManager();
+                        const currentIndex = themes_1.themeNames.indexOf(themeManager.getPreviewTheme());
+                        if (currentIndex > 0) {
+                            const themeNames = Object.keys(themes_1.themes);
+                            stateManager.previewTheme(themeNames[currentIndex - 1]);
+                        }
+                        break;
+                    }
+                    case 'theme_navigate_down': {
+                        const themeManager = stateManager.getThemeManager();
+                        const currentIndex = themes_1.themeNames.indexOf(themeManager.getPreviewTheme());
+                        if (currentIndex < themes_1.themeNames.length - 1) {
+                            const themeNames = Object.keys(themes_1.themes);
+                            stateManager.previewTheme(themeNames[currentIndex + 1]);
+                        }
+                        break;
+                    }
+                    case 'theme_confirm':
+                        stateManager.confirmTheme();
+                        break;
                     case 'cancel':
                         handleCancel();
                         return;
@@ -284,6 +310,8 @@ class InteractiveUI {
                 }
             };
             const handleConfirm = (selectedStates) => {
+                // Reset terminal colors
+                process.stdout.write((0, themes_colors_1.getTerminalResetCode)());
                 ui_1.CursorUtils.show();
                 // Clean up listeners
                 if (process.stdin.setRawMode) {
@@ -295,6 +323,8 @@ class InteractiveUI {
                 resolve(selectedStates);
             };
             const handleCancel = () => {
+                // Reset terminal colors
+                process.stdout.write((0, themes_colors_1.getTerminalResetCode)());
                 ui_1.CursorUtils.show();
                 // Clean up listeners
                 if (process.stdin.setRawMode) {
@@ -309,6 +339,9 @@ class InteractiveUI {
             const renderInterface = () => {
                 const uiState = stateManager.getUIState();
                 const filteredStates = stateManager.getFilteredStates(states);
+                // Apply terminal background color
+                const bgCode = (0, themes_colors_1.getTerminalBgColorCode)();
+                process.stdout.write(bgCode);
                 if (uiState.forceFullRender) {
                     console.clear();
                     ui_1.CursorUtils.hide();
@@ -316,8 +349,27 @@ class InteractiveUI {
                 else {
                     ui_1.CursorUtils.moveToHome();
                 }
-                // If modal is open, render only the modal with header/footer
-                if (uiState.showInfoModal && uiState.infoModalRow >= 0 && uiState.infoModalRow < filteredStates.length) {
+                // If theme modal is open, render only the theme selector
+                if (uiState.showThemeModal) {
+                    const terminalWidth = process.stdout.columns || 80;
+                    const terminalHeight = this.getTerminalHeight();
+                    const themeManager = stateManager.getThemeManager();
+                    // Render header
+                    const headerLines = [];
+                    headerLines.push('  ' + chalk_1.default.bold.magenta('🚀 inup'));
+                    headerLines.push('');
+                    headerLines.push('  ' +
+                        chalk_1.default.bold.white('T ') +
+                        chalk_1.default.gray('/ Esc Exit theme selector'));
+                    headerLines.push('');
+                    headerLines.forEach((line) => console.log(line));
+                    const modalLines = this.renderer.renderThemeSelectorModal(themeManager.getCurrentTheme(), themeManager.getPreviewTheme(), terminalWidth, terminalHeight);
+                    modalLines.forEach((line) => console.log(line));
+                    // Clear any remaining lines from previous render
+                    ui_1.CursorUtils.clearToEndOfScreen();
+                    stateManager.markRendered([]);
+                }
+                else if (uiState.showInfoModal && uiState.infoModalRow >= 0 && uiState.infoModalRow < filteredStates.length) {
                     const selectedState = filteredStates[uiState.infoModalRow];
                     const terminalWidth = process.stdout.columns || 80;
                     const terminalHeight = this.getTerminalHeight();
@@ -346,10 +398,11 @@ class InteractiveUI {
                 }
                 else {
                     // Normal list view (flat rendering - no grouping)
+                    const terminalWidth = process.stdout.columns || 80;
                     const lines = this.renderer.renderInterface(filteredStates, uiState.currentRow, uiState.scrollOffset, uiState.maxVisibleItems, uiState.forceFullRender, [], // No renderable items - use flat rendering
                     dependencyTypeLabel, // Show which dependency type we're upgrading
                     this.packageManager, // Pass package manager info for header
-                    uiState.filterMode, uiState.filterQuery, states.length);
+                    uiState.filterMode, uiState.filterQuery, states.length, terminalWidth);
                     // Print all lines
                     lines.forEach((line) => console.log(line));
                     // Clear any remaining lines from previous render
@@ -386,6 +439,8 @@ class InteractiveUI {
                 renderInterface();
             }
             catch (error) {
+                // Reset terminal colors
+                process.stdout.write((0, themes_colors_1.getTerminalResetCode)());
                 // Fallback to simple interface if raw mode fails
                 console.log(chalk_1.default.yellow('Raw mode not available, using fallback interface...'));
                 resolve(states);

package/dist/ui/index.js

@@ -1,17 +1,21 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmationInputHandler = exports.InputHandler = exports.UIRenderer = exports.FilterManager = exports.ModalManager = exports.NavigationManager = exports.StateManager = exports.CursorUtils = exports.VersionUtils = void 0;
-var utils_1 = require("./utils");
-Object.defineProperty(exports, "VersionUtils", { enumerable: true, get: function () { return utils_1.VersionUtils; } });
-Object.defineProperty(exports, "CursorUtils", { enumerable: true, get: function () { return utils_1.CursorUtils; } });
-var state_1 = require("./state");
-Object.defineProperty(exports, "StateManager", { enumerable: true, get: function () { return state_1.StateManager; } });
-Object.defineProperty(exports, "NavigationManager", { enumerable: true, get: function () { return state_1.NavigationManager; } });
-Object.defineProperty(exports, "ModalManager", { enumerable: true, get: function () { return state_1.ModalManager; } });
-Object.defineProperty(exports, "FilterManager", { enumerable: true, get: function () { return state_1.FilterManager; } });
-var index_1 = require("./renderer/index");
-Object.defineProperty(exports, "UIRenderer", { enumerable: true, get: function () { return index_1.UIRenderer; } });
-var input_handler_1 = require("./input-handler");
-Object.defineProperty(exports, "InputHandler", { enumerable: true, get: function () { return input_handler_1.InputHandler; } });
-Object.defineProperty(exports, "ConfirmationInputHandler", { enumerable: true, get: function () { return input_handler_1.ConfirmationInputHandler; } });
+__exportStar(require("./utils"), exports);
+__exportStar(require("./state"), exports);
+__exportStar(require("./renderer"), exports);
+__exportStar(require("./input-handler"), exports);
 //# sourceMappingURL=index.js.map

package/dist/ui/input-handler.js

@@ -19,6 +19,28 @@ class InputHandler {
             process.exit(0);
         }
         const uiState = this.stateManager.getUIState();
+        // Handle theme modal input
+        if (uiState.showThemeModal) {
+            if (key) {
+                switch (key.name) {
+                    case 'escape':
+                        this.onAction({ type: 'toggle_theme_modal' });
+                        return;
+                    case 'return':
+                        this.onAction({ type: 'theme_confirm' });
+                        return;
+                    case 'up':
+                        this.onAction({ type: 'theme_navigate_up' });
+                        return;
+                    case 'down':
+                        this.onAction({ type: 'theme_navigate_down' });
+                        return;
+                    default:
+                        return;
+                }
+            }
+            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' });
@@ -113,6 +135,10 @@ class InputHandler {
             case 'I':
                 this.onAction({ type: 'toggle_info_modal' });
                 break;
+            case 't':
+            case 'T':
+                this.onAction({ type: 'toggle_theme_modal' });
+                break;
             case 'escape':
                 // Check if modal is open - if so, close it; otherwise cancel
                 if (uiState.showInfoModal) {

package/dist/ui/renderer/index.js

@@ -40,6 +40,7 @@ exports.UIRenderer = void 0;
 const PackageList = __importStar(require("./package-list"));
 const Confirmation = __importStar(require("./confirmation"));
 const Modal = __importStar(require("./modal"));
+const ThemeSelector = __importStar(require("./theme-selector"));
 /**
  * Main UI renderer class that composes all rendering parts
  */
@@ -53,8 +54,8 @@ class UIRenderer {
     renderSpacer() {
         return PackageList.renderSpacer();
     }
-    renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forceFullRender, renderableItems, dependencyTypeLabel, packageManager, filterMode, filterQuery, totalPackagesBeforeFilter) {
-        return PackageList.renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forceFullRender, renderableItems, dependencyTypeLabel, packageManager, filterMode, filterQuery, totalPackagesBeforeFilter);
+    renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forceFullRender, renderableItems, dependencyTypeLabel, packageManager, filterMode, filterQuery, totalPackagesBeforeFilter, terminalWidth = 80) {
+        return PackageList.renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forceFullRender, renderableItems, dependencyTypeLabel, packageManager, filterMode, filterQuery, totalPackagesBeforeFilter, terminalWidth);
     }
     renderPackagesTable(packages) {
         return PackageList.renderPackagesTable(packages);
@@ -68,10 +69,14 @@ class UIRenderer {
     renderPackageInfoModal(state, terminalWidth = 80, terminalHeight = 24) {
         return Modal.renderPackageInfoModal(state, terminalWidth, terminalHeight);
     }
+    renderThemeSelectorModal(currentTheme, previewTheme, terminalWidth = 80, terminalHeight = 24) {
+        return ThemeSelector.renderThemeSelectorModal(currentTheme, previewTheme, terminalWidth, terminalHeight);
+    }
 }
 exports.UIRenderer = UIRenderer;
 // Re-export all functions for direct use if needed
 __exportStar(require("./package-list"), exports);
 __exportStar(require("./confirmation"), exports);
 __exportStar(require("./modal"), exports);
+__exportStar(require("./theme-selector"), exports);
 //# sourceMappingURL=index.js.map