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

package/dist/commands/deployments.d.ts

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

package/dist/commands/deployments.js

@@ -0,0 +1,225 @@
+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 Deployments = ({ projectName }) => {
+    const [step, setStep] = useState("loading");
+    const [teams, setTeams] = useState([]);
+    const [projects, setProjects] = useState([]);
+    const [deployments, setDeployments] = useState([]);
+    const [targetProject, setTargetProject] = useState(null);
+    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("loading-deployments");
+                loadDeployments(projects[selectedProjectIndex]);
+            }
+            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 || [];
+            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 || [];
+            setDeployments(allDeployments);
+            setStep("display");
+        }
+        catch (err) {
+            setErrorMsg(err.message);
+            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 }, "Deployments")),
+            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 }, "Deployments")),
+            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 }, "Deployments")),
+            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 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)))))));
+    }
+    const formatDate = (dateStr) => {
+        const date = new Date(dateStr);
+        return date.toLocaleDateString() + " " + date.toLocaleTimeString();
+    };
+    const getStatusColor = (status) => {
+        switch (status.toLowerCase()) {
+            case "live":
+            case "deployed":
+            case "success":
+                return "green";
+            case "building":
+            case "queued":
+            case "provisioning":
+                return "cyan";
+            case "failed":
+                return "red";
+            default:
+                return "gray";
+        }
+    };
+    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+        React.createElement(Logo, null),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { bold: true }, "Deployments")),
+        React.createElement(Box, null,
+            React.createElement(Text, { dimColor: true },
+                targetProject?.name,
+                " - ",
+                teams[selectedTeamIndex]?.team.name)),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true }, deployments.length === 0
+                ? "No deployments found"
+                : `Found ${deployments.length} deployment(s)`)),
+        React.createElement(Box, { marginTop: 1, flexDirection: "column" }, deployments.map((dep, idx) => (React.createElement(Box, { key: dep.id, marginTop: 1, flexDirection: "column", borderStyle: "round", borderDimColor: true, paddingX: 1 },
+            React.createElement(Box, null,
+                React.createElement(Text, { bold: true, color: getStatusColor(dep.status) }, dep.status.toUpperCase()),
+                React.createElement(Text, { dimColor: true },
+                    " - ",
+                    formatDate(dep.createdAt))),
+            React.createElement(Box, null,
+                React.createElement(Text, { dimColor: true },
+                    "ID: ",
+                    dep.id)),
+            dep.commitMessage && (React.createElement(Box, null,
+                React.createElement(Text, { dimColor: true, wrap: "wrap" }, dep.commitMessage))),
+            dep.runtimeStatus && (React.createElement(Box, null,
+                React.createElement(Text, { dimColor: true },
+                    "Runtime: ",
+                    dep.runtimeStatus))))))),
+        React.createElement(Box, { marginTop: 2 },
+            React.createElement(Text, { dimColor: true }, "Press Q or Ctrl+C to exit"))));
+};
+export default Deployments;

package/dist/commands/help.d.ts

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

package/dist/commands/help.js

@@ -0,0 +1,76 @@
+import { useEffect } from "react";
+const Help = () => {
+    useEffect(() => {
+        console.log(`
+\x1b[38;2;255;191;0m
+    ╔══════════════════════════════════════════╗
+    ║              \u25E1 ＯＮＦＬＹＴ           ║
+    ║            Deploy CLI v1.0.1-beta.1            ║
+    ╚══════════════════════════════════════════╝
+\x1b[0m
+
+  \x1b[1mUSAGE\x1b[0m
+    $ onflyt <command> [options]
+
+  \x1b[1mCOMMANDS\x1b[0m
+    \x1b[36mlogin\x1b[0m              Authenticate with GitHub OAuth
+    \x1b[36mlogout\x1b[0m             Sign out
+    \x1b[36mwhoami\x1b[0m             Show current user info
+
+    \x1b[33mPROJECT\x1b[0m
+    \x1b[36minit\x1b[0m               Initialize new project (creates onflyt.json)
+    \x1b[36mdeploy\x1b[0m             Deploy project (ZIP upload)
+    \x1b[36mprojects\x1b[0m           List projects by team
+    \x1b[36mdelete\x1b[0m             Delete a project
+
+    \x1b[33mDEPLOYMENTS\x1b[0m
+    \x1b[36mlogs\x1b[0m               View deployment logs
+    \x1b[36mdeployments\x1b[0m        List project deployments
+    \x1b[36mrollback\x1b[0m           Rollback to previous deployment
+
+    \x1b[33mTEAM & BILLING\x1b[0m
+    \x1b[36mteams\x1b[0m               List your teams
+    \x1b[36mcredits\x1b[0m             Check credits balance
+
+  \x1b[1mGLOBAL OPTIONS\x1b[0m
+    \x1b[36m-h, --help\x1b[0m          Show this help
+    \x1b[36m-v, --version\x1b[0m       Show CLI version
+    \x1b[36m-t, --team <id>\x1b[0m     Target specific team
+    \x1b[36m--no-open\x1b[0m           Don't auto-open browser on login
+
+  \x1b[1mINIT OPTIONS\x1b[0m
+    \x1b[36m--name <name>\x1b[0m        Project name
+    \x1b[36m--template <id>\x1b[0m      Template (blank, nextjs, react-vite, etc.)
+    \x1b[36m--framework <fw>\x1b[0m     Framework (nextjs, react, node, etc.)
+    \x1b[36m--package-manager <pm>\x1b[0m Package manager (npm, bun, yarn, pnpm)
+    \x1b[36m--git\x1b[0m                Connect Git repository
+    \x1b[36m--no-git\x1b[0m             Skip Git connection
+    \x1b[36m-y, --yes\x1b[0m            Skip all prompts (use defaults)
+
+  \x1b[1mLOGS OPTIONS\x1b[0m
+    \x1b[36m-l, --live\x1b[0m           Stream live logs (SSE)
+
+  \x1b[1mQUICK START\x1b[0m
+    $ onflyt login                    Authenticate
+    $ onflyt init                    Create onflyt.json
+    $ onflyt deploy                  Deploy project
+
+  \x1b[1mKEYBOARD SHORTCUTS\x1b[0m
+    \x1b[36m↑↓\x1b[0m  Navigate selection
+    \x1b[36mEnter\x1b[0m  Select / Confirm
+    \x1b[36mEsc\x1b[0m   Go back / Cancel
+    \x1b[36mQ\x1b[0m     Quit
+    \x1b[36mCtrl+C\x1b[0m Quit
+
+  \x1b[1mEXAMPLES\x1b[0m
+    $ onflyt deploy --team tm_xxx    Deploy to specific team
+    $ onflyt logs dep_xxx --live    Stream live logs
+    $ onflyt init --name myapp --yes  Quick init with defaults
+
+  \x1b[1mDOCS\x1b[0m
+    https://docs.onflyt.com/cli
+`);
+    }, []);
+    return null;
+};
+export default Help;

package/dist/commands/init.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface InitProps {
+    name?: string;
+    framework?: string;
+    template?: string;
+    packageManager?: string;
+    git?: boolean;
+    yes?: boolean;
+}
+declare const Init: React.FC<InitProps>;
+export default Init;