ripencli 1.0.1 → 1.1.1

package/README.md

@@ -11,10 +11,12 @@
 ## Features
 
 - **Interactive TUI** — navigate packages with arrow keys, select with space
+- **Clipboard-first** — copies the ready-to-run update command to your clipboard, nothing is executed for you
+- **Publish age** — shows how long ago the latest version was published (yellow if < 1 day, useful for pnpm's `minimumReleaseAge`)
 - **Version picker** — choose any specific version from the npm registry, not just latest
 - **Changelog viewer** — see GitHub release notes before you update
 - **npm, pnpm, yarn & bun** — auto-detects your package manager
-- **Global packages** — check and update global installs across all* package managers
+- **Global packages** — check global installs across all* package managers
 - **Show all packages** — `ripen --all` lists every dependency, not just outdated ones (great for checking changelogs or downgrading)
 - **Self-update** — notifies you when a new version of ripen is available
 - **Major bump warnings** — highlights potentially breaking updates
@@ -45,30 +47,36 @@ ripen -g
 # Show all packages, not just outdated ones
 ripen --all
 
+# Show all global packages, not just outdated ones
+ripen -g -a
+
 # Help
 ripen --help
 ```
 
 ## Controls
 
-| Key     | Action                         |
-| ------- | ------------------------------ |
-| `↑ ↓`   | Navigate packages              |
-| `space` | Toggle select                  |
-| `v`     | Pick specific version          |
-| `c`     | View changelog / release notes |
-| `enter` | Update selected packages       |
-| `s`     | Open settings                  |
-| `esc`   | Cancel / go back               |
+| Key          | Action                              |
+| ------------ | ----------------------------------- |
+| `↑ ↓`        | Navigate packages                   |
+| `PgUp PgDn`  | Scroll a full page                  |
+| `Tab`        | Jump between groups                 |
+| `← →`        | Collapse / expand scope groups      |
+| `space`      | Toggle select                       |
+| `v`          | Pick specific version               |
+| `c`          | View changelog / release notes      |
+| `enter`      | Copy update command & exit          |
+| `s`          | Open settings                       |
+| `esc`        | Cancel / go back                    |
 
 ## How it works
 
 1. Reads your `package.json` and checks each dependency against the npm registry directly
-2. Detects your package manager from the lock file (`bun.lock`, `pnpm-lock.yaml`, `package-lock.json`, or `yarn.lock`) for running updates
+2. Detects your package manager from the lock file (`bun.lock`, `pnpm-lock.yaml`, `package-lock.json`, or `yarn.lock`)
 3. Shows outdated packages in a colorful interactive list (use `--all` to show every package, including up-to-date ones)
 4. Press `v` on any package to pick a specific version from the npm registry
 5. Press `c` to see GitHub release notes between your current and target version
-6. Select the ones you want and press enter — ripen runs the update commands for you
+6. Select the ones you want and press `enter` — ripen copies the exact update command to your clipboard and exits
 
 ## Settings
 

package/dist/cli.js

@@ -1,14 +1,14 @@
 #!/usr/bin/env node
-import { Box, Text, render, useApp, useInput, useStdout } from "ink";
+import { Box, Text, render, useApp, useInput, useWindowSize } from "ink";
 import { createRequire } from "module";
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "fs";
 import { join } from "path";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { execa } from "execa";
 import { homedir } from "os";
+import { exec, execSync } from "child_process";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ScrollView } from "ink-scroll-view";
-import { exec } from "child_process";
 //#region src/detector.ts
 function detectPackageManager(cwd) {
 	if (existsSync(join(cwd, "bun.lock"))) return "bun";
@@ -98,7 +98,7 @@ function parseBaseVersion(range) {
 	const prefixMatch = v.match(/^([~^>=<]+)/);
 	const prefix = prefixMatch ? prefixMatch[1] : "";
 	v = v.replace(/^[~^>=<]+/, "").trim();
-	if (/^\d+\.\d+\.\d+/.test(v)) return {
+	if (/^\d+(\.\d+(\.\d+)?)?/.test(v)) return {
 		version: v,
 		prefix
 	};
@@ -213,14 +213,20 @@ function readPackageJsonDeps(cwd) {
 	}
 	return entries;
 }
-async function fetchLatestWithRetry(packageName) {
+async function fetchRegistryInfoWithRetry(packageName) {
 	for (let attempt = 0; attempt < 3; attempt++) try {
 		const controller = new AbortController();
 		const timeout = setTimeout(() => controller.abort(), 15e3);
-		const res = await fetch(`https://registry.npmjs.org/${encodeURIComponent(packageName)}/latest`, { signal: controller.signal });
+		const res = await fetch(`https://registry.npmjs.org/${encodeURIComponent(packageName)}`, { signal: controller.signal });
 		clearTimeout(timeout);
 		if (!res.ok) return null;
-		return (await res.json()).version ?? null;
+		const data = await res.json();
+		const version = data["dist-tags"]?.latest ?? Object.keys(data.versions ?? {}).at(-1) ?? null;
+		if (!version) return null;
+		return {
+			version,
+			publishedAt: data.time?.[version] ?? ""
+		};
 	} catch {
 		if (attempt === 2) return null;
 	}
