inup 1.4.2 → 1.4.3

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

@@ -53,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, {
@@ -150,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
@@ -179,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());
@@ -225,6 +188,11 @@ class InteractiveUI {
                             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
@@ -283,19 +251,17 @@ class InteractiveUI {
                     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]);
-                        }
+                        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());
-                        if (currentIndex < themes_1.themeNames.length - 1) {
-                            const themeNames = Object.keys(themes_1.themes);
-                            stateManager.previewTheme(themeNames[currentIndex + 1]);
-                        }
+                        const themeArray = Object.keys(themes_1.themes);
+                        const nextIndex = currentIndex < themeArray.length - 1 ? currentIndex + 1 : 0;
+                        stateManager.previewTheme(themeArray[nextIndex]);
                         break;
                     }
                     case 'theme_confirm':
@@ -399,8 +365,9 @@ 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, terminalWidth);
                     // Print all lines

package/dist/services/jsdelivr-registry.js

@@ -83,89 +83,10 @@ async function fetchPackageJsonFromJsdelivr(packageName, versionTag) {
         return null;
     }
 }
-/**
- * Fetches package data from jsdelivr CDN with fallback to npm registry.
- * Makes simultaneous requests for @latest, @major version, and current version.
- * @param packageName - The npm package name
- * @param currentVersion - The current version to extract major from (optional)
- * @returns Package data with latest version and all versions
- */
-async function fetchPackageFromJsdelivr(packageName, currentVersion) {
-    // Check cache first
-    const cached = packageCache.get(packageName);
-    if (cached && Date.now() - cached.timestamp < config_1.CACHE_TTL) {
-        return cached.data;
-    }
-    try {
-        // Coerce the current version in case it's a range like ^1.1.5
-        const coercedVersion = currentVersion ? semver.coerce(currentVersion)?.version : null;
-        // Determine major version from current version if provided
-        const majorVersion = currentVersion
-            ? semver.major(semver.coerce(currentVersion) || '0.0.0').toString()
-            : null;
-        // Prepare requests: always fetch @latest, @major if we have a current version, and @currentVersion
-        const requests = [
-            fetchPackageJsonFromJsdelivr(packageName, 'latest'),
-        ];
-        if (majorVersion) {
-            requests.push(fetchPackageJsonFromJsdelivr(packageName, majorVersion));
-        }
-        if (coercedVersion) {
-            requests.push(fetchPackageJsonFromJsdelivr(packageName, coercedVersion));
-        }
-        // Execute all requests simultaneously
-        const results = await Promise.all(requests);
-        const latestResult = results[0];
-        const majorResult = results[1];
-        const currentResult = results[2];
-        if (!latestResult) {
-            // jsdelivr doesn't have this package, fallback to npm registry
-            const npmData = await (0, npm_registry_1.getAllPackageData)([packageName]);
-            const data = npmData.get(packageName) || { latestVersion: 'unknown', allVersions: [] };
-            // Cache the result
-            packageCache.set(packageName, {
-                data,
-                timestamp: Date.now(),
-            });
-            return data;
-        }
-        const latestVersion = latestResult.version;
-        const allVersions = [latestVersion];
-        // Add the major version result if different from latest
-        if (majorResult && majorResult.version !== latestVersion) {
-            allVersions.push(majorResult.version);
-        }
-        // Add the current version result if different from latest and major
-        if (currentResult && !allVersions.includes(currentResult.version)) {
-            allVersions.push(currentResult.version);
-        }
-        const result = {
-            latestVersion,
-            allVersions: allVersions.sort(semver.rcompare),
-        };
-        // Cache the result
-        packageCache.set(packageName, {
-            data: result,
-            timestamp: Date.now(),
-        });
-        return result;
-    }
-    catch (error) {
-        // Fallback to npm registry on any error
-        const npmData = await (0, npm_registry_1.getAllPackageData)([packageName]);
-        const data = npmData.get(packageName) || { latestVersion: 'unknown', allVersions: [] };
-        // Cache the result
-        packageCache.set(packageName, {
-            data,
-            timestamp: Date.now(),
-        });
-        return data;
-    }
-}
 /**
  * Fetches package version data from jsdelivr CDN for multiple packages.
  * Uses undici connection pool for blazing fast performance with connection reuse.
- * Falls back to npm registry if jsdelivr doesn't have the package.
+ * Falls back to npm registry in batches if jsdelivr doesn't have packages.
  * @param packageNames - Array of package names to fetch
  * @param currentVersions - Optional map of package names to their current versions
  * @param onProgress - Optional progress callback
@@ -178,19 +99,87 @@ async function getAllPackageDataFromJsdelivr(packageNames, currentVersions, onPr
     }
     const total = packageNames.length;
     let completedCount = 0;
-    // Fire all requests simultaneously - undici pool handles concurrency internally
-    // No need for p-limit - the pool's connection limit controls concurrency
+    // Track packages that need npm fallback (not found on jsDelivr)
+    const failedPackages = [];
+    // Fire all jsDelivr requests simultaneously - undici pool handles concurrency internally
     const allPromises = packageNames.map(async (packageName) => {
         const currentVersion = currentVersions?.get(packageName);
-        const data = await fetchPackageFromJsdelivr(packageName, currentVersion);
-        packageData.set(packageName, data);
-        completedCount++;
-        if (onProgress) {
-            onProgress(packageName, completedCount, total);
+        // Try to get from cache first
+        const cached = packageCache.get(packageName);
+        if (cached && Date.now() - cached.timestamp < config_1.CACHE_TTL) {
+            packageData.set(packageName, cached.data);
+            completedCount++;
+            if (onProgress) {
+                onProgress(packageName, completedCount, total);
+            }
+            return;
+        }
+        try {
+            // Determine major version from current version if provided
+            const majorVersion = currentVersion
+                ? semver.major(semver.coerce(currentVersion) || '0.0.0').toString()
+                : null;
+            // Prepare requests: always fetch @latest, @major if we have a current version
+            const requests = [
+                fetchPackageJsonFromJsdelivr(packageName, 'latest'),
+            ];
+            if (majorVersion) {
+                requests.push(fetchPackageJsonFromJsdelivr(packageName, majorVersion));
+            }
+            // Execute all requests simultaneously
+            const results = await Promise.all(requests);
+            const latestResult = results[0];
+            const majorResult = results[1];
+            if (!latestResult) {
+                // Package not on jsDelivr, mark for npm fallback
+                failedPackages.push(packageName);
+                return;
+            }
+            const latestVersion = latestResult.version;
+            const allVersions = [latestVersion];
+            // Add the major version result if different from latest
+            if (majorResult && majorResult.version !== latestVersion) {
+                allVersions.push(majorResult.version);
+            }
+            const result = {
+                latestVersion,
+                allVersions: allVersions.sort(semver.rcompare),
+            };
+            // Cache the result
+            packageCache.set(packageName, {
+                data: result,
+                timestamp: Date.now(),
+            });
+            packageData.set(packageName, result);
+            completedCount++;
+            if (onProgress) {
+                onProgress(packageName, completedCount, total);
+            }
+        }
+        catch (error) {
+            // On error, mark for npm fallback
+            failedPackages.push(packageName);
         }
     });
-    // Wait for all requests to complete
+    // Wait for all jsDelivr requests to complete
     await Promise.all(allPromises);
+    // Batch fetch all failed packages from npm registry in one call
+    if (failedPackages.length > 0) {
+        const npmData = await (0, npm_registry_1.getAllPackageData)(failedPackages, (pkg, completed, npmTotal) => {
+            completedCount++;
+            if (onProgress) {
+                onProgress(pkg, completedCount, total);
+            }
+        });
+        // Merge npm data into results and cache it
+        for (const [packageName, data] of npmData.entries()) {
+            packageData.set(packageName, data);
+            packageCache.set(packageName, {
+                data,
+                timestamp: Date.now(),
+            });
+        }
+    }
     // Clear the progress line and show completion time if no custom progress handler
     if (!onProgress) {
         process.stdout.write('\r' + ' '.repeat(80) + '\r');

package/dist/ui/input-handler.js

@@ -24,6 +24,7 @@ class InputHandler {
             if (key) {
                 switch (key.name) {
                     case 'escape':
+                        // Close theme modal (which also resets theme on cancel)
                         this.onAction({ type: 'toggle_theme_modal' });
                         return;
                     case 'return':
@@ -35,6 +36,11 @@ class InputHandler {
                     case 'down':
                         this.onAction({ type: 'theme_navigate_down' });
                         return;
+                    case 't':
+                    case 'T':
+                        // Allow 't' to toggle theme modal closed as well
+                        this.onAction({ type: 'toggle_theme_modal' });
+                        return;
                     default:
                         return;
                 }
@@ -131,6 +137,24 @@ class InputHandler {
             case 'U':
                 this.onAction({ type: 'bulk_unselect_all' });
                 break;
+            case 'd':
+            case 'D':
+                if (!uiState.showInfoModal && !uiState.showThemeModal && !uiState.filterMode) {
+                    this.onAction({ type: 'toggle_dep_type_filter', depType: 'devDependencies' });
+                }
+                break;
+            case 'p':
+            case 'P':
+                if (!uiState.showInfoModal && !uiState.showThemeModal && !uiState.filterMode) {
+                    this.onAction({ type: 'toggle_dep_type_filter', depType: 'peerDependencies' });
+                }
+                break;
+            case 'o':
+            case 'O':
+                if (!uiState.showInfoModal && !uiState.showThemeModal && !uiState.filterMode) {
+                    this.onAction({ type: 'toggle_dep_type_filter', depType: 'optionalDependencies' });
+                }
+                break;
             case 'i':
             case 'I':
                 this.onAction({ type: 'toggle_info_modal' });

package/dist/ui/renderer/index.js

@@ -54,8 +54,8 @@ class UIRenderer {
     renderSpacer() {
         return PackageList.renderSpacer();
     }
-    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);
+    renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forceFullRender, renderableItems, activeFilterLabel, packageManager, filterMode, filterQuery, totalPackagesBeforeFilter, terminalWidth = 80) {
+        return PackageList.renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forceFullRender, renderableItems, activeFilterLabel, packageManager, filterMode, filterQuery, totalPackagesBeforeFilter, terminalWidth);
     }
     renderPackagesTable(packages) {
         return PackageList.renderPackagesTable(packages);

package/dist/ui/renderer/modal.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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
  */
