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

package/dist/commands/rollback.js

@@ -0,0 +1,316 @@
+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 Rollback = ({ deploymentId }) => {
+    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 [targetDeployment, setTargetDeployment] = useState(null);
+    const [errorMsg, setErrorMsg] = useState("");
+    useEffect(() => {
+        const handleSigInt = () => process.exit(0);
+        process.on("SIGINT", handleSigInt);
+        return () => {
+            process.off("SIGINT", handleSigInt);
+        };
+    }, []);
+    useEffect(() => {
+        if (step === "done" || step === "error") {
+            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");
+                loadDeploymentsForProject(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) {
+                setTargetDeployment(deployments[selectedDeployIndex]);
+                setStep("confirm");
+            }
+            else if (key.escape) {
+                setStep("project");
+            }
+        }
+        if (step === "confirm") {
+            if (input === "y" || input === "Y" || key.return) {
+                performRollback(targetDeployment.id, targetProject.id);
+            }
+            else if (input === "n" || input === "N" || key.escape) {
+                setStep("deploy");
+            }
+        }
+    });
+    useEffect(() => {
+        if (!isLoggedIn()) {
+            setErrorMsg("Not logged in. Run 'onflyt login' first.");
+            setStep("error");
+            return;
+        }
+        if (deploymentId) {
+            setErrorMsg("Direct deployment rollback not yet supported. Please select from list.");
+            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 || [];
+            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 loadDeploymentsForProject = 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 performRollback = async (depId, projectId) => {
+        setStep("rolling");
+        try {
+            await api.post(`/deployments/${projectId}/${depId}/activate`);
+            setStep("done");
+        }
+        catch (err) {
+            setErrorMsg(err.message);
+            setStep("error");
+        }
+    };
+    if (step === "loading") {
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Logo, null),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, null, "Loading..."))));
+    }
+    if (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 }, "Rollback Deployment")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "Loading projects...")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Spinner, null))));
+    }
+    if (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 }, "Rollback Deployment")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "Loading deployments...")),
+            React.createElement(Box, { marginTop: 1 },
+                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 === "rolling") {
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Logo, null),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, null, "Rolling back deployment..."))));
+    }
+    if (step === "done") {
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Logo, null),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true, color: "green" }, "\u2713 Rollback successful")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "Run 'onflyt logs' to monitor progress"))));
+    }
+    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 }, "Rollback Deployment")),
+            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 }, "Rollback Deployment")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true },
+                    "Step 2/3: Select Project - ",
+                    teams[selectedTeamIndex]?.team.name)),
+            React.createElement(Box, { marginTop: 1 },
+                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();
+        };
+        const activeDepId = targetProject?.activeDeploymentId;
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Logo, null),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "Rollback Deployment")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true },
+                    "Step 3/3: Select Deployment - ",
+                    targetProject?.name)),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "(\u2191\u2193 navigate, Enter select, Esc go back)")),
+            React.createElement(Box, { marginTop: 1, flexDirection: "column" }, deployments.map((dep, idx) => {
+                const isActive = dep.id === activeDepId;
+                const statusColor = isActive
+                    ? "green"
+                    : dep.status === "live"
+                        ? "cyan"
+                        : "gray";
+                const statusLabel = isActive
+                    ? " [ACTIVE]"
+                    : dep.status === "live"
+                        ? " [DEPLOYED]"
+                        : dep.status === "failed"
+                            ? " [FAILED]"
+                            : ` [${dep.status.toUpperCase()}]`;
+                return (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, { color: statusColor }, statusLabel)),
+                    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)))));
+            }))));
+    }
+    if (step === "confirm") {
+        const isActive = targetDeployment?.id === targetProject?.activeDeploymentId;
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Logo, null),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true, color: "yellow" }, "\u26A0 Confirm Rollback")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, null,
+                    "Project: ",
+                    React.createElement(Text, { bold: true }, targetProject?.name))),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, null,
+                    "Deployment:",
+                    " ",
+                    React.createElement(Text, { bold: true }, targetDeployment?.commitMessage || "Manual Upload"))),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true },
+                    "ID: ",
+                    targetDeployment?.id)),
+            isActive && (React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: "yellow" }, "\u26A0 This is the currently active deployment"))),
+            React.createElement(Box, { marginTop: 2 },
+                React.createElement(Text, null, "[Y] Yes, rollback [N] Cancel"))));
+    }
+    return null;
+};
+export default Rollback;

package/dist/commands/teams.d.ts

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

package/dist/commands/teams.js

