onflyt-cli 1.0.1-beta.2 → 1.0.1-beta.3

package/dist/commands/logs.js

@@ -0,0 +1,307 @@
+import React, { useEffect, useState } from "react";
+import { Text, Box, useInput } from "ink";
+import { isLoggedIn, getConfig } from "../lib/config.js";
+import { api } from "../lib/api.js";
+import { Logo } from "../components/Loading.js";
+import Spinner from "ink-spinner";
+const Logs = ({ deploymentId, live = false }) => {
+    const [step, setStep] = useState("loading");
+    const [teams, setTeams] = useState([]);
+    const [projects, setProjects] = useState([]);
+    const [deployments, setDeployments] = useState([]);
+    const [selectedTeamIndex, setSelectedTeamIndex] = useState(0);
+    const [selectedProjectIndex, setSelectedProjectIndex] = useState(0);
+    const [selectedDeployIndex, setSelectedDeployIndex] = useState(0);
+    const [targetProject, setTargetProject] = useState(null);
+    const [targetDeploymentId, setTargetDeploymentId] = useState(null);
+    const [logs, setLogs] = useState([]);
+    const [errorMsg, setErrorMsg] = useState("");
+    const [dotCount, setDotCount] = useState(0);
+    useEffect(() => {
+        const handleSigInt = () => process.exit(0);
+        process.on("SIGINT", handleSigInt);
+        return () => {
+            process.off("SIGINT", handleSigInt);
+        };
+    }, []);
+    useEffect(() => {
+        if (step === "done") {
+            const timer = setTimeout(() => process.exit(0), 500);
+            return () => clearTimeout(timer);
+        }
+    }, [step]);
+    useInput((input, key) => {
+        if (input === "q" || input === "Q" || (key.ctrl && input === "c")) {
+            process.exit(0);
+        }
+        if (step === "team") {
+            if (key.upArrow) {
+                setSelectedTeamIndex((i) => Math.max(0, i - 1));
+            }
+            else if (key.downArrow) {
+                setSelectedTeamIndex((i) => Math.min(teams.length - 1, i + 1));
+            }
+            else if (key.return) {
+                setStep("loading-projects");
+                loadProjects(teams[selectedTeamIndex].team.id);
+            }
+        }
+        if (step === "project") {
+            if (key.upArrow) {
+                setSelectedProjectIndex((i) => Math.max(0, i - 1));
+            }
+            else if (key.downArrow) {
+                setSelectedProjectIndex((i) => Math.min(projects.length - 1, i + 1));
+            }
+            else if (key.return) {
+                setStep("loading-deployments");
+                loadDeployments(projects[selectedProjectIndex]);
+            }
+            else if (key.escape) {
+                setStep("team");
+            }
+        }
+        if (step === "deploy") {
+            if (key.upArrow) {
+                setSelectedDeployIndex((i) => Math.max(0, i - 1));
+            }
+            else if (key.downArrow) {
+                setSelectedDeployIndex((i) => Math.min(deployments.length - 1, i + 1));
+            }
+            else if (key.return) {
+                const dep = deployments[selectedDeployIndex];
+                setTargetDeploymentId(dep.id);
+                setTargetProject(targetProject);
+                if (live) {
+                    startLiveStream(dep.id);
+                }
+                else {
+                    fetchStoredLogs(dep.id);
+                }
+            }
+            else if (key.escape) {
+                setStep("project");
+            }
+        }
+    });
+    useEffect(() => {
+        if (step !== "streaming")
+            return;
+        const interval = setInterval(() => {
+            setDotCount((c) => (c + 1) % 4);
+        }, 500);
+        return () => clearInterval(interval);
+    }, [step]);
+    useEffect(() => {
+        if (!isLoggedIn()) {
+            setErrorMsg("Not logged in. Run 'onflyt login' first.");
+            setStep("error");
+            return;
+        }
+        if (deploymentId) {
+            setTargetDeploymentId(deploymentId);
+            if (live) {
+                startLiveStream(deploymentId);
+            }
+            else {
+                fetchStoredLogs(deploymentId);
+            }
+            return;
+        }
+        loadTeams();
+    }, []);
+    const loadTeams = async () => {
+        try {
+            const config = getConfig();
+            api.setToken(config.token);
+            const meData = await api.get("/auth/me");
+            const userTeams = meData.teams || [];
+            if (userTeams.length === 0) {
+                setErrorMsg("No teams found");
+                setStep("error");
+                return;
+            }
+            setTeams(userTeams);
+            if (userTeams.length === 1) {
+                setSelectedTeamIndex(0);
+                setStep("loading-projects");
+                loadProjects(userTeams[0].team.id);
+            }
+            else {
+                setStep("team");
+            }
+        }
+        catch (err) {
+            setErrorMsg(err.message);
+            setStep("error");
+        }
+    };
+    const loadProjects = async (teamId) => {
+        try {
+            const projectsRes = await api.get(`/projects/team/${teamId}`);
+            const teamProjects = projectsRes.projects || [];
+            if (teamProjects.length === 0) {
+                setErrorMsg("No projects found in this team");
+                setStep("error");
+                return;
+            }
+            setProjects(teamProjects);
+            setSelectedProjectIndex(0);
+            setStep("project");
+        }
+        catch (err) {
+            setErrorMsg(err.message);
+            setStep("error");
+        }
+    };
+    const loadDeployments = async (project) => {
+        try {
+            setTargetProject(project);
+            const depsRes = await api.get(`/deployments/${project.id}?limit=50`);
+            const allDeployments = depsRes.deployments || [];
+            if (allDeployments.length === 0) {
+                setErrorMsg("No deployments found for this project");
+                setStep("error");
+                return;
+            }
+            setDeployments(allDeployments);
+            setSelectedDeployIndex(0);
+            setStep("deploy");
+        }
+        catch (err) {
+            setErrorMsg(err.message);
+            setStep("error");
+        }
+    };
+    const startLiveStream = (depId) => {
+        setStep("streaming");
+        setLogs([]);
+        import("../lib/deploy-api.js").then(({ streamLogs }) => {
+            const cancel = streamLogs(depId, (log) => {
+                setLogs((prev) => [...prev.slice(-500), log]);
+            }, () => {
+                console.log("\n\x1b[33m⚠ Live logs stream ended\x1b[0m");
+                setStep("done");
+            });
+            return () => {
+                cancel();
+            };
+        });
+    };
+    const fetchStoredLogs = (depId) => {
+        setStep("loading");
+        import("../lib/deploy-api.js").then(({ getStoredLogs }) => {
+            getStoredLogs(depId, { limit: 200 })
+                .then((result) => {
+                setLogs(result.logs.map((l) => `[${new Date(l.timestamp).toISOString()}] [${l.level.toUpperCase()}] ${l.message}`));
+                setStep("displaying");
+            })
+                .catch((err) => {
+                setErrorMsg(err.message || "Failed to fetch logs");
+                setStep("error");
+            });
+        });
+    };
+    if (step === "loading" ||
+        step === "loading-projects" ||
+        step === "loading-deployments") {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Logo, null),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "View Logs")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true },
+                    "Loading",
+                    step === "loading-projects"
+                        ? " projects..."
+                        : step === "loading-deployments"
+                            ? " deployments..."
+                            : "...")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, null,
+                    React.createElement(Spinner, null)))));
+    }
+    if (step === "error") {
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Logo, null),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true, color: "red" }, "\u2716 Error")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: "red" }, errorMsg))));
+    }
+    if (step === "team") {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Logo, null),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "View Logs")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "Step 1/3: Select Team (\u2191\u2193 navigate, Enter select)")),
+            React.createElement(Box, { marginTop: 1, flexDirection: "column" }, teams.map((t, idx) => (React.createElement(Box, { key: t.team.id, marginTop: 1 },
+                React.createElement(Text, { color: idx === selectedTeamIndex ? "cyan" : "gray" }, idx === selectedTeamIndex ? "▶ " : "  "),
+                React.createElement(Text, { bold: idx === selectedTeamIndex }, t.team.name)))))));
+    }
+    if (step === "project") {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Logo, null),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "View Logs")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true },
+                    "Step 2/3: Select Project - ",
+                    teams[selectedTeamIndex]?.team.name)),
+            React.createElement(Box, null,
+                React.createElement(Text, { dimColor: true }, "(\u2191\u2193 navigate, Enter select, Esc go back)")),
+            React.createElement(Box, { marginTop: 1, flexDirection: "column" }, projects.map((p, idx) => (React.createElement(Box, { key: p.id, marginTop: 1 },
+                React.createElement(Text, { color: idx === selectedProjectIndex ? "cyan" : "gray" }, idx === selectedProjectIndex ? "▶ " : "  "),
+                React.createElement(Text, { bold: idx === selectedProjectIndex }, p.name)))))));
+    }
+    if (step === "deploy") {
+        const formatDate = (dateStr) => {
+            const date = new Date(dateStr);
+            return date.toLocaleDateString() + " " + date.toLocaleTimeString();
+        };
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Logo, null),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "View Logs")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true },
+                    "Step 3/3: Select Deployment - ",
+                    targetProject?.name)),
+            React.createElement(Box, null,
+                React.createElement(Text, { dimColor: true }, "(\u2191\u2193 navigate, Enter select, Esc go back)")),
+            React.createElement(Box, { marginTop: 1, flexDirection: "column" }, deployments.map((dep, idx) => (React.createElement(Box, { key: dep.id, marginTop: 1, flexDirection: "column" },
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: idx === selectedDeployIndex ? "cyan" : "gray" }, idx === selectedDeployIndex ? "▶ " : "  "),
+                    React.createElement(Text, { bold: idx === selectedDeployIndex }, dep.commitMessage || "Manual Upload"),
+                    React.createElement(Text, { dimColor: true },
+                        " [",
+                        dep.status,
+                        "]")),
+                React.createElement(Box, { marginLeft: 2 },
+                    React.createElement(Text, { dimColor: true },
+                        "ID: ",
+                        dep.id)),
+                React.createElement(Box, { marginLeft: 2 },
+                    React.createElement(Text, { dimColor: true }, formatDate(dep.createdAt)))))))));
+    }
+    const dots = ".".repeat(dotCount);
+    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+        React.createElement(Logo, null),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { bold: true, color: "cyan" }, "Deployment:"),
+            React.createElement(Text, null,
+                " ",
+                targetDeploymentId),
+            step === "streaming" && React.createElement(Text, { dimColor: true },
+                " ",
+                dots),
+            step === "streaming" && (React.createElement(Box, { marginLeft: 2 },
+                React.createElement(Text, { dimColor: true }, "(Ctrl+C to exit)")))),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true }, live
+                ? "Streaming live logs..."
+                : `Showing last ${logs.length} log entries`)),
+        React.createElement(Box, { marginTop: 1, flexDirection: "column", borderStyle: "round", borderDimColor: true, paddingX: 1 }, logs.length === 0 ? (React.createElement(Text, { dimColor: true }, "No logs available")) : (logs.map((log, idx) => (React.createElement(Text, { key: idx, wrap: "wrap" }, log)))))));
+};
+export default Logs;

