ripencli 0.3.4 → 1.0.1

package/README.md

@@ -15,6 +15,7 @@
 - **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
+- **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
 - **Scope grouping** — optionally group scoped packages (e.g. `@heroui/*`) together
@@ -41,6 +42,9 @@ ripen
 # Check global packages (scans npm, pnpm, and yarn)
 ripen -g
 
+# Show all packages, not just outdated ones
+ripen --all
+
 # Help
 ripen --help
 ```
@@ -61,7 +65,7 @@ ripen --help
 
 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
-3. Shows outdated packages in a colorful interactive list
+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

package/dist/cli.js

@@ -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 [];
 	}
@@ -239,7 +241,7 @@ async function fetchAllLatest(names, concurrency, onLine) {
 	await Promise.all(Array.from({ length: Math.min(concurrency, names.length) }, () => worker()));
 	return results;
 }
-async function getOutdatedPackages(manager, cwd, global = false, onLine) {
+async function getOutdatedPackages(manager, cwd, global = false, onLine, showAll = false) {
 	if (global) return getGlobalOutdatedPackages(manager, cwd, onLine);
 	let deps;
 	try {
@@ -263,7 +265,7 @@ async function getOutdatedPackages(manager, cwd, global = false, onLine) {
 	for (const dep of deps) {
 		const latest = latestVersions.get(dep.name);
 		if (!latest) continue;
-		if (!isNewerVersion(dep.current, latest)) continue;
+		if (!showAll && !isNewerVersion(dep.current, latest)) continue;
 		packages.push({
 			name: dep.name,
 			current: dep.current,
@@ -853,7 +855,7 @@ function computeMaxPerGroup(terminalRows, groupCount) {
 }
 //#endregion
 //#region src/ui/package-list/PackageList.tsx
-function PackageList({ packages, onToggle, onToggleMany, onSelectVersion, onViewChangelog, onConfirm, onOpenSettings, groupByScope = false, groupScopes, groupsOnTop = false, frequencySort = false, frequency = {}, separateDevDeps = true, isActive = true }) {
+function PackageList({ packages, onToggle, onToggleMany, onSelectVersion, onViewChangelog, onConfirm, onOpenSettings, groupByScope = false, groupScopes, groupsOnTop = false, frequencySort = false, frequency = {}, separateDevDeps = true, showAll = false, isActive = true }) {
 	const [focusedIndex, setFocusedIndex] = useState(0);
 	const allRows = useMemo(() => buildDisplayRows(packages, groupByScope, groupScopes, groupsOnTop, frequencySort, frequency, separateDevDeps), [
 		packages,
@@ -949,6 +951,7 @@ function PackageList({ packages, onToggle, onToggleMany, onSelectVersion, onView
 		if (key.return) onConfirm();
 	}, { isActive });
 	const selectedCount = packages.filter((p) => p.selected).length;
+	const outdatedCount = packages.filter((p) => p.current !== p.latest).length;
 	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		children: [
@@ -1044,7 +1047,18 @@ function PackageList({ packages, onToggle, onToggleMany, onSelectVersion, onView
 							children: " selected"
 						}),
 						"  ",
-						/* @__PURE__ */ jsxs(Text, {
+						showAll ? /* @__PURE__ */ jsxs(Text, {
+							color: "gray",
+							children: [
+								packages.length,
+								" packages",
+								"  ",
+								/* @__PURE__ */ jsxs(Text, {
+									color: outdatedCount > 0 ? "yellow" : "green",
+									children: [outdatedCount, " outdated"]
+								})
+							]
+						}) : /* @__PURE__ */ jsxs(Text, {
 							color: "gray",
 							children: [packages.length, " outdated"]
 						})
@@ -1186,7 +1200,8 @@ function PackageGroupBox({ group, focusedIndex, collapsedScopes, scrollOffset, m
 					}
 					if (row.kind !== "package") return null;
 					const pkg = row.pkg;
-					const isMajorBump = parseInt(pkg.latest) > parseInt(pkg.current);
+					const isUpToDate = pkg.current === pkg.latest;
+					const isMajorBump = !isUpToDate && parseInt(pkg.latest) > parseInt(pkg.current);
 					return /* @__PURE__ */ jsxs(Box, {
 						gap: 2,
 						children: [
@@ -1213,7 +1228,7 @@ function PackageGroupBox({ group, focusedIndex, collapsedScopes, scrollOffset, m
 							/* @__PURE__ */ jsx(Box, {
 								width: 14,
 								children: /* @__PURE__ */ jsx(Text, {
-									color: "red",
+									color: isUpToDate ? "green" : "red",
 									children: pkg.current
 								})
 							}),
@@ -1419,9 +1434,13 @@ function openInBrowser(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) {
@@ -1432,30 +1451,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, {
@@ -1466,11 +1578,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, {
@@ -1478,10 +1589,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
@@ -1494,10 +1604,11 @@ function ChangelogPanel({ pkg, onClose }) {
 	const [activeEntry, setActiveEntry] = useState(0);
 	const scrollRef = useRef(null);
 	const { stdout } = useStdout();
+	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);
 		});
@@ -1584,14 +1695,6 @@ function ChangelogPanel({ pkg, onClose }) {
 							})
 						]
 					}),
-					repoUrl && /* @__PURE__ */ jsxs(Text, {
-						color: "gray",
-						children: [
-							" ",
-							repoUrl,
-							"/releases"
-						]
-					}),
 					/* @__PURE__ */ jsx(Text, {
 						color: "gray",
 						children: "────────────────────────────────────────────────────"
@@ -1661,7 +1764,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,
@@ -2339,7 +2445,7 @@ function useExitOnScreen(screen, targetScreens, exit, options) {
 }
 //#endregion
 //#region src/ui/App.tsx
-function App({ project, global, version, installManager }) {
+function App({ project, global, showAll, version, installManager }) {
 	const { exit } = useApp();
 	const [screen, setScreen] = useState("self-update-check");
 	const [config, setConfig] = useState(() => loadConfig());
@@ -2372,7 +2478,7 @@ function App({ project, global, 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)).then((result) => {
+		(global ? getAllGlobalOutdated(project.cwd, terminal.onLine) : getOutdatedPackages(project.manager, project.cwd, false, terminal.onLine, showAll)).then((result) => {
 			if (!result.ok) {
 				setErrorMsg(result.error);
 				setScreen("error");
@@ -2570,6 +2676,7 @@ function App({ project, global, version, installManager }) {
 				frequencySort: config.frequencySort,
 				frequency,
 				separateDevDeps: config.separateDevDeps,
+				showAll,
 				isActive: isListActive
 			})
 		})
@@ -2580,6 +2687,7 @@ function App({ project, global, version, installManager }) {
 const { version: VERSION } = createRequire(import.meta.url)("../package.json");
 const args = process.argv.slice(2);
 const isGlobal = args.includes("--global") || args.includes("-g");
+const showAll = args.includes("--all") || args.includes("-a");
 const showHelp = args.includes("--help") || args.includes("-h");
 if (args.includes("--version") || args.includes("-V")) {
 	console.log(VERSION);
@@ -2592,6 +2700,7 @@ if (showHelp) {
   Usage:
     ripen           check current project
     ripen -g        check global packages
+    ripen -a        show all packages, not just outdated ones
     ripen --help    show this help
     ripen --version show version
 
@@ -2614,6 +2723,7 @@ if (!isGlobal && !hasPackageJson(cwd)) {
 const { waitUntilExit } = render(/* @__PURE__ */ jsx(App, {
 	project: getProjectInfo(cwd),
 	global: isGlobal,
+	showAll,
 	version: VERSION,
 	installManager: detectGlobalInstallManager()
 }), { exitOnCtrlC: false });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ripencli",
-  "version": "0.3.4",
+  "version": "1.0.1",
   "description": "Interactive dependency updater for npm, pnpm, yarn, and bun",
   "license": "MIT",
   "author": {
@@ -35,7 +35,10 @@
     "dev": "tsx src/cli.tsx",
     "typecheck": "tsc --noEmit",
     "start": "node dist/cli.js",
-    "checks": "node scripts/pr-checks.ts"
+    "checks": "node scripts/pr-checks.ts",
+    "docs:dev": "pnpm --prefix docs dev",
+    "docs:build": "pnpm --prefix docs build",
+    "docs:start": "pnpm --prefix docs start"
   },
   "keywords": [
     "npm",
@@ -71,7 +74,7 @@
     "@types/node": "^25.5.0",
     "@types/react": "^19.2.14",
     "prettier": "^3.8.1",
-    "tsdown": "^0.21.4",
-    "typescript": "^5.9.3"
+    "tsdown": "^0.21.6",
+    "typescript": "^6.0.2"
   }
 }