@@ -0,0 +1,81 @@
+import React, { useEffect, useState } from "react";
+import { api } from "../lib/api.js";
+import { getConfig, isLoggedIn } from "../lib/config.js";
+import { ErrorDisplay } from "../components/Loading.js";
+const MAX_RETRIES = 3;
+const Teams = () => {
+    const [state, setState] = useState("loading");
+    const [errorMsg, setErrorMsg] = useState("");
+    const [retryCount, setRetryCount] = useState(0);
+    const [teams, setTeams] = useState([]);
+    useEffect(() => {
+        if (state !== "done")
+            return;
+        console.log("\n");
+        console.log("  Your Teams\n");
+        console.log("  " + "─".repeat(50));
+        if (teams.length === 0) {
+            console.log("  No teams found. Create a team from the dashboard.");
+            console.log("");
+            return;
+        }
+        teams.forEach((team, index) => {
+            const isDefault = index === 0;
+            console.log(`  ${index + 1}. ${team.team.name} ${isDefault ? "(default)" : ""}`);
+            console.log(`     Role: ${team.role}`);
+            console.log(`     ID: ${team.team.id}`);
+            console.log(`     Slug: ${team.team.slug}`);
+            console.log(`     Plan: ${team.team.plan}`);
+            console.log(`     Created: ${new Date(team.team.createdAt).toLocaleDateString()}`);
+            console.log("");
+        });
+        console.log("  " + "─".repeat(50));
+        console.log("\n  Use --team flag: onflyt deploy --team tm_xxx\n");
+    }, [state, teams]);
+    useEffect(() => {
+        if (!isLoggedIn()) {
+            setErrorMsg("Not logged in. Run 'onflyt login' first.");
+            setState("error");
+            return;
+        }
+        const fetchTeams = async () => {
+            let attempt = 0;
+            const attemptFetch = async () => {
+                attempt++;
+                try {
+                    console.log(`\n  Fetching teams...${attempt > 1 ? ` (retry ${attempt}/${MAX_RETRIES})` : ""}\n`);
+                    const config = getConfig();
+                    api.setToken(config.token);
+                    const meData = await api.get("/auth/me");
+                    const userTeams = meData.teams || [];
+                    setTeams(userTeams);
+                    setState("done");
+                    return meData;
+                }
+                catch (err) {
+                    if (attempt < MAX_RETRIES) {
+                        setRetryCount(attempt);
+                        return attemptFetch();
+                    }
+                    throw err;
+                }
+            };
+            try {
+                await attemptFetch();
+            }
+            catch (err) {
+                setErrorMsg(err.message || "Failed to fetch teams");
+                setState("error");
+            }
+        };
+        fetchTeams();
+    }, []);
+    if (state === "loading") {
+        return null;
+    }
+    if (state === "error") {
+        return React.createElement(ErrorDisplay, { message: errorMsg });
+    }
+    return null;
+};
+export default Teams;

package/dist/commands/whoami.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const WhoAmI: React.FC;
+export default WhoAmI;

package/dist/commands/whoami.js

@@ -0,0 +1,34 @@
+import React from "react";
+import { Text, Box } from "ink";
+import { getConfig, isLoggedIn } from "../lib/config.js";
+import { Logo, ErrorDisplay } from "../components/Loading.js";
+const WhoAmI = () => {
+    const config = getConfig();
+    if (!isLoggedIn()) {
+        return React.createElement(ErrorDisplay, { message: "Not logged in. Run 'onflyt login' first." });
+    }
+    const { user, token, lastLogin } = config;
+    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+        React.createElement(Logo, null),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { bold: true }, "Logged in as:")),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, null, "Name: "),
+            React.createElement(Text, { bold: true }, user?.name || "Unknown")),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, null, "Email: "),
+            React.createElement(Text, null, user?.email)),
+        user?.avatar && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true },
+                "Avatar: ",
+                user.avatar))),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true },
+                "User ID: ",
+                user?.id)),
+        lastLogin && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true },
+                "Last login: ",
+                new Date(lastLogin).toLocaleString())))));
+};
+export default WhoAmI;

package/dist/components/Loading.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export declare const Logo: React.FC;
+interface LoadingProps {
+    message: string;
+}
+export declare const Loading: React.FC<LoadingProps>;
+export declare const ErrorDisplay: React.FC<{
+    message: string;
+}>;
+export declare const Success: React.FC<{
+    message: string;
+}>;
+export {};

package/dist/components/Loading.js

@@ -0,0 +1,42 @@
+import React from "react";
+import { Text, Box } from "ink";
+const bigText = (str) => {
+    return str
+        .split("")
+        .map((c) => {
+        const code = c.toUpperCase().charCodeAt(0);
+        if (code >= 65 && code <= 90) {
+            return String.fromCharCode(0xff21 + code - 65);
+        }
+        return c;
+    })
+        .join("");
+};
+export const Logo = () => (React.createElement(Box, { flexDirection: "column" },
+    React.createElement(Box, { alignItems: "center" },
+        React.createElement(Box, { flexDirection: "column", marginRight: 0.5 },
+            React.createElement(Text, { color: "rgb(255,191,0)" }, " \u2B21 ")),
+        React.createElement(Text, { bold: true, color: "rgb(255,191,0)" }, bigText("Onflyt")),
+        React.createElement(Text, null, " "),
+        React.createElement(Text, { bold: true, color: "black", backgroundColor: "rgb(255,191,0)" },
+            " ",
+            "v1.0.1-beta.1",
+            " ")),
+    React.createElement(Box, { marginTop: 1 },
+        React.createElement(Text, { dimColor: true }, "─".repeat(30)))));
+export const Loading = ({ message }) => (React.createElement(Box, { flexDirection: "column" },
+    React.createElement(Logo, null),
+    React.createElement(Box, { marginTop: 1 },
+        React.createElement(Text, null, message))));
+export const ErrorDisplay = ({ message }) => (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" }, message))));
+export const Success = ({ message }) => (React.createElement(Box, { flexDirection: "column" },
+    React.createElement(Logo, null),
+    React.createElement(Box, { marginTop: 1 },
+        React.createElement(Text, { bold: true, color: "green" },
+            "\u2713 ",
+            message))));

package/dist/index.d.ts

@@ -0,0 +1 @@
+export {};