inup 1.4.1 → 1.4.3

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/cli.js

@@ -18,8 +18,6 @@ program
     .version(packageJson.version)
     .option('-d, --dir <directory>', 'specify directory to run in', process.cwd())
     .option('-e, --exclude <patterns>', 'exclude paths matching regex patterns (comma-separated)', '')
-    .option('-p, --peer', 'include peer dependencies in upgrade process')
-    .option('-o, --optional', 'include optional dependencies in upgrade process')
     .option('--package-manager <name>', 'manually specify package manager (npm, yarn, pnpm, bun)')
     .action(async (options) => {
     console.log(chalk_1.default.bold.blue(`🚀 `) + chalk_1.default.bold.red(`i`) + chalk_1.default.bold.yellow(`n`) + chalk_1.default.bold.blue(`u`) + chalk_1.default.bold.magenta(`p`) + `\n`);
@@ -31,10 +29,6 @@ program
             .map((p) => p.trim())
             .filter(Boolean)
         : [];
-    // Commander.js: boolean flags are undefined if not provided, true if provided
-    // Both flags default to false (opt-in)
-    const includePeerDeps = options.peer === true;
-    const includeOptionalDeps = options.optional === true;
     // Validate package manager if provided
     let packageManager;
     if (options.packageManager) {
@@ -49,8 +43,6 @@ program
     const upgrader = new index_1.UpgradeRunner({
         cwd: options.dir,
         excludePatterns,
-        includePeerDeps,
-        includeOptionalDeps,
         packageManager,
     });
     await upgrader.run();

package/dist/config/constants.js

@@ -1,33 +1,11 @@
 "use strict";
-/**
- * Constants for npm registry queries and configuration
- */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WORKSPACE_FILES = exports.LOCK_FILES = exports.DEFAULT_REGISTRY = exports.REQUEST_TIMEOUT = exports.CACHE_TTL = exports.MAX_CONCURRENT_REQUESTS = exports.JSDELIVR_CDN_URL = exports.NPM_REGISTRY_URL = void 0;
+exports.DEFAULT_REGISTRY = exports.REQUEST_TIMEOUT = exports.CACHE_TTL = exports.MAX_CONCURRENT_REQUESTS = exports.JSDELIVR_CDN_URL = exports.NPM_REGISTRY_URL = exports.PACKAGE_NAME = void 0;
+exports.PACKAGE_NAME = 'inup';
 exports.NPM_REGISTRY_URL = 'https://registry.npmjs.org';
 exports.JSDELIVR_CDN_URL = 'https://cdn.jsdelivr.net/npm';
 exports.MAX_CONCURRENT_REQUESTS = 150;
 exports.CACHE_TTL = 5 * 60 * 1000; // 5 minutes in milliseconds
 exports.REQUEST_TIMEOUT = 60000; // 60 seconds in milliseconds
-/**
- * Registry selection: 'jsdelivr' for fast CDN lookups, 'npm' for direct npm registry
- * Set to 'npm' to use npm registry by default instead of jsdelivr
- */
 exports.DEFAULT_REGISTRY = 'jsdelivr';
-/**
- * Package manager lock files
- */
-exports.LOCK_FILES = {
-    npm: 'package-lock.json',
-    yarn: 'yarn.lock',
-    pnpm: 'pnpm-lock.yaml',
-    bun: 'bun.lockb',
-};
-/**
- * Package manager workspace files
- */
-exports.WORKSPACE_FILES = {
-    pnpm: 'pnpm-workspace.yaml',
-    // npm, yarn, and bun use package.json workspaces field
-};
 //# sourceMappingURL=constants.js.map

package/dist/core/package-detector.js

@@ -44,9 +44,6 @@ class PackageDetector {
         this.packageJson = null;
         this.cwd = options?.cwd || process.cwd();
         this.excludePatterns = options?.excludePatterns || [];
-        // Explicitly check for true to ensure false/undefined both become false (opt-in)
-        this.includePeerDeps = options?.includePeerDeps === true;
-        this.includeOptionalDeps = options?.includeOptionalDeps === true;
         this.packageJsonPath = (0, utils_1.findPackageJson)(this.cwd);
         if (this.packageJsonPath) {
             this.packageJson = (0, utils_1.readPackageJson)(this.packageJsonPath);
@@ -67,8 +64,8 @@ class PackageDetector {
         // Step 2: Collect all dependencies from package.json files (parallelized)
         this.showProgress('🔍 Reading dependencies from package.json files...');
         const allDepsRaw = await (0, utils_1.collectAllDependenciesAsync)(allPackageJsonFiles, {
-            includePeerDeps: this.includePeerDeps,
-            includeOptionalDeps: this.includeOptionalDeps,
+            includePeerDeps: true,
+            includeOptionalDeps: true,
         });
         // Step 3: Get unique package names while filtering out workspace references
         this.showProgress('🔍 Identifying unique packages...');

package/dist/core/upgrade-runner.js

@@ -44,11 +44,8 @@ class UpgradeRunner {
             let shouldProceed = false;
             let previousSelections;
             while (true) {
-                // Interactive selection (pass options for filtering)
-                selectedChoices = await this.ui.selectPackagesToUpgrade(packages, previousSelections, {
-                    includePeerDeps: this.options?.includePeerDeps,
-                    includeOptionalDeps: this.options?.includeOptionalDeps,
-                });
+                // Interactive selection
+                selectedChoices = await this.ui.selectPackagesToUpgrade(packages, previousSelections);
                 if (selectedChoices.length === 0) {
                     console.log(chalk_1.default.yellow('No packages selected. Exiting...'));
                     return;

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();
@@ -51,51 +53,14 @@ class InteractiveUI {
     async displayPackagesTable(packages) {
         console.log(this.renderer.renderPackagesTable(packages));
     }
-    async selectPackagesToUpgrade(packages, previousSelections, options) {
+    async selectPackagesToUpgrade(packages, previousSelections) {
         const outdatedPackages = packages.filter((p) => p.isOutdated);
         if (outdatedPackages.length === 0) {
             return [];
         }
-        // Filter packages based on CLI options.
-        // IMPORTANT: This uses an opt-in approach where:
-        // - Default (no flags): shows dependencies + devDependencies
-        // - With -p flag: shows ONLY peerDependencies (excludes dependencies)
-        // - With -o flag: shows ONLY optionalDependencies (excludes dependencies)
-        // - With -p -o flags: shows peerDependencies + optionalDependencies (excludes dependencies)
-        //
-        // This design allows users to focus on one dependency type at a time,
-        // which is useful since peer/optional deps have different upgrade semantics.
-        let filteredPackages = outdatedPackages;
-        let dependencyTypeLabel = '';
-        if (options?.includePeerDeps || options?.includeOptionalDeps) {
-            // If any special-case flag is provided, filter to show ONLY those types
-            // (excluding regular dependencies/devDependencies)
-            filteredPackages = outdatedPackages.filter((pkg) => {
-                if (options.includePeerDeps && pkg.type === 'peerDependencies')
-                    return true;
-                if (options.includeOptionalDeps && pkg.type === 'optionalDependencies')
-                    return true;
-                return false;
-            });
-            // Build label describing which types are shown
-            const types = [];
-            if (options.includePeerDeps)
-                types.push('Peer Deps');
-            if (options.includeOptionalDeps)
-                types.push('Optional Deps');
-            dependencyTypeLabel = types.join(' & ');
-        }
-        else {
-            // Default: show only regular dependencies and devDependencies
-            filteredPackages = outdatedPackages.filter((pkg) => pkg.type === 'dependencies' || pkg.type === 'devDependencies');
-            dependencyTypeLabel = 'Deps & Dev Deps';
-        }
-        if (filteredPackages.length === 0) {
-            return [];
-        }
         // Deduplicate packages by name and version specifier, but track all package.json paths
         const uniquePackages = new Map();
-        for (const pkg of filteredPackages) {
+        for (const pkg of outdatedPackages) {
             const key = `${pkg.name}@${pkg.currentVersion}`;
             if (!uniquePackages.has(key)) {
                 uniquePackages.set(key, {
@@ -148,7 +113,7 @@ class InteractiveUI {
             };
         });
         // Use custom interactive table selector (simplified - no grouping)
-        const selectedStates = await this.interactiveTableSelector(selectionStates, dependencyTypeLabel);
+        const selectedStates = await this.interactiveTableSelector(selectionStates);
         // Convert to PackageUpgradeChoice[] - create one choice per package.json path
         const choices = [];
         selectedStates
@@ -177,7 +142,7 @@ class InteractiveUI {
         }
         return 24; // Fallback default
     }
-    async interactiveTableSelector(selectionStates, dependencyTypeLabel) {
+    async interactiveTableSelector(selectionStates) {
         return new Promise((resolve) => {
             const states = [...selectionStates];
             const stateManager = new ui_1.StateManager(0, this.getTerminalHeight());
@@ -189,40 +154,45 @@ 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;
+                    case 'toggle_dep_type_filter':
+                        if (!uiState.showInfoModal && !uiState.showThemeModal) {
+                            stateManager.toggleDependencyTypeFilter(action.depType);
+                        }
+                        break;
                     case 'toggle_info_modal':
                         if (!uiState.showInfoModal) {
                             // Opening modal - load package info asynchronously
@@ -275,6 +245,28 @@ 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());
+                        const themeArray = Object.keys(themes_1.themes);
+                        const nextIndex = currentIndex > 0 ? currentIndex - 1 : themeArray.length - 1;
+                        stateManager.previewTheme(themeArray[nextIndex]);
+                        break;
+                    }
+                    case 'theme_navigate_down': {
+                        const themeManager = stateManager.getThemeManager();
+                        const currentIndex = themes_1.themeNames.indexOf(themeManager.getPreviewTheme());
+                        const themeArray = Object.keys(themes_1.themes);
+                        const nextIndex = currentIndex < themeArray.length - 1 ? currentIndex + 1 : 0;
+                        stateManager.previewTheme(themeArray[nextIndex]);
+                        break;
+                    }
+                    case 'theme_confirm':
+                        stateManager.confirmTheme();
+                        break;
                     case 'cancel':
                         handleCancel();
                         return;
@@ -284,6 +276,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 +289,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 +305,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 +315,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 +364,12 @@ class InteractiveUI {
                 }
                 else {
                     // Normal list view (flat rendering - no grouping)
+                    const terminalWidth = process.stdout.columns || 80;
+                    const activeFilterLabel = stateManager.getActiveFilterLabel();
                     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
+                    activeFilterLabel, // Show current dependency type filter state
                     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 +406,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);