@@ -234,7 +240,7 @@ async function fetchAllLatest(names, concurrency, onLine) {
 		while (index < names.length) {
 			const name = names[index++];
 			onLine?.(`Checking ${name} (${completed + 1}/${names.length})...`);
-			results.set(name, await fetchLatestWithRetry(name));
+			results.set(name, await fetchRegistryInfoWithRetry(name));
 			completed++;
 		}
 	}
@@ -263,8 +269,9 @@ async function getOutdatedPackages(manager, cwd, global = false, onLine, showAll
 	};
 	const packages = [];
 	for (const dep of deps) {
-		const latest = latestVersions.get(dep.name);
-		if (!latest) continue;
+		const info = latestVersions.get(dep.name);
+		if (!info) continue;
+		const { version: latest, publishedAt } = info;
 		if (!showAll && !isNewerVersion(dep.current, latest)) continue;
 		packages.push({
 			name: dep.name,
@@ -275,7 +282,110 @@ async function getOutdatedPackages(manager, cwd, global = false, onLine, showAll
 			type: dep.type,
 			selected: false,
 			targetVersion: latest,
-			rangePrefix: dep.prefix
+			rangePrefix: dep.prefix,
+			latestPublishedAt: publishedAt || void 0
+		});
+	}
+	return {
+		ok: true,
+		packages
+	};
+}
+/** Fetch publish dates from the registry and attach them to existing packages in-place. */
+async function hydratePublishDates(packages) {
+	if (packages.length === 0) return;
+	const info = await fetchAllLatest(packages.map((p) => p.name), 8);
+	for (const pkg of packages) {
+		const r = info.get(pkg.name);
+		if (r?.publishedAt) pkg.latestPublishedAt = r.publishedAt;
+	}
+}
+/**
+* List all globally installed packages for a manager.
+* Returns name + currently installed version.
+*/
+async function listGlobalPackages(manager, cwd) {
+	try {
+		if (manager === "npm") {
+			const { stdout } = await execa("npm", [
+				"list",
+				"-g",
+				"--depth=0",
+				"--json"
+			], {
+				cwd,
+				reject: false
+			});
+			const data = JSON.parse(stdout);
+			return Object.entries(data.dependencies ?? {}).map(([name, info]) => ({
+				name,
+				current: info.version ?? "N/A"
+			}));
+		}
+		if (manager === "pnpm") {
+			const { stdout } = await execa("pnpm", [
+				"list",
+				"-g",
+				"--json"
+			], {
+				cwd,
+				reject: false
+			});
+			const data = JSON.parse(stdout);
+			const deps = Array.isArray(data) ? data[0]?.dependencies ?? {} : data.dependencies ?? {};
+			return Object.entries(deps).map(([name, info]) => ({
+				name,
+				current: info.version ?? "N/A"
+			}));
+		}
+		if (manager === "yarn") {
+			const { stdout } = await execa("yarn", [
+				"global",
+				"list",
+				"--depth=0",
+				"--json"
+			], {
+				cwd,
+				reject: false
+			});
+			const pkgs = [];
+			for (const line of stdout.trim().split("\n")) try {
+				const obj = JSON.parse(line);
+				if (obj.type === "tree" && obj.data?.trees) for (const tree of obj.data.trees) {
+					const match = tree.name?.match(/^(.+)@([^@]+)$/);
+					if (match) pkgs.push({
+						name: match[1],
+						current: match[2]
+					});
+				}
+			} catch {}
+			return pkgs;
+		}
+	} catch {}
+	return [];
+}
+/** Global mode, showAll=true: list all installed packages then check registry for latest. */
+async function getGlobalAllPackages(manager, cwd, onLine) {
+	const installed = await listGlobalPackages(manager, cwd);
+	if (installed.length === 0) return {
+		ok: true,
+		packages: []
+	};
+	const registryInfo = await fetchAllLatest(installed.map((p) => p.name), 8, onLine);
+	const packages = [];
+	for (const dep of installed) {
+		const info = registryInfo.get(dep.name);
+		if (!info) continue;
+		packages.push({
+			name: dep.name,
+			current: dep.current,
+			wanted: info.version,
+			latest: info.version,
+			dependent: "",
+			type: "global",
+			selected: false,
+			targetVersion: info.version,
+			latestPublishedAt: info.publishedAt || void 0
 		});
 	}
 	return {
@@ -328,34 +438,36 @@ async function getGlobalOutdatedPackages(manager, cwd, onLine) {
 		ok: true,
 		packages: []
 	};
+	let packages;
 	if (manager === "yarn") try {
-		return {
-			ok: true,
-			packages: parseYarnOutdated(raw, true)
-		};
+		packages = parseYarnOutdated(raw, true);
 	} catch {
 		return {
 			ok: false,
 			error: "Failed to parse yarn outdated output. Try again."
 		};
 	}
-	const jsonStr = extractJson(raw);
-	if (!jsonStr) return {
-		ok: false,
-		error: stderr.trim() || raw.slice(0, 120)
-	};
-	try {
-		const data = JSON.parse(jsonStr);
-		return {
-			ok: true,
-			packages: manager === "pnpm" ? parsePnpmOutdated(data) : parseNpmOutdated(data)
-		};
-	} catch {
-		return {
+	else {
+		const jsonStr = extractJson(raw);
+		if (!jsonStr) return {
 			ok: false,
-			error: "Failed to parse outdated output. Try again."
+			error: stderr.trim() || raw.slice(0, 120)
 		};
+		try {
+			const data = JSON.parse(jsonStr);
+			packages = manager === "pnpm" ? parsePnpmOutdated(data) : parseNpmOutdated(data);
+		} catch {
+			return {
+				ok: false,
+				error: "Failed to parse outdated output. Try again."
+			};
+		}
 	}
+	await hydratePublishDates(packages);
+	return {
+		ok: true,
+		packages
+	};
 }
 /**
 * Extract the first top-level JSON object from a string that may contain
@@ -411,15 +523,16 @@ const ALL_MANAGERS = [
 	"yarn"
 ];
 /**
-* Check all available package managers for global outdated packages in parallel.
+* Check all available package managers for global packages in parallel.
 * Each returned package is tagged with its owning manager.
+* showAll=true lists every installed package, not just outdated ones.
 */
-async function getAllGlobalOutdated(cwd, onLine) {
+async function getAllGlobalOutdated(cwd, onLine, showAll = false) {
 	const managers = (await Promise.all(ALL_MANAGERS.map(async (m) => ({
 		manager: m,
 		ok: await isManagerAvailable(m)
 	})))).filter((a) => a.ok).map((a) => a.manager);
-	const results = await Promise.all(managers.map((m) => getOutdatedPackages(m, cwd, true, onLine)));
+	const results = await Promise.all(managers.map((m) => showAll ? getGlobalAllPackages(m, cwd, onLine) : getOutdatedPackages(m, cwd, true, onLine)));
 	const allPackages = [];
 	for (let i = 0; i < managers.length; i++) {
 		const result = results[i];
@@ -460,22 +573,28 @@ function parseYarnOutdated(raw, global) {
 }
 //#endregion
 //#region src/executor.ts
-async function updatePackages(manager, packages, cwd, global = false, onLine) {
-	const results = [];
+function buildUpdateCommands(manager, packages, global = false) {
+	const commands = [];
 	const deps = packages.filter((p) => !global && p.type === "dependencies");
 	const devDeps = packages.filter((p) => !global && p.type === "devDependencies");
-	const globalPkgs = packages.filter((p) => global);
-	const batches = [];
-	if (deps.length > 0) batches.push({
-		mgr: manager,
-		pkgs: deps,
-		flags: []
-	});
-	if (devDeps.length > 0) batches.push({
-		mgr: manager,
-		pkgs: devDeps,
-		flags: [manager === "bun" ? "-d" : "-D"]
-	});
+	const globalPkgs = packages.filter((p) => global || p.type === "global");
+	const makeCmd = (mgr, pkgs, flags) => {
+		const pkgArgs = pkgs.map((pkg) => {
+			const version = pkg.targetVersion ?? pkg.latest;
+			return `${pkg.name}@${version}`;
+		});
+		return `${mgr} ${(mgr === "yarn" && global ? [
+			"global",
+			"add",
+			...pkgArgs
+		] : [
+			"add",
+			...flags,
+			...pkgArgs
+		]).join(" ")}`;
+	};
+	if (deps.length > 0) commands.push(makeCmd(manager, deps, []));
+	if (devDeps.length > 0) commands.push(makeCmd(manager, devDeps, [manager === "bun" ? "-d" : "-D"]));
 	if (globalPkgs.length > 0) {
 		const byManager = /* @__PURE__ */ new Map();
 		for (const pkg of globalPkgs) {
@@ -485,72 +604,10 @@ async function updatePackages(manager, packages, cwd, global = false, onLine) {
 		}
 		for (const [mgr, pkgs] of byManager) {
 			const globalFlags = mgr === "yarn" ? [] : mgr === "bun" ? ["-g"] : ["--global"];
-			batches.push({
-				mgr,
-				pkgs,
-				flags: globalFlags
-			});
+			commands.push(makeCmd(mgr, pkgs, globalFlags));
 		}
 	}
-	for (const batch of batches) {
-		const pkgArgs = batch.pkgs.map((pkg) => {
-			const version = pkg.targetVersion ?? pkg.latest;
-			const prefix = pkg.rangePrefix ?? "";
-			return `${pkg.name}@${prefix}${version}`;
-		});
-		const args = batch.mgr === "yarn" && global ? [
-			"global",
-			"add",
-			...pkgArgs
-		] : [
-			"add",
-			...batch.flags,
-			...pkgArgs
-		];
-		onLine?.(`$ ${batch.mgr} ${args.join(" ")}`);
-		try {
-			const proc = execa(batch.mgr, args, {
-				cwd,
-				reject: false
-			});
-			if (onLine) {
-				const forward = (chunk) => {
-					const lines = chunk.toString().split("\n");
-					for (const line of lines) {
-						const trimmed = line.trim();
-						if (trimmed) onLine(trimmed);
-					}
-				};
-				proc.stderr?.on("data", forward);
-				proc.stdout?.on("data", forward);
-			}
-			const result = await proc;
-			if (result.exitCode !== 0) {
-				const errMsg = result.stderr?.trim() || `exited with code ${result.exitCode}`;
-				for (const pkg of batch.pkgs) results.push({
-					name: pkg.name,
-					fromVersion: pkg.current,
-					version: pkg.targetVersion ?? pkg.latest,
-					success: false,
-					error: errMsg
-				});
-			} else for (const pkg of batch.pkgs) results.push({
-				name: pkg.name,
-				fromVersion: pkg.current,
-				version: pkg.targetVersion ?? pkg.latest,
-				success: true
-			});
-		} catch (err) {
-			for (const pkg of batch.pkgs) results.push({
-				name: pkg.name,
-				fromVersion: pkg.current,
-				version: pkg.targetVersion ?? pkg.latest,
-				success: false,
-				error: err.message ?? "Unknown error"
-			});
-		}
-	}
-	return results;
+	return commands;
 }
 //#endregion
 //#region src/config.ts
@@ -599,6 +656,36 @@ function incrementFrequency(packageNames) {
 	} catch {}
 }
 //#endregion
+//#region src/lib/utils.ts
+/** Open a URL in the user's default browser (cross-platform). */
+function openInBrowser(url) {
+	exec(process.platform === "win32" ? `start "" "${url}"` : process.platform === "darwin" ? `open "${url}"` : `xdg-open "${url}"`);
+}
+/** Copy text to the system clipboard (best-effort, silently fails if unavailable). */
+function copyToClipboard(text) {
+	try {
+		if (process.platform === "win32") execSync("clip", { input: text });
+		else if (process.platform === "darwin") execSync("pbcopy", { input: text });
+		else try {
+			execSync("xclip -selection clipboard", { input: text });
+		} catch {
+			execSync("xsel --clipboard --input", { input: text });
+		}
+	} catch {}
+}
+/** Convert an ISO date string to a human-readable relative age like "21h", "3d", "1mo", "2y". */
+function formatAge(dateStr) {
+	if (!dateStr) return "";
+	const ms = Date.now() - new Date(dateStr).getTime();
+	if (ms < 0) return "";
+	const min = 6e4, hour = 36e5, day = 864e5;
+	if (ms < hour) return `${Math.floor(ms / min)}m`;
+	if (ms < day) return `${Math.floor(ms / hour)}h`;
+	if (ms < 30 * day) return `${Math.floor(ms / day)}d`;
+	if (ms < 365 * day) return `${Math.floor(ms / (30 * day))}mo`;
+	return `${Math.floor(ms / (365 * day))}y`;
+}
+//#endregion
 //#region src/ui/package-list/types.ts
 const TYPE_COLORS = {
 	dependencies: "cyan",
@@ -882,8 +969,7 @@ function PackageList({ packages, onToggle, onToggleMany, onSelectVersion, onView
 	const effectiveCollapsed = !initialized && allScopeKeys.size > 0 ? allScopeKeys : collapsedScopes;
 	const visibleRows = useMemo(() => filterCollapsed(allRows, effectiveCollapsed), [allRows, effectiveCollapsed]);
 	const groups = useMemo(() => buildGroups(visibleRows), [visibleRows]);
-	const { stdout } = useStdout();
-	const terminalRows = stdout?.rows ?? 24;
+	const { rows: terminalRows } = useWindowSize();
 	const maxVisible = useMemo(() => computeMaxPerGroup(terminalRows, groups.length), [terminalRows, groups.length]);
 	const scrollOffsetsRef = useRef({});
 	for (const group of groups) {
@@ -1020,7 +1106,7 @@ function PackageList({ packages, onToggle, onToggleMany, onSelectVersion, onView
 								color: "white",
 								children: "enter"
 							}),
-							" update"
+							" copy & exit"
 						]
 					})
 				})]
@@ -1064,7 +1150,7 @@ function PackageList({ packages, onToggle, onToggleMany, onSelectVersion, onView
 						})
 					] }), selectedCount > 0 && /* @__PURE__ */ jsx(Text, {
 						color: "greenBright",
-						children: " Press enter to update →"
+						children: " Press enter to copy command →"
 					})]
 				})
 			})
