@a9s/cli 0.0.1 → 1.0.6

package/dist/src/components/Table/index.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useMemo } from "react";
+import { Box, Text } from "ink";
+import { computeColumnWidths } from "./widths.js";
+// Color constants for table styling
+const COLORS = {
+    separator: "gray", // │ and ─ dividers
+    headerText: "blue", // Column header text
+    selectedBg: "cyan", // Selected row background
+    selectedText: "black", // Selected row text
+    highlightText: "yellow", // Filtered match highlight
+    emptyText: "gray", // Empty state text
+    highlightSelectedText: "black", // Highlight text on selected row
+};
+function truncate(str, maxLen) {
+    if (str.length <= maxLen)
+        return str.padEnd(maxLen);
+    return str.slice(0, maxLen - 1) + "…";
+}
+function truncateNoPad(str, maxLen) {
+    if (maxLen <= 0)
+        return "";
+    if (str.length <= maxLen)
+        return str;
+    if (maxLen === 1)
+        return "…";
+    return str.slice(0, maxLen - 1) + "…";
+}
+function highlightMatch(text, filter, isSelected = false) {
+    if (!filter || !text)
+        return [text];
+    const parts = [];
+    const lowerText = text.toLowerCase();
+    const lowerFilter = filter.toLowerCase();
+    let lastIdx = 0;
+    const highlightColor = isSelected ? COLORS.highlightSelectedText : COLORS.highlightText;
+    let idx = lowerText.indexOf(lowerFilter);
+    while (idx !== -1) {
+        if (idx > lastIdx) {
+            parts.push(text.slice(lastIdx, idx));
+        }
+        parts.push(_jsx(Text, { color: highlightColor, bold: true, children: text.slice(idx, idx + filter.length) }, `match-${idx}`));
+        lastIdx = idx + filter.length;
+        idx = lowerText.indexOf(lowerFilter, lastIdx);
+    }
+    if (lastIdx < text.length) {
+        parts.push(text.slice(lastIdx));
+    }
+    return parts.length > 0 ? parts : [text];
+}
+const Row = React.memo(function Row({ row, isSelected, columns, colWidths, filterText }) {
+    const parts = [];
+    columns.forEach((col, i) => {
+        if (i > 0)
+            parts.push(_jsxs(Text, { color: COLORS.separator, children: [" ", "\u2502", " "] }, `sep-${i}`));
+        const cellData = row.cells[col.key] ?? "";
+        const cellValue = typeof cellData === "string" ? cellData : cellData.displayName;
+        const truncated = truncate(cellValue, colWidths[i]);
+        const highlighted = filterText && truncated ? highlightMatch(truncated, filterText, isSelected) : [truncated];
+        if (isSelected) {
+            parts.push(_jsx(Text, { color: COLORS.selectedText, bold: true, children: highlighted }, `cell-${i}`));
+        }
+        else {
+            parts.push(_jsx(Text, { children: highlighted }, `cell-${i}`));
+        }
+    });
+    return isSelected ? _jsx(Box, { backgroundColor: COLORS.selectedBg, children: parts }) : _jsx(Box, { children: parts });
+});
+export const Table = React.memo(function Table({ columns, rows, selectedIndex, filterText, terminalWidth, maxHeight, scrollOffset, contextLabel, headerMarkers, }) {
+    // Memoize column widths computation
+    const colWidths = useMemo(() => computeColumnWidths(columns, terminalWidth), [columns, terminalWidth]);
+    // Rows are pre-filtered by parent, no need to filter again
+    const visibleRows = rows.slice(scrollOffset, scrollOffset + maxHeight);
+    const adjustedSelected = selectedIndex - scrollOffset;
+    const renderHeader = () => {
+        const parts = [];
+        columns.forEach((col, i) => {
+            if (i > 0)
+                parts.push(_jsxs(Text, { color: COLORS.separator, children: [" ", "\u2502", " "] }, `sep-${i}`));
+            const width = colWidths[i];
+            const markers = headerMarkers?.[col.key] ?? [];
+            const markerText = markers.length > 0 ? ` [${markers.join(",")}]` : "";
+            if (!markerText) {
+                parts.push(_jsx(Text, { bold: true, color: COLORS.headerText, children: truncate(col.label, width) }, col.key));
+                return;
+            }
+            if (markerText.length >= width) {
+                const markerDisplay = truncate(markerText, width);
+                parts.push(_jsx(Text, { color: "cyan", children: markerDisplay }, `${col.key}-markers-only`));
+                return;
+            }
+            const labelMax = width - markerText.length;
+            const labelDisplay = truncateNoPad(col.label, labelMax);
+            const trailingPadLen = Math.max(0, width - (labelDisplay.length + markerText.length));
+            parts.push(_jsx(Text, { bold: true, color: COLORS.headerText, children: labelDisplay }, `${col.key}-label`));
+            parts.push(_jsx(Text, { color: "cyan", children: markerText }, `${col.key}-markers`));
+            if (trailingPadLen > 0) {
+                parts.push(_jsx(Text, { color: COLORS.headerText, children: " ".repeat(trailingPadLen) }, `${col.key}-pad`));
+            }
+        });
+        return _jsx(Box, { children: parts });
+    };
+    const renderDivider = () => (_jsx(Text, { color: COLORS.separator, children: columns.map((col, i) => "─".repeat(colWidths[i])).join("─┼─") }));
+    const renderEmpty = () => (_jsx(Text, { color: COLORS.emptyText, children: filterText ? `No results for "${filterText}"` : "No items" }));
+    if (rows.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", children: [contextLabel && (_jsx(Text, { bold: true, color: COLORS.headerText, children: contextLabel })), contextLabel && _jsx(Box, { height: 1 }), renderHeader(), renderDivider(), renderEmpty()] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [contextLabel && (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, color: COLORS.headerText, children: contextLabel }), _jsx(Box, { height: 1 })] })), renderHeader(), renderDivider(), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: visibleRows.map((row, i) => (_jsx(Row, { row: row, isSelected: i === adjustedSelected, columns: columns, colWidths: colWidths, filterText: filterText }, row.id))) }), rows.length > maxHeight && (_jsx(Box, { paddingTop: 1, children: _jsxs(Text, { color: "gray", children: [scrollOffset + visibleRows.length, " / ", rows.length, " items"] }) }))] }));
+});

package/dist/src/components/Table/widths.js

@@ -0,0 +1,19 @@
+export function computeColumnWidths(columns, terminalWidth) {
+    const MIN_WIDTH = 4;
+    const GAP = 3; // " │ " between columns (space-bar-space = 3 chars)
+    const totalGaps = (columns.length - 1) * GAP;
+    const available = Math.max(0, terminalWidth - totalGaps);
+    // Assign fixed widths first
+    let fixedTotal = 0;
+    const widths = columns.map((col) => {
+        if (col.width !== undefined) {
+            fixedTotal += col.width;
+            return col.width;
+        }
+        return null;
+    });
+    const flexColumns = widths.filter((w) => w === null).length;
+    const flexAvailable = Math.max(available - fixedTotal, flexColumns * MIN_WIDTH);
+    const flexWidth = flexColumns > 0 ? Math.floor(flexAvailable / flexColumns) : 0;
+    return widths.map((w) => (w !== null ? w : Math.max(flexWidth, MIN_WIDTH)));
+}

package/dist/src/components/TableSkeleton.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from "ink";
+import { computeColumnWidths } from "./Table/widths.js";
+function fill(len, ch = "░") {
+    return ch.repeat(Math.max(1, len));
+}
+function truncate(str, maxLen) {
+    if (str.length <= maxLen)
+        return str.padEnd(maxLen);
+    return str.slice(0, Math.max(1, maxLen - 1)) + "…";
+}
+export function TableSkeleton({ columns, terminalWidth, rows = 8, contextLabel, }) {
+    const FRAMES = ["░", "▒", "▓"];
+    const [frame, setFrame] = React.useState(0);
+    const colWidths = computeColumnWidths(columns, terminalWidth);
+    React.useEffect(() => {
+        const timer = setInterval(() => {
+            setFrame((prev) => (prev + 1) % FRAMES.length);
+        }, 180);
+        return () => clearInterval(timer);
+    }, []);
+    const shade = FRAMES[frame] ?? "░";
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [contextLabel ? (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, color: "blue", children: contextLabel }), _jsx(Box, { height: 1 })] })) : null, _jsx(Box, { children: columns.map((col, i) => (_jsxs(React.Fragment, { children: [i > 0 ? _jsx(Text, { color: "gray", children: " \u2502 " }) : null, _jsx(Text, { bold: true, color: "blue", children: truncate(col.label, colWidths[i] ?? 1) })] }, col.key))) }), _jsx(Text, { color: "gray", children: columns.map((_, i) => fill(colWidths[i] ?? 1, "─")).join("─┼─") }), Array.from({ length: rows }).map((_, rowIdx) => (_jsx(Box, { children: columns.map((col, i) => (_jsxs(React.Fragment, { children: [i > 0 ? _jsx(Text, { color: "gray", children: " \u2502 " }) : null, _jsx(Text, { color: "gray", children: fill(Math.max(1, colWidths[i] ?? 1), shade) })] }, `${col.key}-${rowIdx}`))) }, `skeleton-row-${rowIdx}`)))] }));
+}

