@runloop/rl-cli 0.1.0 → 0.1.2

package/dist/cli.js

@@ -33,6 +33,14 @@ program
     const { default: auth } = await import("./commands/auth.js");
     auth();
 });
+program
+    .command("check-updates")
+    .description("Check for CLI updates")
+    .action(async () => {
+    const { checkForUpdates } = await import("./utils/config.js");
+    console.log("Checking for updates...");
+    await checkForUpdates(true);
+});
 // Devbox commands
 const devbox = program
     .command("devbox")
@@ -443,12 +451,15 @@ program
             process.exit(1);
         }
     }
-    // If no command provided, show main menu
+    // If no command provided, show main menu (version check handled in UI)
     if (args.length === 0) {
         const { runMainMenu } = await import("./commands/menu.js");
         runMainMenu();
     }
     else {
+        // Check for updates for non-interactive commands (stderr output)
+        const { checkForUpdates } = await import("./utils/config.js");
+        await checkForUpdates();
         program.parse();
     }
 })();

package/dist/commands/blueprint/list.js

@@ -357,15 +357,15 @@ const ListBlueprintsUI = ({ onBack, onExit }) => {
     }
     // Loading state
     if (loading) {
-        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }] }), _jsx(SpinnerComponent, { message: "Loading blueprints..." })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }], showVersionCheck: true }), _jsx(SpinnerComponent, { message: "Loading blueprints..." })] }));
     }
     // Error state
     if (listError) {
-        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }] }), _jsx(ErrorMessage, { message: "Failed to load blueprints", error: listError })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }], showVersionCheck: true }), _jsx(ErrorMessage, { message: "Failed to load blueprints", error: listError })] }));
     }
     // Empty state
     if (blueprints.length === 0) {
-        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }] }), _jsxs(Box, { children: [_jsx(Text, { color: colors.warning, children: figures.info }), _jsx(Text, { children: " No blueprints found. Try:" }), _jsx(Text, { color: colors.primary, bold: true, children: "rli blueprint create" })] })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }], showVersionCheck: true }), _jsxs(Box, { children: [_jsx(Text, { color: colors.warning, children: figures.info }), _jsx(Text, { children: " No blueprints found. Try:" }), _jsx(Text, { color: colors.primary, bold: true, children: "rli blueprint create" })] })] }));
     }
     // Pagination moved earlier
     // Overlay: draw quick actions popup over the table (keep table visible)

package/dist/commands/devbox/list.js

@@ -478,7 +478,7 @@ const ListDevboxesUI = ({ status, onSSHRequest, focusDevboxId, onBack, onExit })
     }
     // Show popup with table in background
     if (showPopup && selectedDevbox) {
-        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Devboxes", active: true }] }), !initialLoading && !error && devboxes.length > 0 && (_jsx(_Fragment, { children: _jsx(Table, { data: currentDevboxes, keyExtractor: (devbox) => devbox.id, selectedIndex: selectedIndex, title: `devboxes[${totalCount}]`, columns: [
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Devboxes", active: true }], showVersionCheck: true }), !initialLoading && !error && devboxes.length > 0 && (_jsx(_Fragment, { children: _jsx(Table, { data: currentDevboxes, keyExtractor: (devbox) => devbox.id, selectedIndex: selectedIndex, title: `devboxes[${totalCount}]`, columns: [
                             {
                                 key: "statusIcon",
                                 label: "",
@@ -555,10 +555,10 @@ const ListDevboxesUI = ({ status, onSSHRequest, focusDevboxId, onBack, onExit })
     }
     // If initial loading or error, show that first
     if (initialLoading) {
-        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Devboxes", active: true }] }), _jsx(SpinnerComponent, { message: "Loading..." })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Devboxes", active: true }], showVersionCheck: true }), _jsx(SpinnerComponent, { message: "Loading..." })] }));
     }
     if (error) {
-        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Devboxes", active: true }] }), _jsx(ErrorMessage, { message: "Failed to list devboxes", error: error })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Devboxes", active: true }], showVersionCheck: true }), _jsx(ErrorMessage, { message: "Failed to list devboxes", error: error })] }));
     }
     // List view with data (always show, even if empty)
     return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Devboxes", active: true }] }), currentDevboxes && currentDevboxes.length >= 0 && (_jsxs(_Fragment, { children: [searchMode && (_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { color: colors.primary, children: [figures.pointerSmall, " Search:", " "] }), _jsx(TextInput, { value: searchQuery, onChange: setSearchQuery, placeholder: "Type to search (name, id, status)...", onSubmit: () => {

