@runloop/rl-cli 1.1.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +29 -8
- package/dist/commands/blueprint/list.js +97 -28
- package/dist/commands/blueprint/prune.js +258 -0
- package/dist/commands/devbox/create.js +3 -0
- package/dist/commands/devbox/list.js +44 -65
- package/dist/commands/menu.js +2 -1
- package/dist/commands/network-policy/create.js +27 -0
- package/dist/commands/network-policy/delete.js +21 -0
- package/dist/commands/network-policy/get.js +15 -0
- package/dist/commands/network-policy/list.js +494 -0
- package/dist/commands/object/list.js +516 -24
- package/dist/commands/snapshot/list.js +90 -29
- package/dist/components/Banner.js +109 -8
- package/dist/components/ConfirmationPrompt.js +45 -0
- package/dist/components/DevboxActionsMenu.js +42 -6
- package/dist/components/DevboxCard.js +1 -1
- package/dist/components/DevboxCreatePage.js +95 -81
- package/dist/components/DevboxDetailPage.js +218 -272
- package/dist/components/LogsViewer.js +8 -1
- package/dist/components/MainMenu.js +35 -4
- package/dist/components/NavigationTips.js +24 -0
- package/dist/components/NetworkPolicyCreatePage.js +264 -0
- package/dist/components/OperationsMenu.js +9 -1
- package/dist/components/ResourceActionsMenu.js +5 -1
- package/dist/components/ResourceDetailPage.js +204 -0
- package/dist/components/ResourceListView.js +19 -2
- package/dist/components/StatusBadge.js +2 -2
- package/dist/components/Table.js +6 -8
- package/dist/components/form/FormActionButton.js +7 -0
- package/dist/components/form/FormField.js +7 -0
- package/dist/components/form/FormListManager.js +112 -0
- package/dist/components/form/FormSelect.js +34 -0
- package/dist/components/form/FormTextInput.js +8 -0
- package/dist/components/form/index.js +8 -0
- package/dist/hooks/useViewportHeight.js +38 -20
- package/dist/router/Router.js +23 -1
- package/dist/screens/BlueprintDetailScreen.js +337 -0
- package/dist/screens/MenuScreen.js +6 -0
- package/dist/screens/NetworkPolicyCreateScreen.js +7 -0
- package/dist/screens/NetworkPolicyDetailScreen.js +247 -0
- package/dist/screens/NetworkPolicyListScreen.js +7 -0
- package/dist/screens/ObjectDetailScreen.js +377 -0
- package/dist/screens/ObjectListScreen.js +7 -0
- package/dist/screens/SnapshotDetailScreen.js +208 -0
- package/dist/services/blueprintService.js +30 -11
- package/dist/services/networkPolicyService.js +108 -0
- package/dist/services/objectService.js +101 -0
- package/dist/services/snapshotService.js +39 -3
- package/dist/store/blueprintStore.js +4 -10
- package/dist/store/index.js +1 -0
- package/dist/store/networkPolicyStore.js +83 -0
- package/dist/store/objectStore.js +92 -0
- package/dist/store/snapshotStore.js +4 -8
- package/dist/utils/commands.js +58 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
[](https://github.com/runloopai/rl-cli/actions/workflows/ci.yml)
|
|
5
5
|
[](LICENSE)
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
A **TUI + CLI** for the [Runloop.ai](https://runloop.ai) platform. Use it as an **interactive TUI** (Terminal User Interface) with rich UI components, or as a **traditional CLI** for scripting and automation.
|
|
8
8
|
|
|
9
9
|
📖 **[Full Documentation](https://docs.runloop.ai/docs/tools/cli)**
|
|
10
10
|
|
|
@@ -15,10 +15,10 @@ An interactive CLI for interacting with the [Runloop.ai](https://runloop.ai) pla
|
|
|
15
15
|
## Quick Example
|
|
16
16
|
|
|
17
17
|
```bash
|
|
18
|
-
#
|
|
18
|
+
# TUI mode - launches an interactive terminal UI
|
|
19
19
|
rli
|
|
20
20
|
|
|
21
|
-
#
|
|
21
|
+
# CLI mode - perfect for scripts and automation
|
|
22
22
|
rli devbox list # Outputs JSON/text
|
|
23
23
|
rli devbox create --name my-devbox
|
|
24
24
|
rli devbox exec <devbox-id> echo "Hello World"
|
|
@@ -27,10 +27,11 @@ rli devbox delete <devbox-id>
|
|
|
27
27
|
|
|
28
28
|
## Features
|
|
29
29
|
|
|
30
|
+
- 🖥️ **TUI mode** — Interactive terminal UI with menus, tables, and real-time updates
|
|
31
|
+
- 🎯 **CLI mode** — Traditional commands with text, JSON, and YAML output for scripting
|
|
30
32
|
- ⚡ Fast and responsive with pagination
|
|
31
33
|
- 📦 Manage devboxes, snapshots, and blueprints
|
|
32
|
-
- 🚀 Execute commands,
|
|
33
|
-
- 🎯 Traditional CLI with text, json, and yaml output modes.
|
|
34
|
+
- 🚀 Execute commands, SSH, view logs in devboxes
|
|
34
35
|
- 🤖 **Model Context Protocol (MCP) server for AI integration**
|
|
35
36
|
|
|
36
37
|
## Installation
|
|
@@ -53,13 +54,23 @@ Get your API key from [https://runloop.ai/settings](https://runloop.ai/settings)
|
|
|
53
54
|
|
|
54
55
|
## Usage
|
|
55
56
|
|
|
56
|
-
### Interactive
|
|
57
|
+
### TUI (Interactive Mode)
|
|
57
58
|
|
|
58
59
|
```bash
|
|
59
|
-
rli #
|
|
60
|
+
rli # Launch the interactive TUI
|
|
60
61
|
rli --help # See help information
|
|
61
62
|
```
|
|
62
63
|
|
|
64
|
+
### CLI (Scripting Mode)
|
|
65
|
+
|
|
66
|
+
All commands support `--output` (`-o`) for format control:
|
|
67
|
+
|
|
68
|
+
```bash
|
|
69
|
+
rli devbox list # Default text output
|
|
70
|
+
rli devbox list -o json # JSON output
|
|
71
|
+
rli devbox list -o yaml # YAML output
|
|
72
|
+
```
|
|
73
|
+
|
|
63
74
|
## Command Structure
|
|
64
75
|
|
|
65
76
|
The CLI is organized into command buckets:
|
|
@@ -106,6 +117,7 @@ rli blueprint list # List all blueprints
|
|
|
106
117
|
rli blueprint create # Create a new blueprint
|
|
107
118
|
rli blueprint get <name-or-id> # Get blueprint details by name or ID (...
|
|
108
119
|
rli blueprint logs <name-or-id> # Get blueprint build logs by name or I...
|
|
120
|
+
rli blueprint prune <name> # Delete old blueprint builds, keeping ...
|
|
109
121
|
```
|
|
110
122
|
|
|
111
123
|
### Object Commands (alias: `obj`)
|
|
@@ -118,6 +130,15 @@ rli object upload <path> # Upload a file as an object
|
|
|
118
130
|
rli object delete <id> # Delete an object (irreversible)
|
|
119
131
|
```
|
|
120
132
|
|
|
133
|
+
### Network-policy Commands (alias: `np`)
|
|
134
|
+
|
|
135
|
+
```bash
|
|
136
|
+
rli network-policy list # List network policies
|
|
137
|
+
rli network-policy get <id> # Get network policy details
|
|
138
|
+
rli network-policy create # Create a new network policy
|
|
139
|
+
rli network-policy delete <id> # Delete a network policy
|
|
140
|
+
```
|
|
141
|
+
|
|
121
142
|
### Mcp Commands
|
|
122
143
|
|
|
123
144
|
```bash
|
|
@@ -159,7 +180,7 @@ rli mcp start --http --port 8080
|
|
|
159
180
|
|
|
160
181
|
## Theme Configuration
|
|
161
182
|
|
|
162
|
-
The
|
|
183
|
+
The TUI supports both light and dark terminal themes and will automatically select the appropriate theme.
|
|
163
184
|
|
|
164
185
|
## Development
|
|
165
186
|
|
|
@@ -9,6 +9,7 @@ import { SpinnerComponent } from "../../components/Spinner.js";
|
|
|
9
9
|
import { ErrorMessage } from "../../components/ErrorMessage.js";
|
|
10
10
|
import { SuccessMessage } from "../../components/SuccessMessage.js";
|
|
11
11
|
import { Breadcrumb } from "../../components/Breadcrumb.js";
|
|
12
|
+
import { NavigationTips } from "../../components/NavigationTips.js";
|
|
12
13
|
import { createTextColumn, Table } from "../../components/Table.js";
|
|
13
14
|
import { ActionsPopup } from "../../components/ActionsPopup.js";
|
|
14
15
|
import { formatTimeAgo } from "../../components/ResourceListView.js";
|
|
@@ -21,6 +22,7 @@ import { useExitOnCtrlC } from "../../hooks/useExitOnCtrlC.js";
|
|
|
21
22
|
import { useViewportHeight } from "../../hooks/useViewportHeight.js";
|
|
22
23
|
import { useCursorPagination } from "../../hooks/useCursorPagination.js";
|
|
23
24
|
import { useNavigation } from "../../store/navigationStore.js";
|
|
25
|
+
import { ConfirmationPrompt } from "../../components/ConfirmationPrompt.js";
|
|
24
26
|
const DEFAULT_PAGE_SIZE = 10;
|
|
25
27
|
const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
26
28
|
const { exit: inkExit } = useApp();
|
|
@@ -33,6 +35,7 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
|
33
35
|
const [operationError, setOperationError] = React.useState(null);
|
|
34
36
|
const [operationLoading, setOperationLoading] = React.useState(false);
|
|
35
37
|
const [showCreateDevbox, setShowCreateDevbox] = React.useState(false);
|
|
38
|
+
const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);
|
|
36
39
|
const [selectedIndex, setSelectedIndex] = React.useState(0);
|
|
37
40
|
const [showPopup, setShowPopup] = React.useState(false);
|
|
38
41
|
const { navigate } = useNavigation();
|
|
@@ -44,13 +47,18 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
|
44
47
|
});
|
|
45
48
|
const PAGE_SIZE = viewportHeight;
|
|
46
49
|
// All width constants
|
|
50
|
+
const fixedWidth = 6; // border + padding
|
|
47
51
|
const statusIconWidth = 2;
|
|
48
52
|
const statusTextWidth = 10;
|
|
49
53
|
const idWidth = 25;
|
|
50
|
-
const nameWidth = Math.max(15, terminalWidth >= 120 ? 30 : 25);
|
|
51
54
|
const descriptionWidth = 40;
|
|
52
55
|
const timeWidth = 20;
|
|
53
56
|
const showDescription = terminalWidth >= 120;
|
|
57
|
+
// Name width uses remaining space after fixed columns
|
|
58
|
+
const baseWidth = fixedWidth + statusIconWidth + statusTextWidth + idWidth + timeWidth;
|
|
59
|
+
const optionalWidth = showDescription ? descriptionWidth : 0;
|
|
60
|
+
const remainingWidth = terminalWidth - baseWidth - optionalWidth;
|
|
61
|
+
const nameWidth = Math.min(80, Math.max(15, remainingWidth));
|
|
54
62
|
// Fetch function for pagination hook
|
|
55
63
|
const fetchPage = React.useCallback(async (params) => {
|
|
56
64
|
const client = getClient();
|
|
@@ -88,7 +96,10 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
|
88
96
|
pageSize: PAGE_SIZE,
|
|
89
97
|
getItemId: (blueprint) => blueprint.id,
|
|
90
98
|
pollInterval: 2000,
|
|
91
|
-
pollingEnabled: !showPopup &&
|
|
99
|
+
pollingEnabled: !showPopup &&
|
|
100
|
+
!showCreateDevbox &&
|
|
101
|
+
!executingOperation &&
|
|
102
|
+
!showDeleteConfirm,
|
|
92
103
|
deps: [PAGE_SIZE],
|
|
93
104
|
});
|
|
94
105
|
// Memoize columns array
|
|
@@ -99,10 +110,7 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
|
99
110
|
width: statusIconWidth,
|
|
100
111
|
render: (blueprint, _index, isSelected) => {
|
|
101
112
|
const statusDisplay = getStatusDisplay(blueprint.status || "");
|
|
102
|
-
|
|
103
|
-
? colors.info
|
|
104
|
-
: statusDisplay.color;
|
|
105
|
-
return (_jsxs(Text, { color: isSelected ? "white" : statusColor, bold: true, dimColor: false, inverse: isSelected, wrap: "truncate", children: [statusDisplay.icon, " "] }));
|
|
113
|
+
return (_jsxs(Text, { color: isSelected ? "white" : statusDisplay.color, bold: true, dimColor: false, inverse: isSelected, wrap: "truncate", children: [statusDisplay.icon, " "] }));
|
|
106
114
|
},
|
|
107
115
|
},
|
|
108
116
|
{
|
|
@@ -123,13 +131,10 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
|
123
131
|
width: statusTextWidth,
|
|
124
132
|
render: (blueprint, _index, isSelected) => {
|
|
125
133
|
const statusDisplay = getStatusDisplay(blueprint.status || "");
|
|
126
|
-
const statusColor = statusDisplay.color === colors.textDim
|
|
127
|
-
? colors.info
|
|
128
|
-
: statusDisplay.color;
|
|
129
134
|
const safeWidth = Math.max(1, statusTextWidth);
|
|
130
135
|
const truncated = statusDisplay.text.slice(0, safeWidth);
|
|
131
136
|
const padded = truncated.padEnd(safeWidth, " ");
|
|
132
|
-
return (_jsx(Text, { color: isSelected ? "white" :
|
|
137
|
+
return (_jsx(Text, { color: isSelected ? "white" : statusDisplay.color, bold: true, dimColor: false, inverse: isSelected, wrap: "truncate", children: padded }));
|
|
133
138
|
},
|
|
134
139
|
},
|
|
135
140
|
createTextColumn("name", "Name", (blueprint) => blueprint.name || "", {
|
|
@@ -156,6 +161,13 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
|
156
161
|
// Helper function to generate operations based on selected blueprint
|
|
157
162
|
const getOperationsForBlueprint = (blueprint) => {
|
|
158
163
|
const operations = [];
|
|
164
|
+
// View Details is always first
|
|
165
|
+
operations.push({
|
|
166
|
+
key: "view_details",
|
|
167
|
+
label: "View Details",
|
|
168
|
+
color: colors.primary,
|
|
169
|
+
icon: figures.pointer,
|
|
170
|
+
});
|
|
159
171
|
// View Logs is always available
|
|
160
172
|
operations.push({
|
|
161
173
|
key: "view_logs",
|
|
@@ -213,6 +225,14 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
|
213
225
|
try {
|
|
214
226
|
setOperationLoading(true);
|
|
215
227
|
switch (operation) {
|
|
228
|
+
case "view_details":
|
|
229
|
+
// Navigate to the detail screen
|
|
230
|
+
setOperationLoading(false);
|
|
231
|
+
setExecutingOperation(null);
|
|
232
|
+
navigate("blueprint-detail", {
|
|
233
|
+
blueprintId: blueprint.id,
|
|
234
|
+
});
|
|
235
|
+
return;
|
|
216
236
|
case "view_logs":
|
|
217
237
|
// Navigate to the logs screen
|
|
218
238
|
setOperationLoading(false);
|
|
@@ -295,16 +315,33 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
|
295
315
|
else if (key.return) {
|
|
296
316
|
setShowPopup(false);
|
|
297
317
|
const operationKey = allOperations[selectedOperation].key;
|
|
298
|
-
if (operationKey === "
|
|
318
|
+
if (operationKey === "view_details") {
|
|
319
|
+
navigate("blueprint-detail", {
|
|
320
|
+
blueprintId: selectedBlueprintItem.id,
|
|
321
|
+
});
|
|
322
|
+
}
|
|
323
|
+
else if (operationKey === "create_devbox") {
|
|
299
324
|
setSelectedBlueprint(selectedBlueprintItem);
|
|
300
325
|
setShowCreateDevbox(true);
|
|
301
326
|
}
|
|
327
|
+
else if (operationKey === "delete") {
|
|
328
|
+
// Show delete confirmation
|
|
329
|
+
setSelectedBlueprint(selectedBlueprintItem);
|
|
330
|
+
setShowDeleteConfirm(true);
|
|
331
|
+
}
|
|
302
332
|
else {
|
|
303
333
|
setSelectedBlueprint(selectedBlueprintItem);
|
|
304
334
|
setExecutingOperation(operationKey);
|
|
305
335
|
executeOperation(selectedBlueprintItem, operationKey);
|
|
306
336
|
}
|
|
307
337
|
}
|
|
338
|
+
else if (input === "v" && selectedBlueprintItem) {
|
|
339
|
+
// View details hotkey
|
|
340
|
+
setShowPopup(false);
|
|
341
|
+
navigate("blueprint-detail", {
|
|
342
|
+
blueprintId: selectedBlueprintItem.id,
|
|
343
|
+
});
|
|
344
|
+
}
|
|
308
345
|
else if (key.escape || input === "q") {
|
|
309
346
|
setShowPopup(false);
|
|
310
347
|
setSelectedOperation(0);
|
|
@@ -321,10 +358,10 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
|
321
358
|
else if (input === "d") {
|
|
322
359
|
const deleteIndex = allOperations.findIndex((op) => op.key === "delete");
|
|
323
360
|
if (deleteIndex >= 0) {
|
|
361
|
+
// Show delete confirmation
|
|
324
362
|
setShowPopup(false);
|
|
325
363
|
setSelectedBlueprint(selectedBlueprintItem);
|
|
326
|
-
|
|
327
|
-
executeOperation(selectedBlueprintItem, "delete");
|
|
364
|
+
setShowDeleteConfirm(true);
|
|
328
365
|
}
|
|
329
366
|
}
|
|
330
367
|
else if (input === "l") {
|
|
@@ -360,6 +397,12 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
|
360
397
|
prevPage();
|
|
361
398
|
setSelectedIndex(0);
|
|
362
399
|
}
|
|
400
|
+
else if (key.return && selectedBlueprintItem) {
|
|
401
|
+
// Enter key navigates to detail view
|
|
402
|
+
navigate("blueprint-detail", {
|
|
403
|
+
blueprintId: selectedBlueprintItem.id,
|
|
404
|
+
});
|
|
405
|
+
}
|
|
363
406
|
else if (input === "a") {
|
|
364
407
|
setShowPopup(true);
|
|
365
408
|
setSelectedOperation(0);
|
|
@@ -400,6 +443,21 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
|
400
443
|
}
|
|
401
444
|
}
|
|
402
445
|
});
|
|
446
|
+
// Delete confirmation
|
|
447
|
+
if (showDeleteConfirm && selectedBlueprint) {
|
|
448
|
+
return (_jsx(ConfirmationPrompt, { title: "Delete Blueprint", message: `Are you sure you want to delete "${selectedBlueprint.name || selectedBlueprint.id}"?`, details: "This action cannot be undone.", breadcrumbItems: [
|
|
449
|
+
{ label: "Blueprints" },
|
|
450
|
+
{ label: selectedBlueprint.name || selectedBlueprint.id },
|
|
451
|
+
{ label: "Delete", active: true },
|
|
452
|
+
], onConfirm: () => {
|
|
453
|
+
setShowDeleteConfirm(false);
|
|
454
|
+
setExecutingOperation("delete");
|
|
455
|
+
executeOperation(selectedBlueprint, "delete");
|
|
456
|
+
}, onCancel: () => {
|
|
457
|
+
setShowDeleteConfirm(false);
|
|
458
|
+
setSelectedBlueprint(null);
|
|
459
|
+
} }));
|
|
460
|
+
}
|
|
403
461
|
// Operation result display
|
|
404
462
|
if (operationResult || operationError) {
|
|
405
463
|
const operationLabel = operations.find((o) => o.key === executingOperation)?.label ||
|
|
@@ -410,7 +468,7 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
|
410
468
|
label: selectedBlueprint?.name || selectedBlueprint?.id || "Blueprint",
|
|
411
469
|
},
|
|
412
470
|
{ label: operationLabel, active: true },
|
|
413
|
-
] }), _jsx(Header, { title: "Operation Result" }), operationResult && _jsx(SuccessMessage, { message: operationResult }), operationError && (_jsx(ErrorMessage, { message: "Operation failed", error: operationError })), _jsx(
|
|
471
|
+
] }), _jsx(Header, { title: "Operation Result" }), operationResult && _jsx(SuccessMessage, { message: operationResult }), operationError && (_jsx(ErrorMessage, { message: "Operation failed", error: operationError })), _jsx(NavigationTips, { tips: [{ key: "Enter/q/esc", label: "Continue" }] })] }));
|
|
414
472
|
}
|
|
415
473
|
// Operation input mode
|
|
416
474
|
if (executingOperation && selectedBlueprint) {
|
|
@@ -435,7 +493,10 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
|
435
493
|
{ label: "Blueprints" },
|
|
436
494
|
{ label: selectedBlueprint.name || selectedBlueprint.id },
|
|
437
495
|
{ label: operationLabel, active: true },
|
|
438
|
-
] }), _jsx(Header, { title: operationLabel }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: colors.primary, bold: true, children: selectedBlueprint.name || selectedBlueprint.id }) }), _jsx(Box, { children: _jsxs(Text, { color: colors.textDim, children: [currentOp?.inputPrompt || "", " "] }) }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: operationInput, onChange: setOperationInput, placeholder: currentOp?.inputPlaceholder || "" }) }), _jsx(
|
|
496
|
+
] }), _jsx(Header, { title: operationLabel }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: colors.primary, bold: true, children: selectedBlueprint.name || selectedBlueprint.id }) }), _jsx(Box, { children: _jsxs(Text, { color: colors.textDim, children: [currentOp?.inputPrompt || "", " "] }) }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: operationInput, onChange: setOperationInput, placeholder: currentOp?.inputPlaceholder || "" }) }), _jsx(NavigationTips, { marginTop: 1, paddingX: 0, tips: [
|
|
497
|
+
{ key: "Enter", label: "Execute" },
|
|
498
|
+
{ key: "q/esc", label: "Cancel" },
|
|
499
|
+
] })] })] }));
|
|
439
500
|
}
|
|
440
501
|
// For operations that don't need input (like view_logs), fall through to list view
|
|
441
502
|
}
|
|
@@ -458,24 +519,32 @@ const ListBlueprintsUI = ({ onBack, onExit, }) => {
|
|
|
458
519
|
if (listError) {
|
|
459
520
|
return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }] }), _jsx(ErrorMessage, { message: "Failed to load blueprints", error: listError })] }));
|
|
460
521
|
}
|
|
461
|
-
// Empty state
|
|
462
|
-
if (blueprints.length === 0) {
|
|
463
|
-
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" })] })] }));
|
|
464
|
-
}
|
|
465
522
|
// List view
|
|
466
|
-
return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }] }), !showPopup && (_jsx(Table, { data: blueprints, keyExtractor: (blueprint) => blueprint.id, selectedIndex: selectedIndex, title: `blueprints[${totalCount}]`, columns: blueprintColumns })), !showPopup && (_jsxs(Box, { marginTop: 1, paddingX: 1, children: [_jsxs(Text, { color: colors.primary, bold: true, children: [figures.hamburger, " ", totalCount] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "total"] }), totalPages > 1 && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), navigating ? (_jsxs(Text, { color: colors.warning, children: [figures.pointer, " Loading page ", currentPage + 1, "..."] })) : (_jsxs(Text, { color: colors.textDim, dimColor: true, children: ["Page ", currentPage + 1, " of ", totalPages] }))] })), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: ["Showing ", startIndex + 1, "-", endIndex, " of ", totalCount] })] })), showPopup && selectedBlueprintItem && (_jsx(Box, { marginTop: 2, justifyContent: "center", children: _jsx(ActionsPopup, { devbox: selectedBlueprintItem, operations: allOperations.map((op) => ({
|
|
523
|
+
return (_jsxs(_Fragment, { children: [_jsx(Breadcrumb, { items: [{ label: "Blueprints", active: true }] }), !showPopup && (_jsx(Table, { data: blueprints, keyExtractor: (blueprint) => blueprint.id, selectedIndex: selectedIndex, title: `blueprints[${totalCount}]`, columns: blueprintColumns, emptyState: _jsxs(Text, { color: colors.textDim, children: [figures.info, " No blueprints found. Try: rli blueprint create"] }) })), !showPopup && (_jsxs(Box, { marginTop: 1, paddingX: 1, children: [_jsxs(Text, { color: colors.primary, bold: true, children: [figures.hamburger, " ", totalCount] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "total"] }), totalPages > 1 && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), navigating ? (_jsxs(Text, { color: colors.warning, children: [figures.pointer, " Loading page ", currentPage + 1, "..."] })) : (_jsxs(Text, { color: colors.textDim, dimColor: true, children: ["Page ", currentPage + 1, " of ", totalPages] }))] })), _jsxs(Text, { color: colors.textDim, dimColor: true, children: [" ", "\u2022", " "] }), _jsxs(Text, { color: colors.textDim, dimColor: true, children: ["Showing ", startIndex + 1, "-", endIndex, " of ", totalCount] })] })), showPopup && selectedBlueprintItem && (_jsx(Box, { marginTop: 2, justifyContent: "center", children: _jsx(ActionsPopup, { devbox: selectedBlueprintItem, operations: allOperations.map((op) => ({
|
|
467
524
|
key: op.key,
|
|
468
525
|
label: op.label,
|
|
469
526
|
color: op.color,
|
|
470
527
|
icon: op.icon,
|
|
471
|
-
shortcut: op.key === "
|
|
472
|
-
? "
|
|
473
|
-
: op.key === "
|
|
474
|
-
? "
|
|
475
|
-
: op.key === "
|
|
476
|
-
? "
|
|
477
|
-
: ""
|
|
478
|
-
|
|
528
|
+
shortcut: op.key === "view_details"
|
|
529
|
+
? "v"
|
|
530
|
+
: op.key === "create_devbox"
|
|
531
|
+
? "c"
|
|
532
|
+
: op.key === "delete"
|
|
533
|
+
? "d"
|
|
534
|
+
: op.key === "view_logs"
|
|
535
|
+
? "l"
|
|
536
|
+
: "",
|
|
537
|
+
})), selectedOperation: selectedOperation, onClose: () => setShowPopup(false) }) })), _jsx(NavigationTips, { showArrows: true, tips: [
|
|
538
|
+
{
|
|
539
|
+
icon: `${figures.arrowLeft}${figures.arrowRight}`,
|
|
540
|
+
label: "Page",
|
|
541
|
+
condition: hasMore || hasPrev,
|
|
542
|
+
},
|
|
543
|
+
{ key: "Enter", label: "Details" },
|
|
544
|
+
{ key: "a", label: "Actions" },
|
|
545
|
+
{ key: "o", label: "Browser" },
|
|
546
|
+
{ key: "Esc", label: "Back" },
|
|
547
|
+
] })] }));
|
|
479
548
|
};
|
|
480
549
|
// Export the UI component for use in the main menu
|
|
481
550
|
export { ListBlueprintsUI };
|
|
@@ -0,0 +1,258 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Blueprint prune command - Delete old blueprint builds
|
|
3
|
+
*/
|
|
4
|
+
import * as readline from "readline";
|
|
5
|
+
import { getClient } from "../../utils/client.js";
|
|
6
|
+
import { output, outputError } from "../../utils/output.js";
|
|
7
|
+
/**
|
|
8
|
+
* Fetch all blueprints with a given name (handles pagination)
|
|
9
|
+
*/
|
|
10
|
+
async function fetchAllBlueprintsWithName(name) {
|
|
11
|
+
const client = getClient();
|
|
12
|
+
const allBlueprints = [];
|
|
13
|
+
let hasMore = true;
|
|
14
|
+
let startingAfter = undefined;
|
|
15
|
+
while (hasMore) {
|
|
16
|
+
const params = { name, limit: 100 };
|
|
17
|
+
if (startingAfter) {
|
|
18
|
+
params.starting_after = startingAfter;
|
|
19
|
+
}
|
|
20
|
+
try {
|
|
21
|
+
const page = await client.blueprints.list(params);
|
|
22
|
+
const blueprints = (page.blueprints || []);
|
|
23
|
+
allBlueprints.push(...blueprints);
|
|
24
|
+
hasMore = page.has_more || false;
|
|
25
|
+
if (hasMore && blueprints.length > 0) {
|
|
26
|
+
startingAfter = blueprints[blueprints.length - 1].id;
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
hasMore = false;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
catch (error) {
|
|
33
|
+
console.error("Warning: Error fetching blueprints:", error);
|
|
34
|
+
// Continue with partial results
|
|
35
|
+
hasMore = false;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
return allBlueprints;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Categorize blueprints into successful and failed, and determine what to keep/delete
|
|
42
|
+
*/
|
|
43
|
+
function categorizeBlueprints(blueprints, keepCount) {
|
|
44
|
+
// Filter successful builds
|
|
45
|
+
const successful = blueprints.filter((b) => b.status === "build_complete");
|
|
46
|
+
// Filter failed/incomplete builds
|
|
47
|
+
const failed = blueprints.filter((b) => b.status !== "build_complete");
|
|
48
|
+
// Sort successful by create_time_ms descending (newest first)
|
|
49
|
+
successful.sort((a, b) => (b.create_time_ms || 0) - (a.create_time_ms || 0));
|
|
50
|
+
// Determine what to keep and delete
|
|
51
|
+
const toKeep = successful.slice(0, keepCount);
|
|
52
|
+
const toDelete = [...successful.slice(keepCount), ...failed];
|
|
53
|
+
return {
|
|
54
|
+
toKeep,
|
|
55
|
+
toDelete,
|
|
56
|
+
successful,
|
|
57
|
+
failed,
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
/**
|
|
61
|
+
* Format a timestamp for display
|
|
62
|
+
*/
|
|
63
|
+
function formatTimestamp(createTimeMs) {
|
|
64
|
+
if (!createTimeMs) {
|
|
65
|
+
return "unknown time";
|
|
66
|
+
}
|
|
67
|
+
const now = Date.now();
|
|
68
|
+
const diffMs = now - createTimeMs;
|
|
69
|
+
const diffMinutes = Math.floor(diffMs / 60000);
|
|
70
|
+
const diffHours = Math.floor(diffMs / 3600000);
|
|
71
|
+
const diffDays = Math.floor(diffMs / 86400000);
|
|
72
|
+
if (diffMinutes < 60) {
|
|
73
|
+
return `${diffMinutes} minute${diffMinutes !== 1 ? "s" : ""} ago`;
|
|
74
|
+
}
|
|
75
|
+
else if (diffHours < 24) {
|
|
76
|
+
return `${diffHours} hour${diffHours !== 1 ? "s" : ""} ago`;
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
return `${diffDays} day${diffDays !== 1 ? "s" : ""} ago`;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
/**
|
|
83
|
+
* Display a summary of what will be kept and deleted
|
|
84
|
+
*/
|
|
85
|
+
function displaySummary(name, result, isDryRun) {
|
|
86
|
+
const total = result.successful.length + result.failed.length;
|
|
87
|
+
console.log(`\nAnalyzing blueprints named "${name}"...`);
|
|
88
|
+
console.log(`\nFound ${total} blueprint${total !== 1 ? "s" : ""}:`);
|
|
89
|
+
console.log(` ✓ ${result.successful.length} successful build${result.successful.length !== 1 ? "s" : ""}`);
|
|
90
|
+
console.log(` ✗ ${result.failed.length} failed build${result.failed.length !== 1 ? "s" : ""}`);
|
|
91
|
+
// Show what will be kept
|
|
92
|
+
console.log(`\nKeeping (${result.toKeep.length} most recent successful):`);
|
|
93
|
+
if (result.toKeep.length === 0) {
|
|
94
|
+
console.log(" (none - no successful builds found)");
|
|
95
|
+
}
|
|
96
|
+
else {
|
|
97
|
+
for (const blueprint of result.toKeep) {
|
|
98
|
+
console.log(` ✓ ${blueprint.id} - Created ${formatTimestamp(blueprint.create_time_ms)}`);
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
// Show what will be deleted
|
|
102
|
+
console.log(`\n${isDryRun ? "Would delete" : "To be deleted"} (${result.toDelete.length} blueprint${result.toDelete.length !== 1 ? "s" : ""}):`);
|
|
103
|
+
if (result.toDelete.length === 0) {
|
|
104
|
+
console.log(" (none)");
|
|
105
|
+
}
|
|
106
|
+
else {
|
|
107
|
+
// Show all blueprints without summarizing
|
|
108
|
+
for (const blueprint of result.toDelete) {
|
|
109
|
+
const icon = blueprint.status === "build_complete" ? "✓" : "⚠";
|
|
110
|
+
const statusLabel = blueprint.status === "build_complete" ? "successful" : "failed";
|
|
111
|
+
console.log(` ${icon} ${blueprint.id} - Created ${formatTimestamp(blueprint.create_time_ms)} (${statusLabel})`);
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
/**
|
|
116
|
+
* Display all deleted blueprints
|
|
117
|
+
*/
|
|
118
|
+
function displayDeletedBlueprints(deleted) {
|
|
119
|
+
if (deleted.length === 0) {
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
console.log("\nDeleted blueprints:");
|
|
123
|
+
for (const blueprint of deleted) {
|
|
124
|
+
const icon = blueprint.status === "build_complete" ? "✓" : "⚠";
|
|
125
|
+
const statusLabel = blueprint.status === "build_complete" ? "successful" : "failed";
|
|
126
|
+
console.log(` ${icon} ${blueprint.id} - Created ${formatTimestamp(blueprint.create_time_ms)} (${statusLabel})`);
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
/**
|
|
130
|
+
* Prompt user for confirmation
|
|
131
|
+
*/
|
|
132
|
+
async function confirmDeletion(count) {
|
|
133
|
+
const rl = readline.createInterface({
|
|
134
|
+
input: process.stdin,
|
|
135
|
+
output: process.stdout,
|
|
136
|
+
});
|
|
137
|
+
return new Promise((resolve) => {
|
|
138
|
+
rl.question(`\nDelete ${count} blueprint${count !== 1 ? "s" : ""}? (y/N): `, (answer) => {
|
|
139
|
+
rl.close();
|
|
140
|
+
resolve(answer.toLowerCase() === "y" || answer.toLowerCase() === "yes");
|
|
141
|
+
});
|
|
142
|
+
});
|
|
143
|
+
}
|
|
144
|
+
/**
|
|
145
|
+
* Delete blueprints with error tracking
|
|
146
|
+
*/
|
|
147
|
+
async function deleteBlueprintsWithTracking(blueprints) {
|
|
148
|
+
const client = getClient();
|
|
149
|
+
const results = {
|
|
150
|
+
deleted: [],
|
|
151
|
+
failed: [],
|
|
152
|
+
};
|
|
153
|
+
for (const blueprint of blueprints) {
|
|
154
|
+
try {
|
|
155
|
+
await client.blueprints.delete(blueprint.id);
|
|
156
|
+
results.deleted.push(blueprint);
|
|
157
|
+
}
|
|
158
|
+
catch (error) {
|
|
159
|
+
results.failed.push({
|
|
160
|
+
id: blueprint.id,
|
|
161
|
+
error: error instanceof Error ? error.message : String(error),
|
|
162
|
+
});
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
return results;
|
|
166
|
+
}
|
|
167
|
+
/**
|
|
168
|
+
* Main prune function
|
|
169
|
+
*/
|
|
170
|
+
export async function pruneBlueprints(name, options = {}) {
|
|
171
|
+
try {
|
|
172
|
+
// Parse and validate options
|
|
173
|
+
const isDryRun = options.dryRun || false;
|
|
174
|
+
const autoConfirm = options.yes || false;
|
|
175
|
+
const keepCount = parseInt(options.keep || "1", 10);
|
|
176
|
+
if (isNaN(keepCount) || keepCount < 1) {
|
|
177
|
+
outputError("--keep must be a positive integer");
|
|
178
|
+
}
|
|
179
|
+
// Fetch all blueprints with the given name
|
|
180
|
+
console.log(`Fetching blueprints named "${name}"...`);
|
|
181
|
+
const blueprints = await fetchAllBlueprintsWithName(name);
|
|
182
|
+
// Handle no blueprints found
|
|
183
|
+
if (blueprints.length === 0) {
|
|
184
|
+
console.log(`No blueprints found with name: ${name}`);
|
|
185
|
+
return;
|
|
186
|
+
}
|
|
187
|
+
// Categorize blueprints
|
|
188
|
+
const categorized = categorizeBlueprints(blueprints, keepCount);
|
|
189
|
+
// Display summary
|
|
190
|
+
displaySummary(name, categorized, isDryRun);
|
|
191
|
+
// Handle dry-run mode
|
|
192
|
+
if (isDryRun) {
|
|
193
|
+
console.log("\n(Dry run - no changes made)");
|
|
194
|
+
const result = {
|
|
195
|
+
blueprintName: name,
|
|
196
|
+
totalFound: blueprints.length,
|
|
197
|
+
successfulBuilds: categorized.successful.length,
|
|
198
|
+
failedBuilds: categorized.failed.length,
|
|
199
|
+
kept: categorized.toKeep,
|
|
200
|
+
deleted: [],
|
|
201
|
+
failed: [],
|
|
202
|
+
dryRun: true,
|
|
203
|
+
};
|
|
204
|
+
if (options.output && options.output !== "text") {
|
|
205
|
+
output(result, { format: options.output, defaultFormat: "json" });
|
|
206
|
+
}
|
|
207
|
+
return;
|
|
208
|
+
}
|
|
209
|
+
// Handle nothing to delete
|
|
210
|
+
if (categorized.toDelete.length === 0) {
|
|
211
|
+
console.log("\nNothing to delete.");
|
|
212
|
+
return;
|
|
213
|
+
}
|
|
214
|
+
// Warn if no successful builds
|
|
215
|
+
if (categorized.successful.length === 0) {
|
|
216
|
+
console.log("\nWarning: No successful builds found. Only deleting failed builds.");
|
|
217
|
+
}
|
|
218
|
+
// Get confirmation unless --yes flag is set
|
|
219
|
+
if (!autoConfirm) {
|
|
220
|
+
const confirmed = await confirmDeletion(categorized.toDelete.length);
|
|
221
|
+
if (!confirmed) {
|
|
222
|
+
console.log("\nOperation cancelled.");
|
|
223
|
+
return;
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
// Perform deletions
|
|
227
|
+
console.log(`\nDeleting ${categorized.toDelete.length} blueprint${categorized.toDelete.length !== 1 ? "s" : ""}...`);
|
|
228
|
+
const deletionResults = await deleteBlueprintsWithTracking(categorized.toDelete);
|
|
229
|
+
// Display results
|
|
230
|
+
console.log("\nResults:");
|
|
231
|
+
console.log(` ✓ Successfully deleted: ${deletionResults.deleted.length} blueprint${deletionResults.deleted.length !== 1 ? "s" : ""}`);
|
|
232
|
+
// Show all deleted blueprints
|
|
233
|
+
displayDeletedBlueprints(deletionResults.deleted);
|
|
234
|
+
if (deletionResults.failed.length > 0) {
|
|
235
|
+
console.log(`\n ✗ Failed to delete: ${deletionResults.failed.length} blueprint${deletionResults.failed.length !== 1 ? "s" : ""}`);
|
|
236
|
+
for (const failure of deletionResults.failed) {
|
|
237
|
+
console.log(` - ${failure.id}: ${failure.error}`);
|
|
238
|
+
}
|
|
239
|
+
}
|
|
240
|
+
// Output structured data if requested
|
|
241
|
+
if (options.output && options.output !== "text") {
|
|
242
|
+
const result = {
|
|
243
|
+
blueprintName: name,
|
|
244
|
+
totalFound: blueprints.length,
|
|
245
|
+
successfulBuilds: categorized.successful.length,
|
|
246
|
+
failedBuilds: categorized.failed.length,
|
|
247
|
+
kept: categorized.toKeep,
|
|
248
|
+
deleted: deletionResults.deleted,
|
|
249
|
+
failed: deletionResults.failed,
|
|
250
|
+
dryRun: false,
|
|
251
|
+
};
|
|
252
|
+
output(result, { format: options.output, defaultFormat: "json" });
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
catch (error) {
|
|
256
|
+
outputError("Failed to prune blueprints", error);
|
|
257
|
+
}
|
|
258
|
+
}
|
|
@@ -74,6 +74,9 @@ export async function createDevbox(options = {}) {
|
|
|
74
74
|
on_idle: options.idleAction,
|
|
75
75
|
};
|
|
76
76
|
}
|
|
77
|
+
if (options.networkPolicy) {
|
|
78
|
+
launchParameters.network_policy_id = options.networkPolicy;
|
|
79
|
+
}
|
|
77
80
|
// Build create request
|
|
78
81
|
const createRequest = {
|
|
79
82
|
name: options.name || `devbox-${Date.now()}`,
|