package/dist/src/components/YankHelpPanel.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Box, Text } from "ink";
+import { Alert, Badge, StatusMessage, UnorderedList } from "@inkjs/ui";
+import { triggerToString } from "../constants/keybindings.js";
+export function YankHelpPanel({ options, row }) {
+    const [resolvedValues, setResolvedValues] = useState({});
+    useEffect(() => {
+        let isActive = true;
+        if (!row) {
+            setResolvedValues({});
+            return () => {
+                isActive = false;
+            };
+        }
+        const load = async () => {
+            const entries = await Promise.all(options.map(async (option) => {
+                const id = `${option.label}-${triggerToString(option.trigger)}`;
+                try {
+                    const value = await option.resolve(row);
+                    return [id, value ?? "(empty)"];
+                }
+                catch (error) {
+                    return [id, `(error: ${error.message})`];
+                }
+            }));
+            if (!isActive)
+                return;
+            const next = {};
+            for (const [id, value] of entries) {
+                next[id] = value;
+            }
+            setResolvedValues(next);
+        };
+        void load();
+        return () => {
+            isActive = false;
+        };
+    }, [options, row]);
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Alert, { variant: "info", title: "Yank Options", children: "Press key to copy, Esc or ? to close" }), _jsx(Box, { height: 1 }), !row && _jsx(StatusMessage, { variant: "warning", children: "No row selected" }), _jsx(UnorderedList, { children: options.map((option) => (_jsx(UnorderedList.Item, { children: _jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Badge, { color: "yellow", children: triggerToString(option.trigger) }), _jsxs(Text, { children: [" ", option.label] })] }), _jsx(Text, { color: "gray", children: row
+                                    ? `  -> ${resolvedValues[`${option.label}-${triggerToString(option.trigger)}`] ?? "(loading...)"}`
+                                    : "  -> (no value)" })] }) }, `${option.label}-${triggerToString(option.trigger)}`))) })] }));
+}

package/dist/src/constants/commands.js

@@ -0,0 +1,15 @@
+import { SERVICE_REGISTRY } from "../services.js";
+const SERVICE_COMMANDS = Object.keys(SERVICE_REGISTRY);
+export const AVAILABLE_COMMANDS = [
+    ...SERVICE_COMMANDS,
+    "regions",
+    "profiles",
+    "resources",
+    "region",
+    "profile",
+    "use-region",
+    "use-profile",
+    "$default",
+    "quit",
+];
+export const COMMAND_MODE_HINT = " Commands: s3 route53 dynamodb iam quit regions profiles resources  •  Enter run  •  Esc cancel";