@@ -138,7 +139,7 @@ function renderPackageInfoModal(state, terminalWidth = 80, terminalHeight = 24)
         lines.push(' '.repeat(padding) +
             chalk_1.default.gray('│') +
             ' ' +
-            chalk_1.default.blue(downloadsText) +
+            (0, themes_colors_1.getThemeColor)('primary')(downloadsText) +
             ' '.repeat(downloadsPadding) +
             chalk_1.default.gray('│'));
     }
@@ -162,20 +163,28 @@ function renderPackageInfoModal(state, terminalWidth = 80, terminalHeight = 24)
         lines.push(' '.repeat(padding) + chalk_1.default.gray('├' + '─'.repeat(modalWidth - 2) + '┤'));
         const repoLabel = 'Changelog:';
         const repoUrl = state.repository.substring(0, modalWidth - 20);
-        const repoText = `  ${repoLabel} ${chalk_1.default.blue.underline(repoUrl)}`;
+        const repoText = ` ${repoLabel} ${chalk_1.default.underline((0, themes_colors_1.getThemeColor)('primary')(repoUrl))}`;
         const repoLength = stripAnsi(repoText).length;
-        const repoPadding = Math.max(0, modalWidth - 2 - repoLength);
-        lines.push(' '.repeat(padding) + chalk_1.default.gray('│') + repoText + ' '.repeat(repoPadding) + chalk_1.default.gray('│'));
+        const repoPadding = Math.max(0, modalWidth - 3 - repoLength);
+        lines.push(' '.repeat(padding) +
+            chalk_1.default.gray('│') +
+            repoText +
+            ' '.repeat(repoPadding) +
+            chalk_1.default.gray('│'));
     }
     // Links section
     if (state.homepage) {
         lines.push(' '.repeat(padding) + chalk_1.default.gray('├' + '─'.repeat(modalWidth - 2) + '┤'));
         const homeLabel = 'Homepage:';
         const homeUrl = state.homepage.substring(0, modalWidth - 20);
-        const homeText = `  ${homeLabel} ${chalk_1.default.blue.underline(homeUrl)}`;
+        const homeText = ` ${homeLabel} ${chalk_1.default.underline((0, themes_colors_1.getThemeColor)('primary')(homeUrl))}`;
         const homeLength = stripAnsi(homeText).length;
-        const homePadding = Math.max(0, modalWidth - 2 - homeLength);
-        lines.push(' '.repeat(padding) + chalk_1.default.gray('│') + homeText + ' '.repeat(homePadding) + chalk_1.default.gray('│'));
+        const homePadding = Math.max(0, modalWidth - 3 - homeLength);
+        lines.push(' '.repeat(padding) +
+            chalk_1.default.gray('│') +
+            homeText +
+            ' '.repeat(homePadding) +
+            chalk_1.default.gray('│'));
     }
     // Footer
     lines.push(' '.repeat(padding) + chalk_1.default.gray('╰' + '─'.repeat(modalWidth - 2) + '╯'));

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

