Skip to content

feat: cli can update itself when prompted #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
dines-rl merged 7 commits into from
Jan 8, 2026
Merged

feat: cli can update itself when prompted #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
c2738fe
cp dines
dines-rl Jan 8, 2026
5525253
cp dines
dines-rl Jan 8, 2026
a01a09c
cp dines
dines-rl Jan 8, 2026
8932aa6
cp dines
dines-rl Jan 8, 2026
45d77a0
cp dines
dines-rl Jan 8, 2026
d0efbfc
cp dines
dines-rl Jan 8, 2026
f85a86b
cp dines
dines-rl Jan 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
118 changes: 0 additions & 118 deletions RELEASE.md
View file
Open in desktop

This file was deleted.

4 changes: 2 additions & 2 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

81 changes: 42 additions & 39 deletions src/components/Breadcrumb.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,48 +21,51 @@ export const Breadcrumb = ({
const isDevEnvironment = env === "dev";

return (
<Box marginBottom={1} paddingX={0} paddingY={0}>
<Box
borderStyle="round"
borderColor={colors.primary}
paddingX={2}
paddingY={0}
>
<Text color={colors.primary} bold>
rl
</Text>
{isDevEnvironment && (
<Text color={colors.error} bold>
{" "}
(dev)
<Box
justifyContent="space-between"
marginBottom={1}
paddingX={0}
paddingY={0}
>
<Box flexShrink={0}>
<Box
borderStyle="round"
borderColor={colors.primary}
paddingX={2}
paddingY={0}
>
<Text color={colors.primary} bold>
rl
</Text>
)}
<Text color={colors.textDim}> › </Text>
{items.map((item, index) => {
// Limit label length to prevent Yoga layout engine errors
const MAX_LABEL_LENGTH = 80;
const truncatedLabel =
item.label.length > MAX_LABEL_LENGTH
? item.label.substring(0, MAX_LABEL_LENGTH) + "..."
: item.label;
{isDevEnvironment && (
<Text color={colors.error} bold>
{" "}
(dev)
</Text>
)}
<Text color={colors.textDim}> › </Text>
{items.map((item, index) => {
// Limit label length to prevent Yoga layout engine errors
const MAX_LABEL_LENGTH = 80;
const truncatedLabel =
item.label.length > MAX_LABEL_LENGTH
? item.label.substring(0, MAX_LABEL_LENGTH) + "..."
: item.label;

return (
<React.Fragment key={index}>
<Text color={item.active ? colors.primary : colors.textDim}>
{truncatedLabel}
</Text>
{index < items.length - 1 && (
<Text color={colors.textDim}> › </Text>
)}
</React.Fragment>
);
})}
</Box>
{showVersionCheck && (
<Box paddingX={2} marginTop={0}>
<UpdateNotification />
return (
<React.Fragment key={index}>
<Text color={item.active ? colors.primary : colors.textDim}>
{truncatedLabel}
</Text>
{index < items.length - 1 && (
<Text color={colors.textDim}> › </Text>
)}
</React.Fragment>
);
})}
</Box>
)}
</Box>
{showVersionCheck && <UpdateNotification />}
</Box>
);
};
13 changes: 13 additions & 0 deletions src/components/MainMenu.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,10 @@ import { Banner } from "./Banner.js";
import { Breadcrumb } from "./Breadcrumb.js";
import { VERSION } from "../version.js";
import { colors } from "../utils/theme.js";
import { execCommand } from "../utils/exec.js";
import { useViewportHeight } from "../hooks/useViewportHeight.js";
import { useExitOnCtrlC } from "../hooks/useExitOnCtrlC.js";
import { useUpdateCheck } from "../hooks/useUpdateCheck.js";

interface MenuItem {
key: string;
Expand Down Expand Up @@ -51,6 +53,9 @@ export const MainMenu = ({ onSelect }: MainMenuProps) => {
// Use centralized viewport hook for consistent layout
const { terminalHeight } = useViewportHeight({ overhead: 0 });

// Check for updates
const { updateAvailable } = useUpdateCheck();

// Handle Ctrl+C to exit
useExitOnCtrlC();

Expand All @@ -69,6 +74,12 @@ export const MainMenu = ({ onSelect }: MainMenuProps) => {
onSelect("blueprints");
} else if (input === "s" || input === "3") {
onSelect("snapshots");
} else if (input === "u" && updateAvailable) {
// Release terminal and exec into update command (never returns)
execCommand("sh", [
"-c",
"npm install -g @runloop/rl-cli@latest && exec rli",
]);
}
});

Expand Down Expand Up @@ -125,6 +136,7 @@ export const MainMenu = ({ onSelect }: MainMenuProps) => {
{figures.arrowUp}
{figures.arrowDown} Navigate • [1-3] Quick select • [Enter] Select •
[Esc] Quit
{updateAvailable && " • [u] Update"}
</Text>
</Box>
</Box>
Expand Down Expand Up @@ -204,6 +216,7 @@ export const MainMenu = ({ onSelect }: MainMenuProps) => {
{figures.arrowUp}
{figures.arrowDown} Navigate • [1-3] Quick select • [Enter] Select •
[Esc] Quit
{updateAvailable && " • [u] Update"}
</Text>
</Box>
</Box>
Expand Down
Loading
Loading