@runloop/rl-cli 1.7.1 → 1.9.0

package/dist/commands/devbox/create.js

@@ -42,6 +42,33 @@ function parseCodeMounts(codeMounts) {
         }
     });
 }
+// Parse gateways from ENV_PREFIX=gateway,secret format
+function parseGateways(gateways) {
+    const result = {};
+    for (const gateway of gateways) {
+        const eqIndex = gateway.indexOf("=");
+        if (eqIndex === -1) {
+            throw new Error(`Invalid gateway format: ${gateway}. Expected ENV_PREFIX=gateway_id_or_name,secret_id_or_name`);
+        }
+        const envPrefix = gateway.substring(0, eqIndex);
+        const valueStr = gateway.substring(eqIndex + 1);
+        // Split by comma to get gateway and secret
+        const commaIndex = valueStr.indexOf(",");
+        if (commaIndex === -1) {
+            throw new Error(`Invalid gateway format: ${gateway}. Expected ENV_PREFIX=gateway_id_or_name,secret_id_or_name`);
+        }
+        const gatewayIdOrName = valueStr.substring(0, commaIndex);
+        const secretIdOrName = valueStr.substring(commaIndex + 1);
+        if (!envPrefix || !gatewayIdOrName || !secretIdOrName) {
+            throw new Error(`Invalid gateway format: ${gateway}. Expected ENV_PREFIX=gateway_id_or_name,secret_id_or_name`);
+        }
+        result[envPrefix] = {
+            gateway: gatewayIdOrName,
+            secret: secretIdOrName,
+        };
+    }
+    return result;
+}
 export async function createDevbox(options = {}) {
     try {
         const client = getClient();
@@ -65,6 +92,10 @@ export async function createDevbox(options = {}) {
             (!options.idleTime && options.idleAction)) {
             outputError("Both --idle-time and --idle-action must be specified together");
         }
+        // Validate tunnel option
+        if (options.tunnel && !["open", "authenticated"].includes(options.tunnel)) {
+            outputError("Invalid tunnel mode. Must be either 'open' or 'authenticated'");
+        }
         // Build launch parameters
         const launchParameters = {};
         if (options.resources) {
@@ -128,6 +159,16 @@ export async function createDevbox(options = {}) {
         if (options.secrets && options.secrets.length > 0) {
             createRequest.secrets = parseSecrets(options.secrets);
         }
+        // Handle tunnel configuration
+        if (options.tunnel) {
+            createRequest.tunnel = {
+                auth_mode: options.tunnel,
+            };
+        }
+        // Handle gateways
+        if (options.gateways && options.gateways.length > 0) {
+            createRequest.gateways = parseGateways(options.gateways);
+        }
         if (Object.keys(launchParameters).length > 0) {
             createRequest.launch_parameters = launchParameters;
         }

package/dist/commands/devbox/list.js

@@ -1,6 +1,6 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
-import { Box, Text, useInput, useApp } from "ink";
+import { Box, Text, useApp } from "ink";
 import figures from "figures";
 import { getClient } from "../../utils/client.js";
 import { SpinnerComponent } from "../../components/Spinner.js";
@@ -21,6 +21,8 @@ import { useViewportHeight } from "../../hooks/useViewportHeight.js";
 import { useExitOnCtrlC } from "../../hooks/useExitOnCtrlC.js";
 import { useCursorPagination } from "../../hooks/useCursorPagination.js";
 import { useListSearch } from "../../hooks/useListSearch.js";
+import { openInBrowser } from "../../utils/browser.js";
+import { useInputHandler, } from "../../hooks/useInputHandler.js";
 import { colors } from "../../utils/theme.js";
 import { useDevboxStore } from "../../store/devboxStore.js";
 const DEFAULT_PAGE_SIZE = 10;
@@ -319,126 +321,140 @@ const ListDevboxesUI = ({ status, onBack, onExit, onNavigateToDetail, }) => {
             return op.key === "logs" || op.key === "delete";
         })
         : allOperations;
-    useInput((input, key) => {
-        const pageDevboxes = devboxes.length;
-        // Skip input handling when in search mode - let TextInput handle it
-        if (search.searchMode) {
-            if (key.escape) {
-                search.cancelSearch();
-            }
+    const closePopup = React.useCallback(() => {
+        setShowPopup(false);
+        setSelectedOperation(0);
+    }, []);
+    const handleListEscape = React.useCallback(() => {
+        if (search.handleEscape())
             return;
+        if (onBack) {
+            onBack();
         }
-        // Skip input handling when in details view
-        if (showDetails) {
-            return;
+        else if (onExit) {
+            onExit();
         }
-        // Skip input handling when in create view
-        if (showCreate) {
-            return;
+        else {
+            inkExit();
         }
-        // Skip input handling when in actions view
-        if (showActions) {
-            return;
-        }
-        // Handle popup navigation
-        if (showPopup) {
-            if (key.escape || input === "q") {
-                setShowPopup(false);
-                setSelectedOperation(0);
-            }
-            else if (key.upArrow && selectedOperation > 0) {
-                setSelectedOperation(selectedOperation - 1);
-            }
-            else if (key.downArrow && selectedOperation < operations.length - 1) {
-                setSelectedOperation(selectedOperation + 1);
-            }
-            else if (key.return) {
-                setShowPopup(false);
-                setShowActions(true);
-            }
-            else if (input) {
-                const matchedOpIndex = operations.findIndex((op) => op.shortcut === input);
-                if (matchedOpIndex !== -1) {
-                    setSelectedOperation(matchedOpIndex);
-                    setShowPopup(false);
-                    setShowActions(true);
-                }
-            }
+    }, [search, onBack, onExit, inkExit]);
+    const handleOpenInBrowser = React.useCallback(() => {
+        if (!selectedDevbox)
             return;
-        }
-        // Handle list view
-        if (key.upArrow && selectedIndex > 0) {
-            setSelectedIndex(selectedIndex - 1);
-        }
-        else if (key.downArrow && selectedIndex < pageDevboxes - 1) {
-            setSelectedIndex(selectedIndex + 1);
-        }
-        else if ((input === "n" || key.rightArrow) &&
-            !loading &&
-            !navigating &&
-            hasMore) {
+        openInBrowser(getDevboxUrl(selectedDevbox.id));
+    }, [selectedDevbox]);
+    const goToNextPage = React.useCallback(() => {
+        if (!loading && !navigating && hasMore) {
             nextPage();
             setSelectedIndex(0);
         }
-        else if ((input === "p" || key.leftArrow) &&
-            !loading &&
-            !navigating &&
-            hasPrev) {
+    }, [loading, navigating, hasMore, nextPage]);
+    const goToPrevPage = React.useCallback(() => {
+        if (!loading && !navigating && hasPrev) {
             prevPage();
             setSelectedIndex(0);
         }
-        else if (key.return) {
-            if (onNavigateToDetail && selectedDevbox) {
-                onNavigateToDetail(selectedDevbox.id);
-            }
-            else {
-                setShowDetails(true);
-            }
-        }
-        else if (input === "a") {
-            setShowPopup(true);
-            setSelectedOperation(0);
-        }
-        else if (input === "c") {
-            setShowCreate(true);
-        }
-        else if (input === "o" && selectedDevbox) {
-            const url = getDevboxUrl(selectedDevbox.id);
-            const openBrowser = async () => {
-                const { exec } = await import("child_process");
-                const platform = process.platform;
-                let openCommand;
-                if (platform === "darwin") {
-                    openCommand = `open "${url}"`;
-                }
-                else if (platform === "win32") {
-                    openCommand = `start "${url}"`;
-                }
-                else {
-                    openCommand = `xdg-open "${url}"`;
+    }, [loading, navigating, hasPrev, prevPage]);
+    const inputModes = React.useMemo(() => [
+        // Search mode: only escape to cancel, swallow everything else
+        {
+            name: "search",
+            active: () => search.searchMode,
+            bindings: {
+                escape: () => search.cancelSearch(),
+            },
+            captureAll: true,
+        },
+        // Subview guards: swallow all input when a child view is active
+        {
+            name: "subviews",
+            active: () => showDetails || showCreate || showActions,
+            bindings: {},
+            captureAll: true,
+        },
+        // Popup navigation
+        {
+            name: "popup",
+            active: () => showPopup,
+            bindings: {
+                escape: closePopup,
+                q: closePopup,
+                up: () => {
+                    if (selectedOperation > 0)
+                        setSelectedOperation(selectedOperation - 1);
+                },
+                down: () => {
+                    if (selectedOperation < operations.length - 1)
+                        setSelectedOperation(selectedOperation + 1);
+                },
+                enter: () => {
+                    setShowPopup(false);
+                    setShowActions(true);
+                },
+            },
+            onUnmatched: (input) => {
+                const idx = operations.findIndex((op) => op.shortcut === input);
+                if (idx !== -1) {
+                    setSelectedOperation(idx);
+                    setShowPopup(false);
+                    setShowActions(true);
                 }
-                exec(openCommand);
-            };
-            openBrowser();
-        }
-        else if (input === "/") {
-            search.enterSearchMode();
-        }
-        else if (key.escape) {
-            if (search.handleEscape()) {
-                return;
-            }
-            if (onBack) {
-                onBack();
-            }
-            else if (onExit) {
-                onExit();
-            }
-            else {
-                inkExit();
-            }
-        }
-    });
+            },
+        },
+        // List navigation (default mode)
+        {
+            name: "list",
+            active: () => true,
+            bindings: {
+                up: () => {
+                    if (selectedIndex > 0)
+                        setSelectedIndex(selectedIndex - 1);
+                },
+                down: () => {
+                    if (selectedIndex < devboxes.length - 1)
+                        setSelectedIndex(selectedIndex + 1);
+                },
+                n: goToNextPage,
+                right: goToNextPage,
+                p: goToPrevPage,
+                left: goToPrevPage,
+                enter: () => {
+                    if (onNavigateToDetail && selectedDevbox) {
+                        onNavigateToDetail(selectedDevbox.id);
+                    }
+                    else {
+                        setShowDetails(true);
+                    }
+                },
+                a: () => {
+                    setShowPopup(true);
+                    setSelectedOperation(0);
+                },
+                c: () => setShowCreate(true),
+                o: handleOpenInBrowser,
+                "/": () => search.enterSearchMode(),
+                escape: handleListEscape,
+            },
+        },
+    ], [
+        search,
+        showDetails,
+        showCreate,
+        showActions,
+        showPopup,
+        closePopup,
+        selectedOperation,
+        operations,
+        selectedIndex,
+        devboxes.length,
+        goToNextPage,
+        goToPrevPage,
+        onNavigateToDetail,
+        selectedDevbox,
+        handleOpenInBrowser,
+        handleListEscape,
+    ]);
+    useInputHandler(inputModes);
     // Create view
     if (showCreate) {
         return (_jsx(DevboxCreatePage, { onBack: () => {

package/dist/commands/devbox/tunnel.js

@@ -6,6 +6,7 @@ import { getClient } from "../../utils/client.js";
 import { output, outputError } from "../../utils/output.js";
 import { processUtils } from "../../utils/processUtils.js";
 import { getSSHKey, getProxyCommand, checkSSHTools } from "../../utils/ssh.js";
+import { openInBrowser } from "../../utils/browser.js";
 export async function createTunnel(devboxId, options) {
     try {
         // Check if SSH tools are available
@@ -60,25 +61,9 @@ export async function createTunnel(devboxId, options) {
         // Open browser if --open flag is set
         if (options.open) {
             // Small delay to let the tunnel establish
-            setTimeout(async () => {
-                const { exec } = await import("child_process");
-                const platform = process.platform;
-                let openCommand;
-                if (platform === "darwin") {
-                    openCommand = `open "${tunnelUrl}"`;
-                }
-                else if (platform === "win32") {
-                    openCommand = `start "${tunnelUrl}"`;
-                }
-                else {
-                    openCommand = `xdg-open "${tunnelUrl}"`;
-                }
-                exec(openCommand, (error) => {
-                    if (error) {
-                        console.log(`\nCould not open browser: ${error.message}`);
-                    }
-                });
-            }, 1000);
+            setTimeout(() => {
+                openInBrowser(tunnelUrl);
+            }, 1000); // TODO: Not going to need this soon with tunnels v2
         }
         tunnelProcess.on("close", (code) => {
             console.log("\nTunnel closed.");

package/dist/commands/gateway-config/create.js

@@ -0,0 +1,44 @@
+/**
+ * Create gateway config command
+ */
+import { getClient } from "../../utils/client.js";
+import { output, outputError } from "../../utils/output.js";
+export async function createGatewayConfig(options) {
+    try {
+        const client = getClient();
+        // Validate auth type
+        const authType = options.authType.toLowerCase();
+        if (authType !== "bearer" && authType !== "header") {
+            outputError("Invalid auth type. Must be 'bearer' or 'header'");
+            return;
+        }
+        // Validate auth key is provided for header type
+        if (authType === "header" && !options.authKey) {
+            outputError("--auth-key is required when auth-type is 'header'");
+            return;
+        }
+        // Build auth mechanism
+        const authMechanism = {
+            type: authType,
+        };
+        if (authType === "header" && options.authKey) {
+            authMechanism.key = options.authKey;
+        }
+        const config = await client.gatewayConfigs.create({
+            name: options.name,
+            endpoint: options.endpoint,
+            auth_mechanism: authMechanism,
+            description: options.description,
+        });
+        // Default: just output the ID for easy scripting
+        if (!options.output || options.output === "text") {
+            console.log(config.id);
+        }
+        else {
+            output(config, { format: options.output, defaultFormat: "json" });
+        }
+    }
+    catch (error) {
+        outputError("Failed to create gateway config", error);
+    }
+}

package/dist/commands/gateway-config/delete.js

@@ -0,0 +1,21 @@
+/**
+ * Delete gateway config command
+ */
+import { getClient } from "../../utils/client.js";
+import { output, outputError } from "../../utils/output.js";
+export async function deleteGatewayConfig(id, options = {}) {
+    try {
+        const client = getClient();
+        await client.gatewayConfigs.delete(id);
+        // Default: just output the ID for easy scripting
+        if (!options.output || options.output === "text") {
+            console.log(id);
+        }
+        else {
+            output({ id, status: "deleted" }, { format: options.output, defaultFormat: "json" });
+        }
+    }
+    catch (error) {
+        outputError("Failed to delete gateway config", error);
+    }
+}

package/dist/commands/gateway-config/get.js

@@ -0,0 +1,15 @@
+/**
+ * Get gateway config command
+ */
+import { getClient } from "../../utils/client.js";
+import { output, outputError } from "../../utils/output.js";
+export async function getGatewayConfig(options) {
+    try {
+        const client = getClient();
+        const config = await client.gatewayConfigs.retrieve(options.id);
+        output(config, { format: options.output, defaultFormat: "json" });
+    }
+    catch (error) {
+        outputError("Failed to get gateway config", error);
+    }
+}