package/dist/commands/projects.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ProjectsList: () => React.JSX.Element;
+export default ProjectsList;

package/dist/commands/projects.js

@@ -0,0 +1,203 @@
+import React, { useEffect, useState } from "react";
+import { Text, Box, useInput } from "ink";
+import { isLoggedIn, getConfig } from "../lib/config.js";
+import { api } from "../lib/api.js";
+import { Logo } from "../components/Loading.js";
+import Spinner from "ink-spinner";
+import { FRAMEWORKS } from "../shared";
+const ProjectsList = () => {
+    const [step, setStep] = useState("loading");
+    const [teams, setTeams] = useState([]);
+    const [projects, setProjects] = useState([]);
+    const [selectedTeamIndex, setSelectedTeamIndex] = useState(0);
+    const [selectedProjectIndex, setSelectedProjectIndex] = useState(0);
+    const [errorMsg, setErrorMsg] = useState("");
+    useEffect(() => {
+        const handleSigInt = () => process.exit(0);
+        process.on("SIGINT", handleSigInt);
+        return () => {
+            process.off("SIGINT", handleSigInt);
+        };
+    }, []);
+    useInput((input, key) => {
+        if (input === "q" || input === "Q" || (key.ctrl && input === "c")) {
+            process.exit(0);
+        }
+        if (step === "team") {
+            if (key.upArrow) {
+                setSelectedTeamIndex((i) => Math.max(0, i - 1));
+            }
+            else if (key.downArrow) {
+                setSelectedTeamIndex((i) => Math.min(teams.length - 1, i + 1));
+            }
+            else if (key.return) {
+                setStep("loading-projects");
+                loadProjects(teams[selectedTeamIndex].team.id);
+            }
+        }
+        if (step === "project") {
+            if (key.upArrow) {
+                setSelectedProjectIndex((i) => Math.max(0, i - 1));
+            }
+            else if (key.downArrow) {
+                setSelectedProjectIndex((i) => Math.min(projects.length - 1, i + 1));
+            }
+            else if (key.return) {
+                setStep("display");
+            }
+            else if (key.escape) {
+                setStep("team");
+            }
+        }
+    });
+    useEffect(() => {
+        if (!isLoggedIn()) {
+            setErrorMsg("Not logged in. Run 'onflyt login' first.");
+            setStep("error");
+            return;
+        }
+        loadTeams();
+    }, []);
+    const loadTeams = async () => {
+        try {
+            const config = getConfig();
+            api.setToken(config.token);
+            const meData = await api.get("/auth/me");
+            const userTeams = meData.teams || [];
+            if (userTeams.length === 0) {
+                setErrorMsg("No teams found");
+                setStep("error");
+                return;
+            }
+            setTeams(userTeams);
+            if (userTeams.length === 1) {
+                setSelectedTeamIndex(0);
+                setStep("loading-projects");
+                loadProjects(userTeams[0].team.id);
+            }
+            else {
+                setStep("team");
+            }
+        }
+        catch (err) {
+            setErrorMsg(err.message);
+            setStep("error");
+        }
+    };
+    const loadProjects = async (teamId) => {
+        try {
+            const projectsRes = await api.get(`/projects/team/${teamId}`);
+            const teamProjects = projectsRes.projects || [];
+            setProjects(teamProjects);
+            setSelectedProjectIndex(0);
+            setStep("project");
+        }
+        catch (err) {
+            setErrorMsg(err.message);
+            setStep("error");
+        }
+    };
+    if (step === "loading" || step === "loading-projects") {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Logo, null),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "Projects")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true },
+                    "Loading",
+                    step === "loading-projects" ? " projects..." : "...")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, null,
+                    React.createElement(Spinner, null)))));
+    }
+    if (step === "error") {
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Logo, null),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true, color: "red" }, "\u2716 Error")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: "red" }, errorMsg))));
+    }
+    if (step === "team") {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Logo, null),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "Projects")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "Step 1/2: Select Team (\u2191\u2193 navigate, Enter select)")),
+            React.createElement(Box, { marginTop: 1, flexDirection: "column" }, teams.map((t, idx) => (React.createElement(Box, { key: t.team.id, marginTop: 1 },
+                React.createElement(Text, { color: idx === selectedTeamIndex ? "cyan" : "gray" }, idx === selectedTeamIndex ? "▶ " : "  "),
+                React.createElement(Text, { bold: idx === selectedTeamIndex }, t.team.name)))))));
+    }
+    if (step === "project") {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Logo, null),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "Projects")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true },
+                    "Step 2/2: Select Project - ",
+                    teams[selectedTeamIndex]?.team.name)),
+            React.createElement(Box, null,
+                React.createElement(Text, { dimColor: true }, "(\u2191\u2193 navigate, Enter view details, Esc go back)")),
+            React.createElement(Box, { marginTop: 1, flexDirection: "column" }, projects.length === 0 ? (React.createElement(Text, { dimColor: true }, "No projects in this team")) : (projects.map((p, idx) => (React.createElement(Box, { key: p.id, marginTop: 1 },
+                React.createElement(Text, { color: idx === selectedProjectIndex ? "cyan" : "gray" }, idx === selectedProjectIndex ? "▶ " : "  "),
+                React.createElement(Text, { bold: idx === selectedProjectIndex }, p.name),
+                React.createElement(Text, { dimColor: true },
+                    " ",
+                    "(",
+                    FRAMEWORKS[p.framework]?.label || p.framework,
+                    ")"),
+                React.createElement(Text, { dimColor: true },
+                    " ",
+                    "- ",
+                    p.status === "active" ? "●" : "○",
+                    " ",
+                    p.status))))))));
+    }
+    const selectedProject = projects[selectedProjectIndex];
+    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+        React.createElement(Logo, null),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { bold: true }, "Project Details")),
+        React.createElement(Box, null,
+            React.createElement(Text, { dimColor: true },
+                teams[selectedTeamIndex]?.team.name,
+                " / ",
+                selectedProject?.name)),
+        selectedProject && (React.createElement(Box, { marginTop: 1, flexDirection: "column", borderStyle: "round", borderDimColor: true, paddingX: 1 },
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "Name:"),
+                React.createElement(Text, null,
+                    " ",
+                    selectedProject.name)),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "Framework:"),
+                React.createElement(Text, null,
+                    " ",
+                    FRAMEWORKS[selectedProject.framework]?.label ||
+                        selectedProject.framework)),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "Status:"),
+                React.createElement(Text, null,
+                    " ",
+                    selectedProject.status)),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "ID:"),
+                React.createElement(Text, { dimColor: true },
+                    " ",
+                    selectedProject.id)),
+            selectedProject.gitRepoUrl && (React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "Repository:"),
+                React.createElement(Text, { color: "cyan" },
+                    " ",
+                    selectedProject.gitRepoUrl))),
+            selectedProject.outputDirectory && (React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "Output:"),
+                React.createElement(Text, { dimColor: true },
+                    " ",
+                    selectedProject.outputDirectory))))),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true }, "\u2191\u2193 navigate projects | Esc go back"))));
+};
+export default ProjectsList;

package/dist/commands/rollback.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface RollbackProps {
+    deploymentId?: string;
+}
+declare const Rollback: React.FC<RollbackProps>;
+export default Rollback;