@runloop/rl-cli 0.0.1 → 0.0.3

package/dist/cli.js

@@ -6,11 +6,26 @@ import { deleteDevbox } from './commands/devbox/delete.js';
 import { execCommand } from './commands/devbox/exec.js';
 import { uploadFile } from './commands/devbox/upload.js';
 import { getConfig } from './utils/config.js';
+import { readFileSync } from 'fs';
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+// Get version from package.json
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const packageJson = JSON.parse(readFileSync(join(__dirname, '../package.json'), 'utf8'));
+export const VERSION = packageJson.version;
+// Global Ctrl+C handler to ensure it always exits
+process.on('SIGINT', () => {
+    // Force exit immediately, clearing alternate screen buffer
+    process.stdout.write('\x1b[?1049l');
+    process.stdout.write('\n');
+    process.exit(130); // Standard exit code for SIGINT
+});
 const program = new Command();
 program
     .name('rln')
     .description('Beautiful CLI for Runloop devbox management')
-    .version('1.0.0');
+    .version(VERSION);
 program
     .command('auth')
     .description('Configure API authentication')
@@ -35,7 +50,16 @@ devbox
     .description('List all devboxes')
     .option('-s, --status <status>', 'Filter by status')
     .option('-o, --output [format]', 'Output format: text|json|yaml (default: interactive)')
-    .action(listDevboxes);
+    .action(async (options) => {
+    // Only use alternate screen for interactive mode
+    if (!options.output) {
+        const { runInteractiveCommand } = await import('./utils/interactiveCommand.js');
+        await runInteractiveCommand(() => listDevboxes(options));
+    }
+    else {
+        await listDevboxes(options);
+    }
+});
 devbox
     .command('delete <id>')
     .description('Shutdown a devbox')
@@ -65,7 +89,13 @@ snapshot
     .option('-o, --output [format]', 'Output format: text|json|yaml (default: interactive)')
     .action(async (options) => {
     const { listSnapshots } = await import('./commands/snapshot/list.js');
-    listSnapshots(options);
+    if (!options.output) {
+        const { runInteractiveCommand } = await import('./utils/interactiveCommand.js');
+        await runInteractiveCommand(() => listSnapshots(options));
+    }
+    else {
+        await listSnapshots(options);
+    }
 });
 snapshot
     .command('create <devbox-id>')
@@ -96,15 +126,31 @@ blueprint
     .option('-o, --output [format]', 'Output format: text|json|yaml (default: interactive)')
     .action(async (options) => {
     const { listBlueprints } = await import('./commands/blueprint/list.js');
-    listBlueprints(options);
+    if (!options.output) {
+        const { runInteractiveCommand } = await import('./utils/interactiveCommand.js');
+        await runInteractiveCommand(() => listBlueprints(options));
+    }
+    else {
+        await listBlueprints(options);
+    }
 });
