ripencli 1.0.0 → 1.1.0

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
@@ -51,24 +53,27 @@ 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
 	};
@@ -141,8 +141,10 @@ async function fetchChangelog(packageName, fromVersion, toVersion) {
 		const ghRes = await fetch(`https://api.github.com/repos/${repo}/releases?per_page=30`, { headers: { Accept: "application/vnd.github+json" } });
 		if (!ghRes.ok) return [];
 		const releases = await ghRes.json();
+		const toMajor = parseVersion(toVersion)[0];
 		const filtered = releases.filter((r) => {
 			if (r.draft || r.prerelease) return false;
+			if (fromVersion === "") return parseVersion(r.tag_name)[0] === toMajor && compareVersions(r.tag_name, toVersion) <= 0;
 			return compareVersions(r.tag_name, fromVersion) > 0 && compareVersions(r.tag_name, toVersion) <= 0;
 		}).map((r) => ({
 			version: r.tag_name,
@@ -157,7 +159,7 @@ async function fetchChangelog(packageName, fromVersion, toVersion) {
 				url: latest.html_url
 			}];
 		}
-		return filtered;
+		return filtered.sort((a, b) => compareVersions(a.version, b.version));
 	} catch {
 		return [];
 	}
@@ -211,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 ?? null;
+		if (!version) return null;
+		return {
+			version,
+			publishedAt: data.time?.[version] ?? ""
+		};
 	} catch {
 		if (attempt === 2) return null;
 	}
@@ -232,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++;
 		}
 	}
@@ -261,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,
@@ -273,7 +282,8 @@ 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 {
@@ -458,22 +468,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) {
@@ -483,72 +499,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
@@ -597,6 +551,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",
@@ -880,8 +864,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) {
@@ -1018,7 +1001,7 @@ function PackageList({ packages, onToggle, onToggleMany, onSelectVersion, onView
 								color: "white",
 								children: "enter"
 							}),
-							" update"
+							" copy & exit"
 						]
 					})
 				})]
@@ -1062,7 +1045,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 →"
 					})]
 				})
 			})
@@ -1154,6 +1137,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"
+							})
 						})
 					]
 				}),