@@ -11,6 +11,22 @@ exports.renderPackagesTable = renderPackagesTable;
 const chalk_1 = __importDefault(require("chalk"));
 const utils_1 = require("../utils");
 const themes_colors_1 = require("../themes-colors");
+/**
+ * Get type badge for dependency type (theme-aware)
+ */
+function getTypeBadge(type) {
+    switch (type) {
+        case 'devDependencies':
+            return (0, themes_colors_1.getThemeColor)('textSecondary')('[D]');
+        case 'peerDependencies':
+            return (0, themes_colors_1.getThemeColor)('textSecondary')('[P]');
+        case 'optionalDependencies':
+            return (0, themes_colors_1.getThemeColor)('textSecondary')('[O]');
+        case 'dependencies':
+        default:
+            return ''; // No badge for regular dependencies
+    }
+}
 /**
  * Render a single package line
  * @param state Package selection state
@@ -86,18 +102,23 @@ function renderPackageLine(state, index, isCurrentRow, terminalWidth = 80) {
     const availableForPackageName = terminalWidth - prefixWidth - otherColumnsWidth - 1;
     const packageNameWidth = Math.min(maxPackageNameWidth, Math.max(minPackageNameWidth, availableForPackageName));
     // Apply ellipsis truncation if package name exceeds available width
-    const truncatedName = utils_1.VersionUtils.truncateMiddle(state.name, packageNameWidth - 1); // -1 for space after name
+    const badgeWidth = state.type === 'dependencies' ? 0 : 3; // [X] without leading space
+    const truncatedName = utils_1.VersionUtils.truncateMiddle(state.name, packageNameWidth - 1 - badgeWidth); // -1 for space after name, -badgeWidth for badge
     // Helper function to determine if dashes should be shown based on available padding
     // Only show dashes if there's significant padding (> 2 chars) to fill
     const shouldShowDashes = (paddingAmount) => paddingAmount > 2;
     const dashColor = isCurrentRow ? chalk_1.default.white : chalk_1.default.gray;
-    // Package name with dashes only if needed
-    const nameLength = utils_1.VersionUtils.getVisualLength(truncatedName);
-    const namePadding = Math.max(0, packageNameWidth - nameLength - 1); // -1 for space after package name
-    const nameDashes = shouldShowDashes(namePadding) ? dashColor('-').repeat(namePadding) : ' '.repeat(namePadding);
     // Use truncated name if it differs from original, otherwise use colored packageName
     const displayName = truncatedName !== state.name ? truncatedName : packageName;
-    const packageNameSection = `${displayName} ${nameDashes}`;
+    // Package name with dashes and badge at the end
+    const typeBadge = getTypeBadge(state.type);
+    const nameLength = utils_1.VersionUtils.getVisualLength(truncatedName);
+    const namePadding = Math.max(0, packageNameWidth - nameLength - 1 - badgeWidth); // -1 for space after package name, -badgeWidth for badge at end
+    const nameDashes = shouldShowDashes(namePadding) ? dashColor('-').repeat(namePadding) : ' '.repeat(namePadding);
+    // Place badge at the end of dashes: name ------[D]
+    const packageNameSection = typeBadge
+        ? `${displayName} ${nameDashes}${typeBadge}`
+        : `${displayName} ${nameDashes}`;
     // Current version section with dashes only if needed
     const currentSection = `${currentDot} ${currentVersion}`;
     const currentSectionLength = utils_1.VersionUtils.getVisualLength(currentSection) + 1; // +1 for space before padding
@@ -150,7 +171,7 @@ function renderSpacer() {
 /**
  * Render the main interface
  */