package/dist/components/Breadcrumb.js

@@ -2,8 +2,53 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { Box, Text } from "ink";
 import { colors } from "../utils/theme.js";
-export const Breadcrumb = React.memo(({ items }) => {
+import { VERSION } from "../cli.js";
+// Version check component
+const VersionCheck = () => {
+    const [updateAvailable, setUpdateAvailable] = React.useState(null);
+    const [isChecking, setIsChecking] = React.useState(true);
+    React.useEffect(() => {
+        const checkForUpdates = async () => {
+            try {
+                // Import the utility functions from config
+                const { checkForUpdates: checkForUpdatesUtil } = await import("../utils/config.js");
+                // Use the same logic as the non-interactive version
+                // We'll call the utility function and capture its output
+                const originalConsoleError = console.error;
+                let updateMessage = "";
+                // Capture the console.error output
+                console.error = (...args) => {
+                    updateMessage = args.join(' ');
+                    originalConsoleError(...args);
+                };
+                // Call the update check utility
+                await checkForUpdatesUtil(false);
+                // Restore original console.error
+                console.error = originalConsoleError;
+                // Parse the update message to extract the latest version
+                if (updateMessage.includes("Update available:")) {
+                    const match = updateMessage.match(/Update available: .+ → (.+)/);
+                    if (match && match[1]) {
+                        setUpdateAvailable(match[1]);
+                    }
+                }
+            }
+            catch (error) {
+                // Silently fail
+            }
+            finally {
+                setIsChecking(false);
+            }
+        };
+        checkForUpdates();
+    }, []);
+    if (isChecking || !updateAvailable) {
+        return null;
+    }
+    return (_jsxs(Box, { children: [_jsx(Text, { color: colors.primary, bold: true, children: "\u2728" }), _jsxs(Text, { color: colors.text, bold: true, children: [" ", "Update available:", " "] }), _jsx(Text, { color: colors.textDim, dimColor: true, children: VERSION }), _jsxs(Text, { color: colors.primary, bold: true, children: [" ", "\u2192", " "] }), _jsx(Text, { color: colors.success, bold: true, children: updateAvailable }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022 Run:", " "] }), _jsx(Text, { color: colors.primary, bold: true, children: "npm install -g @runloop/rl-cli@latest" })] }));
+};
+export const Breadcrumb = React.memo(({ items, showVersionCheck = false }) => {
     const env = process.env.RUNLOOP_ENV?.toLowerCase();
     const isDevEnvironment = env === "dev";
-    return (_jsx(Box, { marginBottom: 1, paddingX: 1, paddingY: 0, children: _jsxs(Box, { borderStyle: "round", borderColor: colors.primary, paddingX: 2, paddingY: 0, children: [_jsx(Text, { color: colors.primary, bold: true, children: "rl" }), isDevEnvironment && (_jsxs(Text, { color: "redBright", bold: true, children: [" ", "(dev)"] })), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u203A", " "] }), items.map((item, index) => (_jsxs(React.Fragment, { children: [_jsx(Text, { color: item.active ? colors.text : colors.textDim, bold: item.active, dimColor: !item.active, children: item.label }), index < items.length - 1 && (_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u203A", " "] }))] }, index)))] }) }));
+    return (_jsxs(Box, { marginBottom: 1, paddingX: 1, paddingY: 0, flexDirection: "column", children: [_jsxs(Box, { borderStyle: "round", borderColor: colors.primary, paddingX: 2, paddingY: 0, children: [_jsx(Text, { color: colors.primary, bold: true, children: "rl" }), isDevEnvironment && (_jsxs(Text, { color: "redBright", bold: true, children: [" ", "(dev)"] })), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u203A", " "] }), items.map((item, index) => (_jsxs(React.Fragment, { children: [_jsx(Text, { color: item.active ? colors.text : colors.textDim, bold: item.active, dimColor: !item.active, children: item.label }), index < items.length - 1 && (_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u203A", " "] }))] }, index)))] }), showVersionCheck && (_jsx(Box, { paddingX: 2, marginTop: 0, children: _jsx(VersionCheck, {}) }))] }));
 });

