gensx
Version:
`GenSX command line tools.
82 lines • 4.73 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text, useApp } from "ink";
import { useEffect, useState } from "react";
import { ErrorMessage } from "../../components/ErrorMessage.js";
import { LoadingSpinner } from "../../components/LoadingSpinner.js";
import { useProjectName } from "../../hooks/useProjectName.js";
import { listEnvironments } from "../../models/environment.js";
import { getAuth } from "../../utils/config.js";
import { getSelectedEnvironment } from "../../utils/env-config.js";
function useEnvironments(initialProjectName) {
const [environments, setEnvironments] = useState([]);
const [loading, setLoading] = useState(true);
const [error, setError] = useState(null);
const [selectedEnvironment, setSelectedEnvironment] = useState(null);
const { exit } = useApp();
const { loading: projectLoading, error: projectError, projectName, } = useProjectName(initialProjectName);
useEffect(() => {
let mounted = true;
async function fetchData() {
if (!projectName)
return;
try {
// Check authentication first
const authConfig = await getAuth();
if (!authConfig) {
throw new Error("Not authenticated. Please run 'gensx login' first.");
}
// Fetch environments and selected environment
const [envs, selected] = await Promise.all([
listEnvironments(projectName),
getSelectedEnvironment(projectName),
]);
if (mounted) {
setEnvironments(envs);
setSelectedEnvironment(selected);
setLoading(false);
}
}
catch (err) {
if (mounted) {
const error = err instanceof Error ? err : new Error(String(err));
setError(error);
setLoading(false);
setTimeout(() => {
exit();
}, 100);
}
}
}
void fetchData();
return () => {
mounted = false;
};
}, [projectName, exit]);
return {
environments,
loading: loading || projectLoading,
error: error ?? projectError,
selectedEnvironment,
projectName,
};
}
export function ListEnvironmentsUI({ projectName: initialProjectName }) {
const { environments, loading, error, projectName, selectedEnvironment } = useEnvironments(initialProjectName);
if (error) {
return _jsx(ErrorMessage, { message: error.message });
}
if (loading || !projectName) {
return _jsx(LoadingSpinner, {});
}
return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { children: ["Found", " ", _jsx(Text, { bold: true, color: "cyan", children: environments.length }), " ", "environment", environments.length === 1 ? "" : "s", " for project", " ", _jsx(Text, { bold: true, color: "cyan", children: projectName })] }) }), environments.length > 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "─".repeat(44) }), _jsx(Box, { paddingLeft: 1, children: _jsxs(Text, { bold: true, children: [_jsx(Text, { color: "cyan", children: "NAME".padEnd(20) }), _jsx(Text, { color: "cyan", children: "UPDATED AT" })] }) }), _jsx(Text, { children: "─".repeat(44) }), _jsx(Box, { flexDirection: "column", children: environments.map((env) => (_jsx(Box, { paddingLeft: 1, children: _jsxs(Text, { children: [_jsx(Text, { color: "green", children: env.name.padEnd(20) }), _jsx(Text, { dimColor: true, children: new Date(env.updatedAt)
.toLocaleString(undefined, {
year: "numeric",
month: "2-digit",
day: "2-digit",
hour: "2-digit",
minute: "2-digit",
hour12: true,
})
.replace(/,/, "") })] }) }, env.name))) }), _jsx(Text, { children: "─".repeat(44) }), selectedEnvironment && (_jsx(Box, { paddingTop: 1, children: _jsxs(Text, { children: ["Active environment:", " ", _jsx(Text, { color: "green", children: selectedEnvironment })] }) }))] })) : (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: "No environments found" }) }))] }));
}
//# sourceMappingURL=list.js.map