inup 1.4.2 → 1.4.4

package/README.md

@@ -1,14 +1,14 @@
-# inup
+# 🚀 inup
 
 [![npm version](https://img.shields.io/npm/v/inup?logo=npm&logoColor=%23CB3837&style=for-the-badge&color=crimson)](https://www.npmjs.com/package/inup)
 [![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)
 
-Interactive upgrade for your dependencies. Works with npm, yarn, pnpm, and bun.
+Upgrade your dependencies interactively. Works with npm, yarn, pnpm, and bun.
 
 ![Interactive Upgrade Demo](docs/demo/interactive-upgrade.gif)
 
-## Install
+## 🚀 Usage
 
 ```bash
 npx inup
@@ -20,24 +20,17 @@ Or install globally:
 npm install -g inup
 ```
 
-## Usage
-
-```bash
-npx inup
-```
-
 That's it. The tool scans your project, finds outdated packages, and lets you pick what to upgrade.
 
-## Features
+## 💡 Why inup?
 
-- 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`)
+- **Inclusive by Default**: We load Dev, Peer, and Optional dependencies automatically. No more restarting the tool because you forgot a `--peer` flag.
+- **Live Toggles**: Toggle dependency types (`d`, `p`, `o`) on the fly without exiting.
+- **Zero Config**: Auto-detects your package manager.
+- **Monorepo Ready**: Seamlessly handles workspaces.
+- **Modern UX**: Search with `/`, view package details with `i`, and swap themes with `t`.
 
-## Keyboard Shortcuts
+## ⌨️ Keyboard Shortcuts
 
 - `↑/↓` - Navigate packages
 - `←/→` - Select version (current, patch, minor, major)
@@ -50,18 +43,22 @@ That's it. The tool scans your project, finds outdated packages, and lets you pi
 - `i` - View package info
 - `Enter` - Confirm and upgrade
 
-## Options
+## ⚙️ Options
 
 ```bash
 inup [options]
 
 -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)
 ```
 
-## License
+## 🔒 Privacy
+
+We don't track anything. Ever.
+
+The only network requests made are to the npm registry and jsDelivr CDN to fetch package version data. That's it.
+
+## 📄 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...');
@@ -91,19 +88,11 @@ class PackageDetector {
             }
         }
         const allPackageData = config_1.DEFAULT_REGISTRY === 'jsdelivr'
-            ? await (0, services_1.getAllPackageDataFromJsdelivr)(packageNames, currentVersions, (currentPackage, completed, total) => {
-                const percentage = Math.round((completed / total) * 100);
-                const truncatedPackage = currentPackage.length > 40
-                    ? currentPackage.substring(0, 37) + '...'
-                    : currentPackage;
-                this.showProgress(`🌐 Fetching ${percentage}% (${truncatedPackage})`);
+            ? await (0, services_1.getAllPackageDataFromJsdelivr)(packageNames, currentVersions, (_currentPackage, completed, total) => {
+                this.showProgress(`🌐 Checking versions... (${completed}/${total} packages)`);
             })
-            : await (0, services_1.getAllPackageData)(packageNames, (currentPackage, completed, total) => {
-                const percentage = Math.round((completed / total) * 100);
-                const truncatedPackage = currentPackage.length > 40
-                    ? currentPackage.substring(0, 37) + '...'
-                    : currentPackage;
-                this.showProgress(`🌐 Fetching ${percentage}% (${truncatedPackage})`);
+            : await (0, services_1.getAllPackageData)(packageNames, (_currentPackage, completed, total) => {
+                this.showProgress(`🌐 Checking versions... (${completed}/${total} packages)`);
             });
         try {
             for (const dep of allDeps) {

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/changelog-fetcher.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.changelogFetcher = exports.ChangelogFetcher = void 0;
+const constants_1 = require("../config/constants");
 /**
  * Fetches package metadata from npm registry
  * Includes description, repository info, and basic metadata
@@ -69,12 +70,13 @@ class ChangelogFetcher {
         }
     }
     /**
-     * Fetch data from npm registry
-     * Returns the package data from the registry
+     * Fetch data from jsdelivr CDN
+     * Returns the package data by fetching package.json directly from jsdelivr
      */
     async fetchFromRegistry(packageName) {
         try {
-            const response = await fetch(`https://registry.npmjs.org/${encodeURIComponent(packageName)}`, {
+            // Fetch package.json directly from jsdelivr CDN (resolves to latest automatically)
+            const response = await fetch(`${constants_1.JSDELIVR_CDN_URL}/${encodeURIComponent(packageName)}@latest/package.json`, {
                 method: 'GET',
                 headers: {
                     accept: 'application/json',
@@ -83,20 +85,15 @@ class ChangelogFetcher {
             if (!response.ok) {
                 return null;
             }
-            const data = (await response.json());
-            // Get the latest version data
-            const distTags = data['dist-tags'];
-            const latestVersion = distTags?.latest;
-            const versions = data.versions;
-            const latestPackageData = latestVersion ? versions?.[latestVersion] : undefined;
+            const pkgData = (await response.json());
             return {
-                description: data.description,
-                homepage: (data.homepage || latestPackageData?.homepage),
-                repository: (data.repository || latestPackageData?.repository),
-                bugs: (data.bugs || latestPackageData?.bugs),
-                keywords: (data.keywords || []),
-                author: (data.author || latestPackageData?.author),
-                license: (data.license || latestPackageData?.license),
+                description: pkgData.description,
+                homepage: pkgData.homepage,
+                repository: pkgData.repository,
+                bugs: pkgData.bugs,
+                keywords: (pkgData.keywords || []),
+                author: pkgData.author,
+                license: pkgData.license,
             };
         }
         catch {

package/dist/services/jsdelivr-registry.js

@@ -49,6 +49,9 @@ const jsdelivrPool = new undici_1.Pool('https://cdn.jsdelivr.net', {
     keepAliveMaxTimeout: config_1.REQUEST_TIMEOUT, // Maximum keep-alive timeout
     connectTimeout: config_1.REQUEST_TIMEOUT, // 60 seconds connect timeout
 });
+// Batch configuration for progressive loading
+const BATCH_SIZE = 5;
+const BATCH_TIMEOUT_MS = 500;
 const packageCache = new Map();
 /**
  * Fetches package.json from jsdelivr CDN for a specific version tag using undici pool.
@@ -83,114 +86,149 @@ 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 immediately when jsdelivr fails (interleaved, not sequential).
+ * Supports batched callbacks for progressive UI updates.
  * @param packageNames - Array of package names to fetch
  * @param currentVersions - Optional map of package names to their current versions
  * @param onProgress - Optional progress callback
+ * @param onBatchReady - Optional callback for batch updates (fires every BATCH_SIZE packages or BATCH_TIMEOUT_MS)
  * @returns Map of package names to their version data
  */
-async function getAllPackageDataFromJsdelivr(packageNames, currentVersions, onProgress) {
+async function getAllPackageDataFromJsdelivr(packageNames, currentVersions, onProgress, onBatchReady) {
     const packageData = new Map();
     if (packageNames.length === 0) {
         return packageData;
     }
     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
-    const allPromises = packageNames.map(async (packageName) => {
+    // Batch buffer for progressive updates
+    let batchBuffer = [];
+    let batchTimer = null;
+    // Helper to flush the current batch
+    const flushBatch = () => {
+        if (batchBuffer.length > 0 && onBatchReady) {
+            onBatchReady([...batchBuffer]);
+            batchBuffer = [];
+        }
+        if (batchTimer) {
+            clearTimeout(batchTimer);
+            batchTimer = null;
+        }
+    };
+    // Helper to add package to batch and flush if needed
+    const addToBatch = (packageName, data) => {
+        if (onBatchReady) {
+            batchBuffer.push({ name: packageName, data });
+            // Flush if batch is full
+            if (batchBuffer.length >= BATCH_SIZE) {
+                flushBatch();
+            }
+            else if (!batchTimer) {
+                // Set timer to flush batch after timeout
+                batchTimer = setTimeout(flushBatch, BATCH_TIMEOUT_MS);
+            }
+        }
+    };
+    // Process individual package fetch with immediate npm fallback on failure
+    const fetchPackageWithFallback = 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);
+            }
+            addToBatch(packageName, cached.data);
+            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, immediately try npm fallback
+                const npmData = await (0, npm_registry_1.getAllPackageData)([packageName]);
+                const result = npmData.get(packageName);
+                if (result) {
+                    packageData.set(packageName, result);
+                    packageCache.set(packageName, {
+                        data: result,
+                        timestamp: Date.now(),
+                    });
+                    addToBatch(packageName, result);
+                }
+                completedCount++;
+                if (onProgress) {
+                    onProgress(packageName, completedCount, total);
+                }
+                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);
+            }
+            addToBatch(packageName, result);
         }
-    });
-    // Wait for all requests to complete
-    await Promise.all(allPromises);
+        catch (error) {
+            // On error, immediately try npm fallback
+            try {
+                const npmData = await (0, npm_registry_1.getAllPackageData)([packageName]);
+                const result = npmData.get(packageName);
+                if (result) {
+                    packageData.set(packageName, result);
+                    packageCache.set(packageName, {
+                        data: result,
+                        timestamp: Date.now(),
+                    });
+                    addToBatch(packageName, result);
+                }
+            }
+            catch (npmError) {
+                // If both fail, just continue
+            }
+            completedCount++;
+            if (onProgress) {
+                onProgress(packageName, completedCount, total);
+            }
+        }
+    };
+    // Fire all requests simultaneously - they handle fallback internally and immediately
+    await Promise.all(packageNames.map(fetchPackageWithFallback));
+    // Flush any remaining batch items
+    flushBatch();
     // 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.4",
   "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"
   }
 }