package/dist/components/DevboxActionsMenu.js

@@ -608,7 +608,7 @@ export const DevboxActionsMenu = ({ devbox, onBack, breadcrumbItems = [
     }
     // Operations selection mode - only show if not skipping
     if (!skipOperationsMenu || !executingOperation) {
-        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: breadcrumbItems }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: colors.primary, bold: true, children: [figures.play, " Operations"] }), _jsx(Box, { flexDirection: "column", children: operations.map((op, index) => {
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: breadcrumbItems, showVersionCheck: true }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: colors.primary, bold: true, children: [figures.play, " Operations"] }), _jsx(Box, { flexDirection: "column", children: operations.map((op, index) => {
                                 const isSelected = index === selectedOperation;
                                 return (_jsxs(Box, { children: [_jsxs(Text, { color: isSelected ? colors.primary : colors.textDim, children: [isSelected ? figures.pointer : " ", " "] }), _jsxs(Text, { color: isSelected ? op.color : colors.textDim, bold: isSelected, children: [op.icon, " ", op.label] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "[", op.shortcut, "]"] })] }, op.key));
                             }) })] }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: colors.textDim, dimColor: true, children: [figures.arrowUp, figures.arrowDown, " Navigate \u2022 [Enter] Select \u2022 [q] Back"] }) })] }));

package/dist/components/MainMenu.js

@@ -65,7 +65,7 @@ export const MainMenu = React.memo(({ onSelect }) => {
                         return (_jsxs(Box, { marginBottom: 0, children: [_jsx(Text, { color: isSelected ? item.color : colors.textDim, children: isSelected ? figures.pointer : " " }), _jsx(Text, { children: " " }), _jsx(Text, { color: item.color, bold: true, children: item.icon }), _jsx(Text, { children: " " }), _jsx(Text, { color: isSelected ? item.color : colors.text, bold: isSelected, children: item.label }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "- ", item.description] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "[", index + 1, "]"] })] }, item.key));
                     }) }), _jsx(Box, { paddingX: 2, marginTop: 1, children: _jsxs(Text, { color: colors.textDim, dimColor: true, children: [figures.arrowUp, figures.arrowDown, " Navigate \u2022 [1-3] Quick select \u2022 [Enter] Select \u2022 [Esc] Quit"] }) })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", height: "100%", children: [_jsx(Breadcrumb, { items: [{ label: "Home", active: true }] }), _jsx(Box, { flexShrink: 0, children: _jsx(Banner, {}) }), _jsx(Box, { flexDirection: "column", paddingX: 2, flexShrink: 0, children: _jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: colors.textDim, dimColor: true, children: ["Cloud development environments for your team \u2022 v", VERSION] }) }) }), _jsxs(Box, { flexDirection: "column", paddingX: 2, marginTop: 1, flexGrow: 1, children: [_jsx(Box, { paddingX: 1, flexShrink: 0, children: _jsx(Text, { color: colors.text, bold: true, children: "Select a resource:" }) }), menuItems.map((item, index) => {
+    return (_jsxs(Box, { flexDirection: "column", height: "100%", children: [_jsx(Breadcrumb, { items: [{ label: "Home", active: true }], showVersionCheck: true }), _jsx(Box, { flexShrink: 0, children: _jsx(Banner, {}) }), _jsx(Box, { flexDirection: "column", paddingX: 2, flexShrink: 0, children: _jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: colors.textDim, dimColor: true, children: ["Cloud development environments for your team \u2022 v", VERSION] }) }) }), _jsxs(Box, { flexDirection: "column", paddingX: 2, marginTop: 1, flexGrow: 1, children: [_jsx(Box, { paddingX: 1, flexShrink: 0, children: _jsx(Text, { color: colors.text, bold: true, children: "Select a resource:" }) }), menuItems.map((item, index) => {
                         const isSelected = index === selectedIndex;
                         return (_jsxs(Box, { paddingX: 2, paddingY: 0, borderStyle: isSelected ? "round" : "single", borderColor: isSelected ? item.color : colors.border, marginTop: index === 0 ? 1 : 0, flexShrink: 0, children: [_jsx(Text, { color: item.color, bold: true, children: item.icon }), _jsx(Text, { children: " " }), _jsx(Text, { color: isSelected ? item.color : colors.text, bold: isSelected, children: item.label }), _jsx(Text, { color: colors.textDim, children: " " }), _jsx(Text, { color: colors.textDim, dimColor: true, children: item.description }), _jsx(Text, { children: " " }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: ["[", index + 1, "]"] })] }, item.key));
                     })] }), _jsx(Box, { paddingX: 2, flexShrink: 0, children: _jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: colors.textDim, dimColor: true, children: [figures.arrowUp, figures.arrowDown, " Navigate \u2022 [1-3] Quick select \u2022 [Enter] Select \u2022 [Esc] Quit"] }) }) })] }));