@@ -1156,6 +1242,13 @@ function PackageGroupBox({ group, focusedIndex, collapsedScopes, scrollOffset, m
 								color: "gray",
 								children: "latest"
 							})
+						}),
+						/* @__PURE__ */ jsx(Box, {
+							width: 5,
+							children: /* @__PURE__ */ jsx(Text, {
+								color: "gray",
+								children: "age"
+							})
 						})
 					]
 				}),
@@ -1246,6 +1339,16 @@ function PackageGroupBox({ group, focusedIndex, collapsedScopes, scrollOffset, m
 									children: pkg.latest
 								})
 							}),
+							/* @__PURE__ */ jsx(Box, {
+								width: 5,
+								children: pkg.latestPublishedAt ? /* @__PURE__ */ jsx(Text, {
+									color: Date.now() - new Date(pkg.latestPublishedAt).getTime() < 864e5 ? "yellow" : "gray",
+									children: formatAge(pkg.latestPublishedAt)
+								}) : /* @__PURE__ */ jsx(Text, {
+									color: "gray",
+									children: " "
+								})
+							}),
 							/* @__PURE__ */ jsx(Box, {
 								width: 9,
 								children: isMajorBump ? /* @__PURE__ */ jsx(Text, {
@@ -1271,7 +1374,8 @@ function VersionPicker({ pkg, onSelect, onCancel }) {
 	const [loading, setLoading] = useState(true);
 	const [cursor, setCursor] = useState(0);
 	const [scroll, setScroll] = useState(0);
-	const PAGE = 12;
+	const { rows } = useWindowSize();
+	const PAGE = Math.max(1, rows - 11);
 	useEffect(() => {
 		fetchVersions(pkg.name).then((v) => {
 			setVersions(v);
@@ -1340,13 +1444,17 @@ function VersionPicker({ pkg, onSelect, onCancel }) {
 					})
 				]
 			}),
-			loading ? /* @__PURE__ */ jsx(Text, {
-				color: "gray",
-				children: " fetching versions…"
-			}) : versions.length === 0 ? /* @__PURE__ */ jsx(Text, {
-				color: "red",
-				children: " Could not fetch versions."
-			}) : /* @__PURE__ */ jsxs(Fragment, { children: [visible.map((v, i) => {
+			Array.from({ length: PAGE }, (_, i) => {
+				if (loading) return /* @__PURE__ */ jsx(Text, {
+					color: "gray",
+					children: i === 0 ? " fetching versions…" : " "
+				}, `_${i}`);
+				if (versions.length === 0) return /* @__PURE__ */ jsx(Text, {
+					color: i === 0 ? "red" : "gray",
+					children: i === 0 ? " Could not fetch versions." : " "
+				}, `_${i}`);
+				const v = visible[i];
+				if (!v) return /* @__PURE__ */ jsx(Text, { children: " " }, `_${i}`);
 				const isFocused = scroll + i === cursor;
 				const isCurrent = v.version === pkg.current;
 				const isLatest = v.tag === "latest";
@@ -1366,10 +1474,10 @@ function VersionPicker({ pkg, onSelect, onCancel }) {
 							})
 						}),
 						/* @__PURE__ */ jsx(Box, {
-							width: 10,
+							width: 6,
 							children: /* @__PURE__ */ jsx(Text, {
-								color: "gray",
-								children: v.date
+								color: v.date && Date.now() - new Date(v.date).getTime() < 864e5 ? "yellow" : "gray",
+								children: formatAge(v.date)
 							})
 						}),
 						isLatest && /* @__PURE__ */ jsx(Text, {
@@ -1382,18 +1490,11 @@ function VersionPicker({ pkg, onSelect, onCancel }) {
 						})
 					]
 				}, v.version);
-			}), versions.length > PAGE && /* @__PURE__ */ jsxs(Text, {
+			}),
+			/* @__PURE__ */ jsx(Text, {
 				color: "gray",
-				children: [
-					"  ",
-					"showing ",
-					scroll + 1,
-					"–",
-					Math.min(scroll + PAGE, versions.length),
-					" of ",
-					versions.length
-				]
-			})] }),
+				children: !loading && versions.length > PAGE ? `  showing ${scroll + 1}–${Math.min(scroll + PAGE, versions.length)} of ${versions.length}` : " "
+			}),
 			/* @__PURE__ */ jsx(Box, {
 				marginTop: 1,
 				children: /* @__PURE__ */ jsx(Text, {
@@ -1427,12 +1528,6 @@ function VersionPicker({ pkg, onSelect, onCancel }) {
 	});
 }
 //#endregion
-//#region src/lib/utils.ts
-/** Open a URL in the user's default browser (cross-platform). */
-function openInBrowser(url) {
-	exec(process.platform === "win32" ? `start "" "${url}"` : process.platform === "darwin" ? `open "${url}"` : `xdg-open "${url}"`);
-}
-//#endregion
 //#region src/ui/MarkdownLine.tsx
 /** Wrap text in an OSC 8 hyperlink so modern terminals make it clickable. */
 function osc8(text, url) {
@@ -1603,7 +1698,7 @@ function ChangelogPanel({ pkg, onClose }) {
 	const [opened, setOpened] = useState(false);
 	const [activeEntry, setActiveEntry] = useState(0);
 	const scrollRef = useRef(null);
-	const { stdout } = useStdout();
+	const { columns, rows } = useWindowSize();
 	const isUpToDate = pkg.current === (pkg.targetVersion ?? pkg.latest);
 	useEffect(() => {
 		Promise.all([fetchChangelog(pkg.name, isUpToDate ? "" : pkg.current, pkg.targetVersion ?? pkg.latest), fetchRepoUrl(pkg.name)]).then(([e, repo]) => {
@@ -1614,12 +1709,8 @@ function ChangelogPanel({ pkg, onClose }) {
 		});
 	}, [pkg.name]);
 	useEffect(() => {
-		const handleResize = () => scrollRef.current?.remeasure();
-		stdout?.on("resize", handleResize);
-		return () => {
-			stdout?.off("resize", handleResize);
-		};
-	}, [stdout]);
+		scrollRef.current?.remeasure();
+	}, [columns, rows]);
 	const releasesPageUrl = repoUrl ? `${repoUrl}/releases` : "";
 	const triggerOpen = (url) => {
 		openInBrowser(url);
@@ -1836,85 +1927,6 @@ function ChangelogPanel({ pkg, onClose }) {
 	});
 }
 //#endregion
-//#region src/ui/UpdateResults.tsx
-function UpdateResults({ results, onDone }) {
-	useEffect(() => {
-		const timer = setTimeout(onDone, 1e3);
-		return () => clearTimeout(timer);
-	}, []);
-	const success = results.filter((r) => r.success);
-	const failed = results.filter((r) => !r.success);
-	return /* @__PURE__ */ jsxs(Box, {
-		flexDirection: "column",
-		children: [
-			/* @__PURE__ */ jsx(Box, {
-				marginBottom: 1,
-				children: /* @__PURE__ */ jsxs(Text, {
-					bold: true,
-					color: "greenBright",
-					children: [" ", "Update complete"]
-				})
-			}),
-			success.map((r) => /* @__PURE__ */ jsxs(Box, {
-				gap: 2,
-				children: [
-					/* @__PURE__ */ jsx(Text, {
-						color: "greenBright",
-						children: "✓"
-					}),
-					/* @__PURE__ */ jsx(Text, {
-						color: "white",
-						children: r.name
-					}),
-					/* @__PURE__ */ jsx(Text, {
-						color: "gray",
-						children: r.fromVersion
-					}),
-					/* @__PURE__ */ jsx(Text, {
-						color: "gray",
-						children: "→"
-					}),
-					/* @__PURE__ */ jsx(Text, {
-						color: "greenBright",
-						children: r.version
-					})
-				]
-			}, r.name)),
-			failed.map((r) => /* @__PURE__ */ jsxs(Box, {
-				flexDirection: "column",
-				children: [/* @__PURE__ */ jsxs(Box, {
-					gap: 2,
-					children: [
-						/* @__PURE__ */ jsx(Text, {
-							color: "red",
-							children: "✗"
-						}),
-						/* @__PURE__ */ jsx(Text, {
-							color: "white",
-							children: r.name
-						}),
-						/* @__PURE__ */ jsx(Text, {
-							color: "gray",
-							children: r.fromVersion
-						}),
-						/* @__PURE__ */ jsx(Text, {
-							color: "gray",
-							children: "→"
-						}),
-						/* @__PURE__ */ jsx(Text, {
-							color: "red",
-							children: r.version
-						})
-					]
-				}), r.error && /* @__PURE__ */ jsxs(Text, {
-					color: "red",
-					children: [" ", r.error.slice(0, 80)]
-				})]
-			}, r.name))
-		]
-	});
-}
-//#endregion
 //#region src/ui/SettingsToggle.tsx
 function SettingsToggle({ label, description, checked, focused, disabled = false }) {
 	return /* @__PURE__ */ jsxs(Box, {
@@ -2204,10 +2216,9 @@ function Settings({ config, onConfigChange, onClose }) {
 }
 //#endregion
 //#region src/ui/SelfUpdatePrompt.tsx
-function SelfUpdatePrompt({ currentVersion, latestVersion, updating, error, onUpdate, onSkip }) {
+function SelfUpdatePrompt({ currentVersion, latestVersion, onUpdate, onSkip }) {
 	const [selected, setSelected] = useState(0);
-	useInput((input, key) => {
-		if (updating) return;
+	useInput((_input, key) => {
 		if (key.upArrow) setSelected(0);
 		if (key.downArrow) setSelected(1);
 		if (key.return) if (selected === 0) onUpdate();
@@ -2224,9 +2235,9 @@ function SelfUpdatePrompt({ currentVersion, latestVersion, updating, error, onUp
 			}),
 			/* @__PURE__ */ jsx(Box, {
 				marginTop: 1,
-				flexDirection: "column",
 				children: /* @__PURE__ */ jsxs(Text, { children: [
-					"A new version is available! ",
+					"A new version is available!",
+					"  ",
 					/* @__PURE__ */ jsx(Text, {
 						color: "gray",
 						children: currentVersion
@@ -2241,23 +2252,7 @@ function SelfUpdatePrompt({ currentVersion, latestVersion, updating, error, onUp
 					})
 				] })
 			}),
-			error && /* @__PURE__ */ jsxs(Box, {
-				marginTop: 1,
-				children: [/* @__PURE__ */ jsxs(Text, {
-					color: "red",
-					children: ["✗ Update failed: ", error]
-				}), /* @__PURE__ */ jsx(Text, {
-					color: "gray",
-					children: " Continuing…"
-				})]
-			}),
-			updating ? /* @__PURE__ */ jsx(Box, {
-				marginTop: 1,
-				children: /* @__PURE__ */ jsx(Text, {
-					color: "gray",
-					children: "Updating ripen…"
-				})
-			}) : /* @__PURE__ */ jsxs(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				marginTop: 1,
 				flexDirection: "column",
 				children: [/* @__PURE__ */ jsxs(Text, { children: [selected === 0 ? /* @__PURE__ */ jsx(Text, {
@@ -2265,7 +2260,7 @@ function SelfUpdatePrompt({ currentVersion, latestVersion, updating, error, onUp
 					children: "❯ "
 				}) : /* @__PURE__ */ jsx(Text, { children: "  " }), /* @__PURE__ */ jsx(Text, {
 					color: selected === 0 ? "white" : "gray",
-					children: "Update"
+					children: "Update (copies command to clipboard)"
 				})] }), /* @__PURE__ */ jsxs(Text, { children: [selected === 1 ? /* @__PURE__ */ jsx(Text, {
 					color: "greenBright",
 					children: "❯ "
@@ -2280,6 +2275,8 @@ function SelfUpdatePrompt({ currentVersion, latestVersion, updating, error, onUp
 //#endregion
 //#region src/ui/TerminalOutputBox.tsx
 function TerminalOutputBox({ message, command, outputLines, maxLines }) {
+	const { columns } = useWindowSize();
+	const boxWidth = Math.min(64, columns - 4);
 	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		padding: 1,
@@ -2302,7 +2299,7 @@ function TerminalOutputBox({ message, command, outputLines, maxLines }) {
 				borderStyle: "round",
 				borderColor: "gray",
 				paddingX: 1,
-				width: 64,
+				width: boxWidth,
 				height: maxLines + 3,
 				overflow: "hidden",
 				children: [command !== "" && /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
@@ -2324,8 +2321,6 @@ function TerminalOutputBox({ message, command, outputLines, maxLines }) {
 //#region src/ui/hooks/use-self-update.ts
 function useSelfUpdate(currentVersion, installManager) {
 	const [latestVersion, setLatestVersion] = useState(null);
-	const [selfUpdating, setSelfUpdating] = useState(false);
-	const [selfUpdateError, setSelfUpdateError] = useState(null);
 	const [checkComplete, setCheckComplete] = useState(false);
 	const [hasUpdate, setHasUpdate] = useState(false);
 	useEffect(() => {
@@ -2342,33 +2337,17 @@ function useSelfUpdate(currentVersion, installManager) {
 			cancelled = true;
 		};
 	}, []);
-	const performUpdate = async () => {
-		setSelfUpdating(true);
-		try {
-			await execa(installManager, installManager === "yarn" ? [
-				"global",
-				"add",
-				`ripencli@${latestVersion}`
-			] : [
-				"add",
-				"--global",
-				`ripencli@${latestVersion}`
-			]);
-			setSelfUpdating(false);
-			return true;
-		} catch (err) {
-			setSelfUpdateError(err.message ?? "Unknown error");
-			setSelfUpdating(false);
-			return false;
-		}
+	const buildUpdateCommand = () => {
+		const version = latestVersion ?? "latest";
+		if (installManager === "yarn") return `yarn global add ripencli@${version}`;
+		if (installManager === "bun") return `bun add -g ripencli@${version}`;
+		return `${installManager} add -g ripencli@${version}`;
 	};
 	return {
 		latestVersion,
-		selfUpdating,
-		selfUpdateError,
 		checkComplete,
 		hasUpdate,
-		performUpdate
+		buildUpdateCommand
 	};
 }
 //#endregion
@@ -2445,7 +2424,7 @@ function useExitOnScreen(screen, targetScreens, exit, options) {
 }
 //#endregion
 //#region src/ui/App.tsx
-function App({ project, global, showAll, version, installManager }) {
+function App({ project, global, showAll, version, installManager, onCancelled, onCopied }) {
 	const { exit } = useApp();
 	const [screen, setScreen] = useState("self-update-check");
 	const [config, setConfig] = useState(() => loadConfig());
@@ -2458,19 +2437,21 @@ function App({ project, global, showAll, version, installManager }) {
 	useInput((_input, key) => {
 		if (key.ctrl && _input === "c") setScreen("cancelled");
 	});
-	useExitOnScreen(screen, ["self-update-done", "empty"], exit);
+	useExitOnScreen(screen, ["empty"], exit);
 	useExitOnScreen(screen, ["cancelled"], exit, {
 		delay: 200,
-		beforeExit: () => console.log("  \x1B[32mCancelled.\x1B[0m\n")
+		beforeExit: () => onCancelled?.()
 	});
 	useEffect(() => {
 		if (!selfUpdate.checkComplete) return;
 		if (screen !== "self-update-check") return;
 		setScreen(selfUpdate.hasUpdate ? "self-update" : "loading");
 	}, [selfUpdate.checkComplete]);
-	const handleSelfUpdate = async () => {
-		if (await selfUpdate.performUpdate()) setScreen("self-update-done");
-		else setTimeout(() => setScreen("loading"), 2e3);
+	const handleSelfUpdate = () => {
+		const cmd = selfUpdate.buildUpdateCommand();
+		copyToClipboard(cmd);
+		onCopied?.([cmd]);
+		exit();
 	};
 	const [fetchStarted, setFetchStarted] = useState(false);
 	useEffect(() => {
@@ -2478,7 +2459,7 @@ function App({ project, global, showAll, version, installManager }) {
 		setFetchStarted(true);
 		terminal.setLoadingMsg("Checking for outdated packages…");
 		terminal.setTerminalCmd(global ? "Checking all package managers…" : "Checking npm registry…");
-		(global ? getAllGlobalOutdated(project.cwd, terminal.onLine) : getOutdatedPackages(project.manager, project.cwd, false, terminal.onLine, showAll)).then((result) => {
+		(global ? getAllGlobalOutdated(project.cwd, terminal.onLine, showAll) : getOutdatedPackages(project.manager, project.cwd, false, terminal.onLine, showAll)).then((result) => {
 			if (!result.ok) {
 				setErrorMsg(result.error);
 				setScreen("error");
@@ -2496,21 +2477,15 @@ function App({ project, global, showAll, version, installManager }) {
 		setConfig(newConfig);
 		saveConfig(newConfig);
 	};
-	const [results, setResults] = useState([]);
-	const handleConfirm = async () => {
+	const handleConfirm = () => {
 		const selected = packages.filter((p) => p.selected);
 		if (selected.length === 0) return;
-		terminal.setLoadingMsg(`Updating ${selected.length} package${selected.length > 1 ? "s" : ""}…`);
-		terminal.setTerminalCmd("");
-		setScreen("updating");
-		const res = await updatePackages(project.manager, selected, project.cwd, global, terminal.onLine);
-		setResults(res);
-		setScreen("results");
-		const successNames = res.filter((r) => r.success).map((r) => r.name);
-		if (successNames.length > 0) {
-			incrementFrequency(successNames);
-			setFrequency(loadFrequency());
-		}
+		const commands = buildUpdateCommands(project.manager, selected, global);
+		copyToClipboard(commands.join(" && "));
+		incrementFrequency(selected.map((p) => p.name));
+		setFrequency(loadFrequency());
+		onCopied?.(commands);
+		exit();
 	};
 	if (screen === "self-update-check") return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
@@ -2530,30 +2505,9 @@ function App({ project, global, showAll, version, installManager }) {
 	if (screen === "self-update") return /* @__PURE__ */ jsx(SelfUpdatePrompt, {
 		currentVersion: version,
 		latestVersion: selfUpdate.latestVersion,
-		updating: selfUpdate.selfUpdating,
-		error: selfUpdate.selfUpdateError,
 		onUpdate: handleSelfUpdate,
 		onSkip: () => setScreen("loading")
 	});
-	if (screen === "self-update-done") return /* @__PURE__ */ jsxs(Box, {
-		flexDirection: "column",
-		padding: 1,
-		children: [/* @__PURE__ */ jsxs(Text, {
-			color: "greenBright",
-			bold: true,
-			children: [" ", "ripen"]
-		}), /* @__PURE__ */ jsx(Box, {
-			marginTop: 1,
-			children: /* @__PURE__ */ jsxs(Text, {
-				color: "green",
-				children: [
-					"✓ Updated to v",
-					selfUpdate.latestVersion,
-					". Run ripen again to use the new version."
-				]
-			})
-		})]
-	});
 	if (screen === "loading") return /* @__PURE__ */ jsx(TerminalOutputBox, {
 		message: terminal.loadingMsg,
 		command: terminal.terminalCmd,
@@ -2611,22 +2565,6 @@ function App({ project, global, showAll, version, installManager }) {
 	});
 	const isListActive = screen === "list";
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		screen === "updating" && /* @__PURE__ */ jsx(TerminalOutputBox, {
-			message: terminal.loadingMsg,
-			command: terminal.terminalCmd,
-			outputLines: terminal.outputLines,
-			maxLines: terminal.maxLines
-		}),
-		screen === "results" && /* @__PURE__ */ jsx(Box, {
-			padding: 1,
-			children: /* @__PURE__ */ jsx(UpdateResults, {
-				results,
-				onDone: () => {
-					exit();
-					process.exit(0);
-				}
-			})
-		}),
 		screen === "settings" && /* @__PURE__ */ jsx(Box, {
 			padding: 1,
 			children: /* @__PURE__ */ jsx(Settings, {
@@ -2709,7 +2647,7 @@ if (showHelp) {
     space     toggle select
     v         pick specific version
     c         view changelog / release notes
-    enter     update selected packages
+    enter     copy update command to clipboard & exit
     esc       cancel / go back
 `);
 	process.exit(0);
@@ -2720,13 +2658,28 @@ if (!isGlobal && !hasPackageJson(cwd)) {
 	console.log("  Run ripen inside a Node.js project, or use ripen -g for global packages.\n");
 	process.exit(1);
 }
+const project = getProjectInfo(cwd);
+const installManager = detectGlobalInstallManager();
+let wasCancelled = false;
+let copiedCommands = [];
 const { waitUntilExit } = render(/* @__PURE__ */ jsx(App, {
-	project: getProjectInfo(cwd),
+	project,
 	global: isGlobal,
 	showAll,
 	version: VERSION,
-	installManager: detectGlobalInstallManager()
-}), { exitOnCtrlC: false });
+	installManager,
+	onCancelled: () => {
+		wasCancelled = true;
+	},
+	onCopied: (cmds) => {
+		copiedCommands = cmds;
+	}
+}), {
+	exitOnCtrlC: false,
+	alternateScreen: true
+});
 await waitUntilExit();
+if (wasCancelled) process.stdout.write("  \x1B[32mCancelled.\x1B[0m\n");
+else if (copiedCommands.length > 0) process.stdout.write("  \x1B[32mCopied to clipboard.\x1B[0m\n");
 //#endregion
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ripencli",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "description": "Interactive dependency updater for npm, pnpm, yarn, and bun",
   "license": "MIT",
   "author": {
@@ -28,14 +28,14 @@
   },
   "type": "module",
   "bin": {
-    "ripen": "./dist/cli.js"
+    "ripen": "dist/cli.js"
   },
   "scripts": {
     "build": "tsdown",
     "dev": "tsx src/cli.tsx",
     "typecheck": "tsc --noEmit",
     "start": "node dist/cli.js",
-    "checks": "node scripts/pr-checks.ts",
+    "check": "node scripts/pr-checks.ts",
     "docs:dev": "pnpm --prefix docs dev",
     "docs:build": "pnpm --prefix docs build",
     "docs:start": "pnpm --prefix docs start"
@@ -65,16 +65,16 @@
     "dist"
   ],
   "dependencies": {
-    "execa": "^9.6.1",
-    "ink": "^6.8.0",
-    "ink-scroll-view": "^0.3.6",
-    "react": "^19.2.4"
+    "execa": "9.6.1",
+    "ink": "7.0.3",
+    "ink-scroll-view": "0.3.7",
+    "react": "19.2.6"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
-    "@types/react": "^19.2.14",
-    "prettier": "^3.8.1",
-    "tsdown": "^0.21.6",
-    "typescript": "^6.0.2"
+    "@types/node": "24.12.2",
+    "@types/react": "19.2.14",
+    "prettier": "3.8.3",
+    "tsdown": "0.22.0",
+    "typescript": "6.0.3"
   }
 }