@@ -1244,6 +1234,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, {
@@ -1269,7 +1269,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);
@@ -1338,13 +1339,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";
@@ -1364,10 +1369,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, {
@@ -1380,18 +1385,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, {
@@ -1425,16 +1423,14 @@ 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
-function parseInline(raw) {
+/** Wrap text in an OSC 8 hyperlink so modern terminals make it clickable. */
+function osc8(text, url) {
+	return `\x1b]8;;${url}\x07${text}\x1b]8;;\x07`;
+}
+function parseInline(raw, repoUrl) {
 	const segments = [];
-	const re = /(\*\*(.+?)\*\*|`([^`]+)`|\[([^\]]+)\]\(([^)]+)\))/g;
+	const re = /(\*\*(.+?)\*\*|\*([^*\n]+)\*|~~([^~\n]+)~~|`([^`]+)`|\[([^\]]*)\]\(([^)]+)\)|<(?:strong|b)>(.+?)<\/(?:strong|b)>|<(?:em|i)>(.+?)<\/(?:em|i)>|<(?:del|s)>(.+?)<\/(?:del|s)>|<(?:code|samp|kbd)>(.+?)<\/(?:code|samp|kbd)>|(?<![/\w&#])#(\d+)|(?<!\w)@([a-zA-Z0-9][a-zA-Z0-9-]*)|(https?:\/\/[^\s)>\]]+))/g;
 	let last = 0;
 	let m;
 	while ((m = re.exec(raw)) !== null) {
@@ -1445,30 +1441,123 @@ function parseInline(raw) {
 		});
 		else if (m[3] !== void 0) segments.push({
 			text: m[3],
+			italic: true
+		});
+		else if (m[4] !== void 0) segments.push({
+			text: m[4],
+			strikethrough: true
+		});
+		else if (m[5] !== void 0) segments.push({
+			text: m[5],
 			code: true
 		});
-		else if (m[4] !== void 0) {
-			segments.push({ text: m[4] });
+		else if (m[6] !== void 0) {
+			const linkText = m[6].trim() || m[7];
 			segments.push({
-				text: ` (${m[5]})`,
-				dim: true
+				text: linkText,
+				link: m[7]
 			});
-		}
+		} else if (m[8] !== void 0) segments.push({
+			text: m[8],
+			bold: true
+		});
+		else if (m[9] !== void 0) segments.push({
+			text: m[9],
+			italic: true
+		});
+		else if (m[10] !== void 0) segments.push({
+			text: m[10],
+			strikethrough: true
+		});
+		else if (m[11] !== void 0) segments.push({
+			text: m[11],
+			code: true
+		});
+		else if (m[12] !== void 0) {
+			const num = m[12];
+			const url = repoUrl ? `${repoUrl}/issues/${num}` : void 0;
+			segments.push(url ? {
+				text: `#${num}`,
+				link: url
+			} : {
+				text: `#${num}`,
+				code: true
+			});
+		} else if (m[13] !== void 0) {
+			const user = m[13];
+			segments.push({
+				text: `@${user}`,
+				link: `https://github.com/${user}`
+			});
+		} else if (m[14] !== void 0) segments.push({
+			text: m[14],
+			link: m[14]
+		});
 		last = m.index + m[0].length;
 	}
 	if (last < raw.length) segments.push({ text: raw.slice(last) });
 	return segments;
 }
-function MarkdownLine({ line, baseColor = "white", baseDim = false }) {
-	const raw = line;
-	const headingMatch = raw.match(/^(#{1,3})\s+(.*)/);
+function Segment({ s, baseColor }) {
+	if (s.link) return /* @__PURE__ */ jsx(Text, {
+		color: "blueBright",
+		underline: true,
+		children: osc8(s.text, s.link)
+	});
+	if (s.code) return /* @__PURE__ */ jsx(Text, {
+		color: "cyan",
+		children: s.text
+	});
+	if (s.bold) return /* @__PURE__ */ jsx(Text, {
+		bold: true,
+		color: baseColor,
+		children: s.text
+	});
+	if (s.italic) return /* @__PURE__ */ jsx(Text, {
+		italic: true,
+		color: baseColor,
+		children: s.text
+	});
+	if (s.strikethrough) return /* @__PURE__ */ jsx(Text, {
+		strikethrough: true,
+		color: "gray",
+		children: s.text
+	});
+	return /* @__PURE__ */ jsx(Text, {
+		color: baseColor,
+		children: s.text
+	});
+}
+const HTML_ENTITIES = {
+	"&nbsp;": " ",
+	"&amp;": "&",
+	"&lt;": "<",
+	"&gt;": ">",
+	"&quot;": "\"",
+	"&apos;": "'",
+	"&mdash;": "—",
+	"&ndash;": "–",
+	"&hellip;": "…",
+	"&laquo;": "«",
+	"&raquo;": "»"
+};
+function decodeEntities(s) {
+	return s.replace(/&[a-z]+;/g, (e) => HTML_ENTITIES[e] ?? e).replace(/&#(\d+);/g, (_, n) => String.fromCodePoint(Number(n))).replace(/&#x([0-9a-f]+);/gi, (_, h) => String.fromCodePoint(parseInt(h, 16)));
+}
+function MarkdownLine({ line, baseColor = "white", repoUrl }) {
+	const raw = decodeEntities(line);
+	const headingMatch = raw.match(/^(#{1,6})\s+(.*)/);
 	if (headingMatch) {
 		const level = headingMatch[1].length;
 		const text = headingMatch[2];
+		const color = level === 1 ? "whiteBright" : level === 2 ? "cyanBright" : level === 3 ? "cyan" : "gray";
 		return /* @__PURE__ */ jsxs(Text, {
-			bold: true,
-			color: level === 1 ? "whiteBright" : level === 2 ? "white" : "gray",
-			children: ["  ", text]
+			bold: level <= 3,
+			color,
+			children: ["  " + "  ".repeat(Math.max(0, level - 3)), parseInline(text, repoUrl).map((s, i) => /* @__PURE__ */ jsx(Segment, {
+				s,
+				baseColor: color
+			}, i))]
 		});
 	}
 	if (raw.startsWith("> ")) return /* @__PURE__ */ jsxs(Text, {
@@ -1479,11 +1568,10 @@ function MarkdownLine({ line, baseColor = "white", baseDim = false }) {
 	if (listMatch) {
 		const indent = listMatch[1].match(/^\s*/)?.[0].length ?? 0;
 		const content = listMatch[2];
-		const segments = parseInline(content);
-		return /* @__PURE__ */ jsxs(Text, { children: ["  " + " ".repeat(indent) + "• ", segments.map((s, i) => /* @__PURE__ */ jsx(Text, {
-			bold: s.bold,
-			color: s.code ? "cyan" : s.dim ? "gray" : baseColor,
-			children: s.text
+		const segments = parseInline(content, repoUrl);
+		return /* @__PURE__ */ jsxs(Text, { children: ["  " + " ".repeat(indent) + "• ", segments.map((s, i) => /* @__PURE__ */ jsx(Segment, {
+			s,
+			baseColor
 		}, i))] });
 	}
 	if (/^[-*_]{3,}$/.test(raw.trim())) return /* @__PURE__ */ jsx(Text, {
@@ -1491,10 +1579,9 @@ function MarkdownLine({ line, baseColor = "white", baseDim = false }) {
 		children: "  ────────────────────"
 	});
 	if (!raw.trim()) return /* @__PURE__ */ jsx(Text, { children: " " });
-	return /* @__PURE__ */ jsxs(Text, { children: ["  ", parseInline(raw).map((s, i) => /* @__PURE__ */ jsx(Text, {
-		bold: s.bold,
-		color: s.code ? "cyan" : s.dim ? "gray" : baseColor,
-		children: s.text
+	return /* @__PURE__ */ jsxs(Text, { children: ["  ", parseInline(raw, repoUrl).map((s, i) => /* @__PURE__ */ jsx(Segment, {
+		s,
+		baseColor
 	}, i))] });
 }
 //#endregion
@@ -1506,22 +1593,19 @@ 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, pkg.current, pkg.targetVersion ?? pkg.latest), fetchRepoUrl(pkg.name)]).then(([e, repo]) => {
+		Promise.all([fetchChangelog(pkg.name, isUpToDate ? "" : pkg.current, pkg.targetVersion ?? pkg.latest), fetchRepoUrl(pkg.name)]).then(([e, repo]) => {
 			setEntries(e);
-			setActiveEntry(0);
+			setActiveEntry(isUpToDate ? Math.max(0, e.length - 1) : 0);
 			setRepoUrl(repo);
 			setLoading(false);
 		});
 	}, [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);
@@ -1597,14 +1681,6 @@ function ChangelogPanel({ pkg, onClose }) {
 							})
 						]
 					}),
-					repoUrl && /* @__PURE__ */ jsxs(Text, {
-						color: "gray",
-						children: [
-							" ",
-							repoUrl,
-							"/releases"
-						]
-					}),
 					/* @__PURE__ */ jsx(Text, {
 						color: "gray",
 						children: "────────────────────────────────────────────────────"
@@ -1674,7 +1750,10 @@ function ChangelogPanel({ pkg, onClose }) {
 					ref: scrollRef,
 					children: /* @__PURE__ */ jsx(Box, {
 						flexDirection: "column",
-						children: currentEntry.body.split("\n").map((line, j) => /* @__PURE__ */ jsx(MarkdownLine, { line }, j))
+						children: currentEntry.body.split("\n").map((line, j) => /* @__PURE__ */ jsx(MarkdownLine, {
+							line,
+							repoUrl
+						}, j))
 					})
 				})
 			}) : null,
@@ -1743,85 +1822,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, {
@@ -2187,6 +2187,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,
@@ -2209,7 +2211,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, {
@@ -2352,7 +2354,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());
@@ -2368,7 +2370,7 @@ function App({ project, global, showAll, version, installManager }) {
 	useExitOnScreen(screen, ["self-update-done", "empty"], exit);
 	useExitOnScreen(screen, ["cancelled"], exit, {
 		delay: 200,
-		beforeExit: () => console.log("  \x1B[32mCancelled.\x1B[0m\n")
+		beforeExit: () => onCancelled?.()
 	});
 	useEffect(() => {
 		if (!selfUpdate.checkComplete) return;
@@ -2403,21 +2405,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",
@@ -2518,22 +2514,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, {
@@ -2616,7 +2596,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);
@@ -2627,13 +2607,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.0",
+  "version": "1.1.0",
   "description": "Interactive dependency updater for npm, pnpm, yarn, and bun",
   "license": "MIT",
   "author": {
@@ -35,7 +35,7 @@
     "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"
   }
 }