ripencli 0.2.2 → 0.2.4

package/README.md

@@ -1,16 +1,17 @@
 # ripen
 
-> Interactive dependency updater for npm, pnpm, and yarn
+> Interactive dependency updater for npm, pnpm, yarn, and bun
+
+![npm version](https://img.shields.io/npm/v/ripencli) ![node](https://img.shields.io/node/v/ripencli) ![GitHub License](https://img.shields.io/github/license/yusifaliyevpro/ripen)
 
-![npm version](https://img.shields.io/npm/v/ripencli) ![node](https://img.shields.io/node/v/ripencli)
 
 ## Features
 
 - **Interactive TUI** — navigate packages with arrow keys, select with space
 - **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** — auto-detects your package manager
-- **Global packages** — check and update global installs across all package managers
+- **npm, pnpm, yarn & bun** — auto-detects your package manager
+- **Global packages** — check and update global installs across all* package managers
 - **Self-update** — notifies you when a new version of ripen is available
 - **Major bump warnings** — highlights potentially breaking updates
 
@@ -22,6 +23,8 @@ npm install -g ripencli@latest
 pnpm add -g ripencli@latest
 # or
 yarn global add ripencli@latest
+# or
+bun add -g ripencli@latest
 ```
 
 ## Usage
@@ -51,13 +54,13 @@ ripen --help
 ## 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 (`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`) for running updates
 3. Shows outdated packages in a colorful interactive list
 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, preserving your version range prefixes (`^`, `~`, etc.)
+6. Select the ones you want and press enter — ripen runs the update commands for you
 
-When using `ripen -g`, all available package managers (npm, pnpm, yarn) are checked in parallel so you see every global package in one place.
+When using `ripen -g`, all available package managers (npm, pnpm, yarn) are checked in parallel so you see every global package in one place. Bun is not included in global checking because it doesn't provide a JSON output for its outdated command.
 
 ## License
 

package/dist/cli.js

@@ -11,6 +11,8 @@ import { exec } from "child_process";
 import { ScrollView } from "ink-scroll-view";
 //#region src/detector.ts
 function detectPackageManager(cwd) {
+	if (existsSync(join(cwd, "bun.lock"))) return "bun";
+	if (existsSync(join(cwd, "bun.lockb"))) return "bun";
 	if (existsSync(join(cwd, "pnpm-lock.yaml"))) return "pnpm";
 	if (existsSync(join(cwd, "pnpm-workspace.yaml"))) return "pnpm";
 	if (existsSync(join(cwd, "yarn.lock"))) return "yarn";
@@ -25,6 +27,7 @@ function detectGlobalInstallManager() {
 	const scriptPath = (process.argv[1] ?? "").replace(/\\/g, "/").toLowerCase();
 	if (scriptPath.includes("/pnpm/") || scriptPath.includes("/pnpm-global/")) return "pnpm";
 	if (scriptPath.includes("/yarn/")) return "yarn";
+	if (scriptPath.includes("/.bun/") || scriptPath.includes("/bun/")) return "bun";
 	return "npm";
 }
 function hasPackageJson(cwd) {
@@ -439,7 +442,7 @@ async function updatePackages(manager, packages, cwd, global = false, onLine) {
 	if (devDeps.length > 0) batches.push({
 		mgr: manager,
 		pkgs: devDeps,
-		flags: ["-D"]
+		flags: [manager === "bun" ? "-d" : "-D"]
 	});
 	if (globalPkgs.length > 0) {
 		const byManager = /* @__PURE__ */ new Map();
@@ -449,7 +452,7 @@ async function updatePackages(manager, packages, cwd, global = false, onLine) {
 			byManager.get(mgr).push(pkg);
 		}
 		for (const [mgr, pkgs] of byManager) {
-			const globalFlags = mgr === "yarn" ? [] : ["--global"];
+			const globalFlags = mgr === "yarn" ? [] : mgr === "bun" ? ["-g"] : ["--global"];
 			batches.push({
 				mgr,
 				pkgs,
@@ -675,11 +678,12 @@ function groupCheckbox(packages) {
 	};
 }
 function computeMaxPerGroup(terminalRows, groupCount) {
-	const available = terminalRows - CHROME_LINES - groupCount * (GROUP_CHROME + 1);
+	const available = terminalRows - CHROME_LINES - groupCount * (GROUP_CHROME + 2) - 2;
 	const perGroup = Math.floor(available / groupCount);
 	return Math.max(3, perGroup);
 }
-function PackageList({ packages, onToggle, onToggleGroup, onToggleMany, onSelectVersion, onViewChangelog, onConfirm, onOpenSettings, focusedIndex, onFocusChange, groupByScope, isActive = true }) {
+function PackageList({ packages, onToggle, onToggleGroup, onToggleMany, onSelectVersion, onViewChangelog, onConfirm, onOpenSettings, groupByScope, isActive = true }) {
+	const [focusedIndex, setFocusedIndex] = useState(0);
 	const allRows = useMemo(() => buildDisplayRows(packages, groupByScope), [packages, groupByScope]);
 	const allScopeKeys = useMemo(() => {
 		const keys = /* @__PURE__ */ new Set();
@@ -699,35 +703,19 @@ function PackageList({ packages, onToggle, onToggleGroup, onToggleMany, onSelect
 	const { stdout } = useStdout();
 	const terminalRows = stdout?.rows ?? 24;
 	const maxVisible = useMemo(() => computeMaxPerGroup(terminalRows, groups.length), [terminalRows, groups.length]);
-	const [scrollOffsets, setScrollOffsets] = useState({});
-	useEffect(() => {
-		for (const group of groups) {
-			const localIndex = group.items.findIndex((item) => item.visibleIndex === focusedIndex);
-			if (localIndex === -1) continue;
-			setScrollOffsets((prev) => {
-				const offset = prev[group.type] ?? 0;
-				let next = offset;
-				if (localIndex < offset) next = localIndex;
-				else if (localIndex >= offset + maxVisible) next = localIndex - maxVisible + 1;
-				if (next === offset) return prev;
-				return {
-					...prev,
-					[group.type]: next
-				};
-			});
-		}
-	}, [
-		focusedIndex,
-		groups,
-		maxVisible
-	]);
+	const scrollOffsetsRef = useRef({});
+	for (const group of groups) {
+		const localIndex = group.items.findIndex((item) => item.visibleIndex === focusedIndex);
+		if (localIndex === -1) continue;
+		const prev = scrollOffsetsRef.current[group.type] ?? 0;
+		let next = prev;
+		if (localIndex < prev) next = localIndex;
+		else if (localIndex >= prev + maxVisible) next = localIndex - maxVisible + 1;
+		scrollOffsetsRef.current[group.type] = next;
+	}
 	useEffect(() => {
-		if (focusedIndex >= visibleRows.length) onFocusChange(Math.max(0, visibleRows.length - 1));
-	}, [
-		visibleRows.length,
-		focusedIndex,
-		onFocusChange
-	]);
+		if (focusedIndex >= visibleRows.length) setFocusedIndex(Math.max(0, visibleRows.length - 1));
+	}, [visibleRows.length, focusedIndex]);
 	const toggleCollapse = (scopeKey) => {
 		setCollapsedScopes((prev) => {
 			const next = new Set(prev);
@@ -737,11 +725,13 @@ function PackageList({ packages, onToggle, onToggleGroup, onToggleMany, onSelect
 		});
 	};
 	useInput((input, key) => {
-		if (key.upArrow) onFocusChange(Math.max(0, focusedIndex - 1));
-		if (key.downArrow) onFocusChange(Math.min(visibleRows.length - 1, focusedIndex + 1));
+		if (key.upArrow) setFocusedIndex(Math.max(0, focusedIndex - 1));
+		if (key.downArrow) setFocusedIndex(Math.min(visibleRows.length - 1, focusedIndex + 1));
+		if (key.pageUp) setFocusedIndex(Math.max(0, focusedIndex - maxVisible));
+		if (key.pageDown) setFocusedIndex(Math.min(visibleRows.length - 1, focusedIndex + maxVisible));
 		if (key.tab) {
 			const headerIndices = groups.map((g) => g.headerVisibleIndex);
-			onFocusChange(headerIndices[(headerIndices.findIndex((h, i) => {
+			setFocusedIndex(headerIndices[(headerIndices.findIndex((h, i) => {
 				const nextHeader = headerIndices[i + 1] ?? visibleRows.length;
 				return focusedIndex >= h && focusedIndex < nextHeader;
 			}) + 1) % headerIndices.length]);
@@ -763,9 +753,9 @@ function PackageList({ packages, onToggle, onToggleGroup, onToggleMany, onSelect
 		if (input === " ") if (focused.kind === "header") onToggleGroup(focused.groupType);
 		else if (focused.kind === "scope-header") onToggleMany(focused.packageIndices);
 		else onToggle(focused.packageIndex);
-		if (input === "v" && focused.kind === "package") onSelectVersion(focused.packageIndex);
-		if (input === "c" && focused.kind === "package") onViewChangelog(focused.packageIndex);
-		if (input === "s") onOpenSettings?.();
+		if (input === "v" && !key.ctrl && focused.kind === "package") onSelectVersion(focused.packageIndex);
+		if (input === "c" && !key.ctrl && focused.kind === "package") onViewChangelog(focused.packageIndex);
+		if (input === "s" && !key.ctrl) onOpenSettings?.();
 		if (key.return) onConfirm();
 	}, { isActive });
 	const selectedCount = packages.filter((p) => p.selected).length;
@@ -793,7 +783,7 @@ function PackageList({ packages, onToggle, onToggleGroup, onToggleMany, onSelect
 						children: [
 							/* @__PURE__ */ jsx(Text, {
 								color: "white",
-								children: "↑↓"
+								children: "↑↓/PgDn/PgUp"
 							}),
 							" navigate",
 							"  ",
@@ -846,7 +836,7 @@ function PackageList({ packages, onToggle, onToggleGroup, onToggleMany, onSelect
 				const check = groupCheckbox(group.allPackages);
 				const headerFocused = focusedIndex === group.headerVisibleIndex;
 				const typeColor = TYPE_COLORS[group.type] ?? "white";
-				const offset = scrollOffsets[group.type] ?? 0;
+				const offset = scrollOffsetsRef.current[group.type] ?? 0;
 				const visibleItems = group.items.slice(offset, offset + maxVisible);
 				const totalItems = group.items.length;
 				const needsScroll = totalItems > maxVisible;
@@ -1800,13 +1790,22 @@ function SelfUpdatePrompt({ currentVersion, latestVersion, updating, error, onUp
 //#region src/ui/App.tsx
 function App({ project, global, version, installManager }) {
 	const { exit } = useApp();
+	useInput((_input, key) => {
+		if (key.ctrl && _input === "c") {
+			setScreen("empty");
+			setTimeout(() => {
+				exit();
+				console.log("  \x1B[32mCancelled.\x1B[0m\n");
+				process.exit(0);
+			}, 200);
+		}
+	});
 	const [screen, setScreen] = useState("self-update-check");
 	const [latestVersion, setLatestVersion] = useState(null);
 	const [selfUpdateError, setSelfUpdateError] = useState(null);
 	const [selfUpdating, setSelfUpdating] = useState(false);
 	const [config, setConfig] = useState(() => loadConfig());
 	const [packages, setPackages] = useState([]);
-	const [focusedIndex, setFocusedIndex] = useState(0);
 	const [activeIndex, setActiveIndex] = useState(0);
 	const [results, setResults] = useState([]);
 	const [errorMsg, setErrorMsg] = useState("");
@@ -1832,7 +1831,15 @@ function App({ project, global, version, installManager }) {
 		const timer = setTimeout(() => {
 			exit();
 			process.exit(0);
-		}, 1500);
+		}, 300);
+		return () => clearTimeout(timer);
+	}, [screen]);
+	useEffect(() => {
+		if (screen !== "empty") return;
+		const timer = setTimeout(() => {
+			exit();
+			process.exit(0);
+		}, 300);
 		return () => clearTimeout(timer);
 	}, [screen]);
 	const [fetchStarted, setFetchStarted] = useState(false);
@@ -2148,8 +2155,6 @@ function App({ project, global, version, installManager }) {
 				onViewChangelog: handleViewChangelog,
 				onConfirm: handleConfirm,
 				onOpenSettings: () => setScreen("settings"),
-				focusedIndex,
-				onFocusChange: setFocusedIndex,
 				groupByScope: config.groupByScope,
 				isActive: isListActive
 			})
@@ -2197,7 +2202,7 @@ const { waitUntilExit } = render(/* @__PURE__ */ jsx(App, {
 	global: isGlobal,
 	version: VERSION,
 	installManager: detectGlobalInstallManager()
-}));
+}), { exitOnCtrlC: false });
 await waitUntilExit();
 //#endregion
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ripencli",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Interactive dependency updater for npm, pnpm, and yarn",
   "license": "MIT",
   "author": {
@@ -63,6 +63,6 @@
     "@types/react": "^19.2.14",
     "prettier": "^3.8.1",
     "tsdown": "^0.21.4",
-    "typescript": "^5.5.0"
+    "typescript": "^5.9.3"
   }
 }