-// Check if API key is configured (except for auth command)
-const args = process.argv.slice(2);
-if (args[0] !== 'auth' && args[0] !== '--help' && args[0] !== '-h' && args.length > 0) {
-    const config = getConfig();
-    if (!config.apiKey) {
-        console.error('\n❌ API key not configured. Run: rln auth\n');
-        process.exit(1);
+// Main CLI entry point
+(async () => {
+    // Check if API key is configured (except for auth command)
+    const args = process.argv.slice(2);
+    if (args[0] !== 'auth' && args[0] !== '--help' && args[0] !== '-h' && args.length > 0) {
+        const config = getConfig();
+        if (!config.apiKey) {
+            console.error('\n❌ API key not configured. Run: rln auth\n');
+            process.exit(1);
+        }
+    }
+    // If no command provided, show main menu
+    if (args.length === 0) {
+        const { runMainMenu } = await import('./commands/menu.js');
+        runMainMenu();
+    }
+    else {
+        program.parse();
     }
-}
-program.parse();
+})();

package/dist/commands/auth.js

@@ -6,6 +6,7 @@ import { setApiKey } from '../utils/config.js';
 import { Header } from '../components/Header.js';
 import { Banner } from '../components/Banner.js';
 import { SuccessMessage } from '../components/SuccessMessage.js';
+import { getSettingsUrl } from '../utils/url.js';
 const AuthUI = () => {
     const [apiKey, setApiKeyInput] = React.useState('');
     const [saved, setSaved] = React.useState(false);
@@ -19,7 +20,7 @@ const AuthUI = () => {
     if (saved) {
         return (_jsxs(_Fragment, { children: [_jsx(Banner, {}), _jsx(Header, { title: "Authentication" }), _jsx(SuccessMessage, { message: "API key saved!", details: "Try: rln devbox list" })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Banner, {}), _jsx(Header, { title: "Authentication" }), _jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: "gray", children: "Get your key: " }), _jsx(Text, { color: "cyan", children: "https://runloop.ai/settings" })] }), _jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: "API Key: " }), _jsx(TextInput, { value: apiKey, onChange: setApiKeyInput, placeholder: "rl_...", mask: "*" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Press Enter to save" }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Banner, {}), _jsx(Header, { title: "Authentication" }), _jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: "gray", children: "Get your key: " }), _jsx(Text, { color: "cyan", children: getSettingsUrl() })] }), _jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: "API Key: " }), _jsx(TextInput, { value: apiKey, onChange: setApiKeyInput, placeholder: "ak_...", mask: "*" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Press Enter to save" }) })] }));
 };
 export default function auth() {
     console.clear();

package/dist/commands/blueprint/list.js

@@ -14,6 +14,7 @@ import { MetadataDisplay } from '../../components/MetadataDisplay.js';
 import { Table, createTextColumn, createComponentColumn } from '../../components/Table.js';
 import { OperationsMenu } from '../../components/OperationsMenu.js';
 import { createExecutor } from '../../utils/CommandExecutor.js';
+import { getBlueprintUrl } from '../../utils/url.js';
 const PAGE_SIZE = 10;
 const MAX_FETCH = 100;
 // Format time ago
@@ -36,9 +37,9 @@ const formatTimeAgo = (timestamp) => {
     const years = Math.floor(months / 12);
     return `${years}y ago`;
 };
-const ListBlueprintsUI = () => {
+const ListBlueprintsUI = ({ onBack, onExit }) => {
     const { stdout } = useStdout();
-    const { exit } = useApp();
+    const { exit: inkExit } = useApp();
     const [loading, setLoading] = React.useState(true);
     const [blueprints, setBlueprints] = React.useState([]);
     const [error, setError] = React.useState(null);
@@ -180,7 +181,7 @@ const ListBlueprintsUI = () => {
             }
             else if (input === 'o' && selectedBlueprint) {
                 // Open in browser
-                const url = `https://platform.runloop.ai/blueprints/${selectedBlueprint.id}`;
+                const url = getBlueprintUrl(selectedBlueprint.id);
                 const openBrowser = async () => {
                     const { exec } = await import('child_process');
                     const platform = process.platform;
@@ -232,7 +233,7 @@ const ListBlueprintsUI = () => {
         }
         else if (input === 'o' && selectedBlueprint) {
             // Open in browser
-            const url = `https://platform.runloop.ai/blueprints/${selectedBlueprint.id}`;
+            const url = getBlueprintUrl(selectedBlueprint.id);
             const openBrowser = async () => {
                 const { exec } = await import('child_process');
                 const platform = process.platform;
@@ -250,8 +251,16 @@ const ListBlueprintsUI = () => {
             };
             openBrowser();
         }
-        else if (input === 'q') {
-            process.exit(0);
+        else if (key.escape) {
+            if (onBack) {
+                onBack();
+            }
+            else if (onExit) {
+                onExit();
+            }
+            else {
+                inkExit();
+            }
         }
     });
     const totalPages = Math.ceil(blueprints.length / PAGE_SIZE);
@@ -360,8 +369,10 @@ const ListBlueprintsUI = () => {
                                 visible: showDescription,
                             }),
                             createTextColumn('created', 'Created', (blueprint) => blueprint.create_time_ms ? formatTimeAgo(blueprint.create_time_ms) : '', { width: timeWidth, color: 'gray', dimColor: true, bold: false }),
-                        ] }), _jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: "gray", dimColor: true, children: [figures.arrowUp, figures.arrowDown, " Navigate \u2022 [Enter] Operations \u2022 [o] Open in Browser \u2022"] }), totalPages > 1 && (_jsxs(Text, { color: "gray", dimColor: true, children: [' ', figures.arrowLeft, figures.arrowRight, " Page \u2022"] })), _jsxs(Text, { color: "gray", dimColor: true, children: [' ', "[q] Quit"] })] })] })), error && _jsx(ErrorMessage, { message: "Failed to list blueprints", error: error })] }));
+                        ] }), _jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: "gray", dimColor: true, children: [figures.arrowUp, figures.arrowDown, " Navigate \u2022 [Enter] Operations \u2022 [o] Open in Browser \u2022"] }), totalPages > 1 && (_jsxs(Text, { color: "gray", dimColor: true, children: [' ', figures.arrowLeft, figures.arrowRight, " Page \u2022"] })), _jsxs(Text, { color: "gray", dimColor: true, children: [' ', "[Esc] Back"] })] })] })), error && _jsx(ErrorMessage, { message: "Failed to list blueprints", error: error })] }));
 };
+// Export the UI component for use in the main menu
+export { ListBlueprintsUI };
 export async function listBlueprints(options = {}) {
     const executor = createExecutor(options);
     await executor.executeList(async () => {

package/dist/commands/devbox/create.js

@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React from 'react';
 import { Box, Text } from 'ink';
 import { getClient } from '../../utils/client.js';
-import { Header } from '../../components/Header.js';
 import { Banner } from '../../components/Banner.js';
 import { SpinnerComponent } from '../../components/Spinner.js';
 import { SuccessMessage } from '../../components/SuccessMessage.js';
@@ -31,7 +30,7 @@ const CreateDevboxUI = ({ name, template }) => {
         };
         create();
     }, []);
-    return (_jsxs(_Fragment, { children: [_jsx(Banner, {}), _jsx(Header, { title: "Create Devbox" }), loading && _jsx(SpinnerComponent, { message: "Creating..." }), result && (_jsxs(_Fragment, { children: [_jsx(SuccessMessage, { message: "Devbox created!", details: `ID: ${result.id}\nStatus: ${result.status}` }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "gray", children: "Try: " }), _jsxs(Text, { color: "cyan", children: ["rln devbox exec ", result.id, " ls"] })] })] })), error && _jsx(ErrorMessage, { message: "Failed to create devbox", error: error })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Banner, {}), loading && _jsx(SpinnerComponent, { message: "Creating..." }), result && (_jsxs(_Fragment, { children: [_jsx(SuccessMessage, { message: "Devbox created!", details: `ID: ${result.id}\nStatus: ${result.status}` }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "gray", children: "Try: " }), _jsxs(Text, { color: "cyan", children: ["rln devbox exec ", result.id, " ls"] })] })] })), error && _jsx(ErrorMessage, { message: "Failed to create devbox", error: error })] }));
 };
 export async function createDevbox(options) {
     const executor = createExecutor(options);