-function renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forceFullRender, renderableItems, dependencyTypeLabel, packageManager, filterMode, filterQuery, totalPackagesBeforeFilter, terminalWidth = 80) {
+function renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forceFullRender, renderableItems, activeFilterLabel, packageManager, filterMode, filterQuery, totalPackagesBeforeFilter, terminalWidth = 80) {
     const output = [];
     // Header section (same for initial and incremental render)
     if (packageManager) {
@@ -166,17 +187,31 @@ function renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forc
         const inupColors = [chalk_1.default.red, chalk_1.default.yellow, chalk_1.default.blue, chalk_1.default.magenta];
         const coloredInup = inupColors.map((color, i) => color.bold('inup'[i])).join('');
         const headerLine = '  ' + chalk_1.default.bold(pmColor('🚀')) + ' ' + coloredInup + (0, themes_colors_1.getThemeColor)('textSecondary')(` (${packageManager.displayName})`);
-        output.push(dependencyTypeLabel ? headerLine + (0, themes_colors_1.getThemeColor)('textSecondary')(' - ') + (0, themes_colors_1.getThemeColor)('primary')(dependencyTypeLabel) : headerLine);
+        // Show filter state (always show, including "All")
+        const fullHeaderLine = activeFilterLabel
+            ? headerLine + (0, themes_colors_1.getThemeColor)('textSecondary')(' - ') + (0, themes_colors_1.getThemeColor)('primary')(activeFilterLabel)
+            : headerLine;
+        // Pad to terminal width to clear any leftover characters
+        const headerPadding = Math.max(0, terminalWidth - utils_1.VersionUtils.getVisualLength(fullHeaderLine));
+        output.push(fullHeaderLine + ' '.repeat(headerPadding));
     }
     else {
         const headerLine = '  ' + 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');
-        output.push(dependencyTypeLabel ? headerLine + (0, themes_colors_1.getThemeColor)('textSecondary')(' - ') + (0, themes_colors_1.getThemeColor)('primary')(dependencyTypeLabel) : headerLine);
+        // Show filter state (always show, including "All")
+        const fullHeaderLine = activeFilterLabel
+            ? headerLine + (0, themes_colors_1.getThemeColor)('textSecondary')(' - ') + (0, themes_colors_1.getThemeColor)('primary')(activeFilterLabel)
+            : headerLine;
+        // Pad to terminal width to clear any leftover characters
+        const headerPadding = Math.max(0, terminalWidth - utils_1.VersionUtils.getVisualLength(fullHeaderLine));
+        output.push(fullHeaderLine + ' '.repeat(headerPadding));
     }
     output.push('');
     if (filterMode) {
         // Show filter input with cursor when actively filtering
         const filterDisplay = '  ' + chalk_1.default.bold.white('Search: ') + (0, themes_colors_1.getThemeColor)('primary')(filterQuery || '') + (0, themes_colors_1.getThemeColor)('border')('█');
-        output.push(filterDisplay);
+        // Pad to terminal width to clear any leftover characters from backspace
+        const padding = Math.max(0, terminalWidth - utils_1.VersionUtils.getVisualLength(filterDisplay));
+        output.push(filterDisplay + ' '.repeat(padding));
     }
     else {
         // Show instructions when not filtering
@@ -190,12 +225,12 @@ function renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forc
             chalk_1.default.bold.white('←/→ ') +
             (0, themes_colors_1.getThemeColor)('textSecondary')('Select') +
             '  ' +
+            chalk_1.default.bold.white('D/P/O ') +
+            (0, themes_colors_1.getThemeColor)('textSecondary')('Filter') +
+            '  ' +
             chalk_1.default.bold.white('I ') +
             (0, themes_colors_1.getThemeColor)('textSecondary')('Info') +
             '  ' +
-            chalk_1.default.bold.white('T ') +
-            (0, themes_colors_1.getThemeColor)('textSecondary')('Theme') +
-            '  ' +
             chalk_1.default.bold.white('M ') +
             (0, themes_colors_1.getThemeColor)('textSecondary')('Minor') +
             '  ' +

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

@@ -6,6 +6,10 @@ class FilterManager {
         this.state = {
             filterMode: false,
             filterQuery: '',
+            showDependencies: true,
+            showDevDependencies: true,
+            showPeerDependencies: true,
+            showOptionalDependencies: true,
         };
     }
     getState() {
@@ -36,12 +40,59 @@ class FilterManager {
             this.state.filterQuery = this.state.filterQuery.slice(0, -1);
         }
     }
+    toggleDependencyType(type) {
+        switch (type) {
+            case 'dependencies':
+                this.state.showDependencies = !this.state.showDependencies;
+                break;
+            case 'devDependencies':
+                this.state.showDevDependencies = !this.state.showDevDependencies;
+                break;
+            case 'peerDependencies':
+                this.state.showPeerDependencies = !this.state.showPeerDependencies;
+                break;
+            case 'optionalDependencies':
+                this.state.showOptionalDependencies = !this.state.showOptionalDependencies;
+                break;
+        }
+    }
+    getActiveFilterLabel() {
+        const activeTypes = [];
+        if (this.state.showDependencies)
+            activeTypes.push('Deps');
+        if (this.state.showDevDependencies)
+            activeTypes.push('Dev');
+        if (this.state.showPeerDependencies)
+            activeTypes.push('Peer');
+        if (this.state.showOptionalDependencies)
+            activeTypes.push('Optional');
+        if (activeTypes.length === 0)
+            return 'None';
+        return activeTypes.join(', ');
+    }
     getFilteredStates(allStates) {
-        if (!this.state.filterQuery) {
-            return allStates;
+        let filtered = allStates;
+        // Apply text filter
+        if (this.state.filterQuery) {
+            const query = this.state.filterQuery.toLowerCase();
+            filtered = filtered.filter((state) => state.name.toLowerCase().includes(query));
         }
-        const query = this.state.filterQuery.toLowerCase();
-        return allStates.filter((state) => state.name.toLowerCase().includes(query));
+        // Apply dependency type filter
+        filtered = filtered.filter((state) => {
+            switch (state.type) {
+                case 'dependencies':
+                    return this.state.showDependencies;
+                case 'devDependencies':
+                    return this.state.showDevDependencies;
+                case 'peerDependencies':
+                    return this.state.showPeerDependencies;
+                case 'optionalDependencies':
+                    return this.state.showOptionalDependencies;
+                default:
+                    return true;
+            }
+        });
+        return filtered;
     }
 }
 exports.FilterManager = FilterManager;

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

@@ -163,13 +163,13 @@ class StateManager {
     // Filter delegation
     enterFilterMode() {
         this.filterManager.enterFilterMode();
-        this.renderState.forceFullRender = true;
+        // Use incremental render for search mode toggle (no blink)
     }
     exitFilterMode() {
         this.filterManager.exitFilterMode();
         this.navigationManager.setCurrentRow(0);
         this.navigationManager.setScrollOffset(0);
-        this.renderState.forceFullRender = true;
+        // Use incremental render for search mode toggle (no blink)
     }
     updateFilterQuery(query) {
         this.filterManager.updateFilterQuery(query);
@@ -180,17 +180,25 @@ class StateManager {
         this.filterManager.appendToFilterQuery(char);
         this.navigationManager.setCurrentRow(0);
         this.navigationManager.setScrollOffset(0);
-        this.renderState.forceFullRender = true;
     }
     deleteFromFilterQuery() {
         this.filterManager.deleteFromFilterQuery();
         this.navigationManager.setCurrentRow(0);
         this.navigationManager.setScrollOffset(0);
-        this.renderState.forceFullRender = true;
     }
     getFilteredStates(allStates) {
         return this.filterManager.getFilteredStates(allStates);
     }
+    toggleDependencyTypeFilter(type) {
+        this.filterManager.toggleDependencyType(type);
+        // Reset navigation when filter changes
+        this.navigationManager.setCurrentRow(0);
+        this.navigationManager.setScrollOffset(0);
+        // Use incremental render (no blink)
+    }
+    getActiveFilterLabel() {
+        return this.filterManager.getActiveFilterLabel();
+    }
     // Display and render state management
     updateTerminalHeight(newHeight) {
         const newMaxVisibleItems = Math.max(5, newHeight - this.headerLines - 2);

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

@@ -40,6 +40,8 @@ class ThemeManager {
         this.state.showThemeModal = false;
         // Reset preview to current theme when closing without confirmation
         this.state.previewTheme = this.state.currentTheme;
+        // Restore global theme to confirmed theme when canceling
+        globalCurrentTheme = this.state.currentTheme;
     }
     previewTheme(themeName) {
         if (themes_1.themeNames.includes(themeName)) {

package/dist/ui/themes-colors.js

@@ -24,7 +24,7 @@ const themeColorDefinitions = {
         textSecondary: 'gray',
     },
     dracula: {
-        bg: '#282A36',
+        bg: '#1e1f26',
         primary: '#8BE9FD',
         secondary: '#FF79C6',
         success: '#50FA7B',
@@ -78,6 +78,17 @@ const themeColorDefinitions = {
         text: '#C0CAF5',
         textSecondary: '#A9B1D6',
     },
+    onedark: {
+        bg: '#282c34',
+        primary: '#61AFEF',
+        secondary: '#C678DD',
+        success: '#98C379',
+        warning: '#E5C07B',
+        error: '#E06C75',
+        border: '#3E4452',
+        text: '#ABB2BF',
+        textSecondary: '#5C6370',
+    },
 };
 // Helper to apply color - handles both hex and named colors
 function applyColor(color, text) {

package/dist/utils/filesystem.js

@@ -61,18 +61,11 @@ async function readPackageJsonAsync(path) {
  * Optionally includes peer and optional dependencies based on flags.
  */
 function collectAllDependencies(packageJsonFiles, options = {}) {
-    const { includePeerDeps = false, includeOptionalDeps = false } = options;
     const allDeps = [];
     for (const packageJsonPath of packageJsonFiles) {
         try {
             const packageJson = readPackageJson(packageJsonPath);
-            const depTypes = ['dependencies', 'devDependencies'];
-            if (includeOptionalDeps) {
-                depTypes.push('optionalDependencies');
-            }
-            if (includePeerDeps) {
-                depTypes.push('peerDependencies');
-            }
+            const depTypes = ['dependencies', 'devDependencies', 'peerDependencies', 'optionalDependencies'];
             for (const depType of depTypes) {
                 const deps = packageJson[depType];
                 if (deps && typeof deps === 'object') {
@@ -100,7 +93,6 @@ function collectAllDependencies(packageJsonFiles, options = {}) {
  * Optionally includes peer and optional dependencies based on flags.
  */
 async function collectAllDependenciesAsync(packageJsonFiles, options = {}) {
-    const { includePeerDeps = false, includeOptionalDeps = false } = options;
     // Read all package.json files in parallel
     const packageJsonPromises = packageJsonFiles.map(async (packageJsonPath) => {
         try {
@@ -119,13 +111,7 @@ async function collectAllDependenciesAsync(packageJsonFiles, options = {}) {
         if (!result)
             continue;
         const { packageJson, packageJsonPath } = result;
-        const depTypes = ['dependencies', 'devDependencies'];
-        if (includeOptionalDeps) {
-            depTypes.push('optionalDependencies');
-        }
-        if (includePeerDeps) {
-            depTypes.push('peerDependencies');
-        }
+        const depTypes = ['dependencies', 'devDependencies', 'peerDependencies', 'optionalDependencies'];
         for (const depType of depTypes) {
             const deps = packageJson[depType];
             if (deps && typeof deps === 'object') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inup",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "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": {
@@ -37,11 +37,13 @@
   ],
   "devDependencies": {
     "@types/inquirer": "^9.0.9",
-    "@types/keypress": "^2.0.30",
+    "@types/keypress.js": "^2.1.3",
     "@types/node": "^24.10.1",
     "@types/semver": "^7.7.1",
+    "@vitest/coverage-v8": "^3.0.0",
     "prettier": "^3.8.0",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vitest": "^3.0.0"
   },
   "dependencies": {
     "chalk": "^5.6.2",
@@ -67,6 +69,9 @@
     "format": "prettier --write src/**/*.ts",
     "format:check": "prettier --check src/**/*.ts",
     "demo:record": "bash docs/demo/record-demo.sh",
-    "demo:setup": "cd docs/demo-project && pnpm install"
+    "demo:setup": "cd docs/demo-project && pnpm install",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage"
   }
 }