package/dist/components/ResourceActionsMenu.js

@@ -101,10 +101,10 @@ export const ResourceActionsMenu = (props) => {
     // Screens
     if (operationResult || operationError) {
         const label = operations.find((o) => o.key === executingOperation)?.label;
-        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: breadcrumbItems }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: operationError ? colors.error : colors.success, children: operationError ? `${label} failed` : `${label} completed` }), !!operationResult && (_jsx(Text, { color: colors.textDim, dimColor: true, children: operationResult })), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [figures.pointerSmall, " Press [Enter] to go back"] })] })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: breadcrumbItems, showVersionCheck: true }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: operationError ? colors.error : colors.success, children: operationError ? `${label} failed` : `${label} completed` }), !!operationResult && (_jsx(Text, { color: colors.textDim, dimColor: true, children: operationResult })), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [figures.pointerSmall, " Press [Enter] to go back"] })] })] }));
     }
     if (executingOperation && selectedOp?.needsInput) {
-        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: breadcrumbItems }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: colors.textDim, children: [selectedOp.inputPrompt || "Input:", " "] }), _jsxs(Text, { children: [" ", operationInput] }), _jsx(Text, { color: colors.textDim, dimColor: true, children: "Press [Enter] to execute \u2022 [q or esc] Cancel" })] })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: breadcrumbItems, showVersionCheck: true }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: colors.textDim, children: [selectedOp.inputPrompt || "Input:", " "] }), _jsxs(Text, { children: [" ", operationInput] }), _jsx(Text, { color: colors.textDim, dimColor: true, children: "Press [Enter] to execute \u2022 [q or esc] Cancel" })] })] }));
     }
     // Operations menu
     return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: breadcrumbItems }), _jsx(Box, { marginTop: 1, justifyContent: "center", children: _jsx(ActionsPopup, { devbox: resource, operations: operations.map((op) => ({

package/dist/utils/config.js

@@ -1,7 +1,9 @@
 import Conf from "conf";
 import { homedir } from "os";
 import { join } from "path";
-import { existsSync, statSync, mkdirSync, writeFileSync } from "fs";
+import { existsSync, statSync, mkdirSync, writeFileSync, readFileSync } from "fs";
+import { fileURLToPath } from "url";
+import { dirname } from "path";
 const config = new Conf({
     projectName: "runloop-cli",
 });
@@ -31,6 +33,25 @@ export function sshUrl() {
 export function getCacheDir() {
     return join(homedir(), ".cache", "rl-cli");
 }
+export function getCurrentVersion() {
+    try {
+        // First try environment variable (when installed via npm)
+        if (process.env.npm_package_version) {
+            return process.env.npm_package_version;
+        }
+        // Fall back to reading package.json directly
+        const __filename = fileURLToPath(import.meta.url);
+        const __dirname = dirname(__filename);
+        // When running from dist/, we need to go up two levels to find package.json
+        const packageJsonPath = join(__dirname, "../../package.json");
+        const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf8"));
+        return packageJson.version;
+    }
+    catch (error) {
+        // Ultimate fallback
+        return "0.1.0";
+    }
+}
 export function shouldCheckForUpdates() {
     const cacheDir = getCacheDir();
     const cacheFile = join(cacheDir, "last_update_check");
@@ -38,16 +59,104 @@ export function shouldCheckForUpdates() {
         return true;
     }
     const stats = statSync(cacheFile);
-    const daysSinceUpdate = (Date.now() - stats.mtime.getTime()) / (1000 * 60 * 60 * 24);
-    return daysSinceUpdate >= 1;
+    const hoursSinceUpdate = (Date.now() - stats.mtime.getTime()) / (1000 * 60 * 60);
+    return hoursSinceUpdate >= 6;
+}
+export function hasCachedUpdateInfo() {
+    const cacheDir = getCacheDir();
+    const cacheFile = join(cacheDir, "last_update_check");
+    return existsSync(cacheFile);
 }
-export function updateCheckCache() {
+export function updateCheckCache(latestVersion) {
     const cacheDir = getCacheDir();
     const cacheFile = join(cacheDir, "last_update_check");
     // Create cache directory if it doesn't exist
     if (!existsSync(cacheDir)) {
         mkdirSync(cacheDir, { recursive: true });
     }
-    // Touch the cache file
-    writeFileSync(cacheFile, "");
+    // Store the latest version in the cache file
+    writeFileSync(cacheFile, latestVersion);
+}
+export function getCachedLatestVersion() {
+    const cacheDir = getCacheDir();
+    const cacheFile = join(cacheDir, "last_update_check");
+    if (!existsSync(cacheFile)) {
+        return null;
+    }
+    try {
+        return readFileSync(cacheFile, 'utf-8').trim();
+    }
+    catch {
+        return null;
+    }
+}
+export async function checkForUpdates(force = false) {
+    const currentVersion = getCurrentVersion();
+    // Always show cached result if available and not forcing
+    if (!force && hasCachedUpdateInfo() && !shouldCheckForUpdates()) {
+        const cachedLatestVersion = getCachedLatestVersion();
+        if (cachedLatestVersion && cachedLatestVersion !== currentVersion) {
+            // Check if current version is older than cached latest
+            const isUpdateAvailable = compareVersions(cachedLatestVersion, currentVersion) > 0;
+            if (isUpdateAvailable) {
+                console.error(`\n🔄 Update available: ${currentVersion} → ${cachedLatestVersion}\n` +
+                    `   Run: npm install -g @runloop/rl-cli@latest\n\n`);
+            }
+        }
+        return;
+    }
+    // Only fetch from npm if cache is expired or forcing
+    if (!force && !shouldCheckForUpdates()) {
+        return;
+    }
+    try {
+        const response = await fetch("https://registry.npmjs.org/@runloop/rl-cli/latest");
+        if (!response.ok) {
+            if (force) {
+                console.error("❌ Failed to check for updates\n");
+            }
+            return; // Silently fail if we can't check
+        }
+        const data = await response.json();
+        const latestVersion = data.version;
+        if (force) {
+            console.error(`Current version: ${currentVersion}\n`);
+            console.error(`Latest version: ${latestVersion}\n`);
+        }
+        if (latestVersion && latestVersion !== currentVersion) {
+            // Check if current version is older than latest
+            const isUpdateAvailable = compareVersions(latestVersion, currentVersion) > 0;
+            if (isUpdateAvailable) {
+                console.error(`\n🔄 Update available: ${currentVersion} → ${latestVersion}\n` +
+                    `   Run: npm install -g @runloop/rl-cli@latest\n\n`);
+            }
+            else if (force) {
+                console.error("✅ You're running the latest version!\n");
+            }
+        }
+        else if (force) {
+            console.error("✅ You're running the latest version!\n");
+        }
+        // Update the cache with the latest version
+        updateCheckCache(latestVersion);
+    }
+    catch (error) {
+        if (force) {
+            console.error(`❌ Error checking for updates: ${error}\n`);
+        }
+        // Silently fail - don't interrupt the user's workflow
+    }
+}
+function compareVersions(version1, version2) {
+    const v1parts = version1.split('.').map(Number);
+    const v2parts = version2.split('.').map(Number);
+    for (let i = 0; i < Math.max(v1parts.length, v2parts.length); i++) {
+        const v1part = v1parts[i] || 0;
+        const v2part = v2parts[i] || 0;
+        if (v1part > v2part)
+            return 1;
+        if (v1part < v2part)
+            return -1;
+    }
+    return 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runloop/rl-cli",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Beautiful CLI for Runloop devbox management",
   "type": "module",
   "bin": {