onflyt-cli 0.1.0-beta

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "onflyt-cli",
+  "version": "0.1.0-beta",
+  "type": "module",
+  "description": "Onflyt CLI - Deploy Node.js and Python APIs to serverless pods. Pay only per use.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/miiglu/onflyt-cli.git"
+  },
+  "main": "dist/index.js",
+  "bin": {
+    "onflyt": "dist/index.js"
+  },
+  "scripts": {
+    "dev": "tsx src/index.tsx",
+    "build": "esbuild src/index.tsx --bundle --platform=node --outfile=dist/index.js --format=esm --external:react-devtools-core --external:ink --external:react --external:react-dom --external:figlet",
+    "start": "node dist/index.js",
+    "pack": "npm pack --pack-destination dist"
+  },
+  "keywords": [
+    "cli",
+    "deployment",
+    "serverless",
+    "nodejs",
+    "python",
+    "api",
+    "serverless-pods",
+    "typescript",
+    "react",
+    "ink",
+    "cloudflare",
+    "cloud",
+    "devops",
+    "onflyt"
+  ],
+  "author": "Miiglu",
+  "license": "Apache-2.0",
+  "dependencies": {
+    "@octokit/oauth-methods": "^6.0.2",
+    "archiver": "^7.0.1",
+    "figlet": "^1.11.0",
+    "ink": "^6.8.0",
+    "ink-select-input": "^6.2.0",
+    "ink-spinner": "^5.0.0",
+    "ink-text-input": "^6.0.0",
+    "meow": "^14.1.0",
+    "open": "^11.0.0",
+    "react": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/archiver": "^7.0.0",
+    "@types/node": "^25.5.2",
+    "@types/react": "^19.2.7",
+    "esbuild": "^0.25.0",
+    "tsx": "^4.21.0",
+    "typescript": "^6.0.2"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}

package/src/App.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import { Text, Box } from "ink";
+
+const App = () => {
+  return (
+    <Box flexDirection="column">
+      <Text bold> ⬡ Onflyt CLI v0.1.0-beta</Text>
+      <Text>Type onflyt --help for available commands</Text>
+    </Box>
+  );
+};
+
+export default App;

package/src/commands/credits.tsx

@@ -0,0 +1,151 @@
+import React, { useEffect, useState } from "react";
+import { api } from "../lib/api.js";
+import { getConfig, isLoggedIn } from "../lib/config.js";
+import { Logo, ErrorDisplay } from "../components/Loading.js";
+
+interface Team {
+  teamId: string;
+  role: string;
+  team: {
+    id: string;
+    name: string;
+    slug: string;
+    plan?: string;
+  };
+}
+
+interface Balance {
+  balanceUSD: number;
+  balanceFormatted: string;
+}
+
+interface CreditDisplay {
+  team: Team;
+  balance: Balance;
+}
+
+const MAX_RETRIES = 3;
+
+const Credits = () => {
+  const [state, setState] = useState<"loading" | "error" | "done">("loading");
+  const [errorMsg, setErrorMsg] = useState("");
+  const [retryCount, setRetryCount] = useState(0);
+  const [credits, setCredits] = useState<CreditDisplay[]>([]);
+
+  useEffect(() => {
+    if (state !== "done") return;
+
+    console.log("\n  Credits Balance\n");
+    console.log("  " + "─".repeat(50));
+
+    credits.forEach((item) => {
+      const { team, balance } = item;
+      const isLow = balance.balanceUSD < 5;
+      const plan = team.team.plan || "free";
+
+      console.log(`\n  ${team.team.name} (${plan})`);
+
+      if (isLow) {
+        console.log(
+          `  \x1b[33m  Credits: ${balance.balanceFormatted} ⚠ Low credits\x1b[0m`,
+        );
+      } else {
+        console.log(
+          `  \x1b[32m  Credits: ${balance.balanceFormatted} ✓\x1b[0m`,
+        );
+      }
+    });
+
+    console.log("\n  " + "─".repeat(50));
+    console.log("\n  Run 'onflyt add-credits' to add more credits.\n");
+  }, [state, credits]);
+
+  useEffect(() => {
+    if (!isLoggedIn()) {
+      setErrorMsg("Not logged in. Run 'onflyt login' first.");
+      setState("error");
+      return;
+    }
+
+    const fetchCredits = async () => {
+      let attempt = 0;
+
+      const attemptFetch = async () => {
+        attempt++;
+        try {
+          console.log(
+            `\n  Fetching credits...${attempt > 1 ? ` (retry ${attempt}/${MAX_RETRIES})` : ""}\n`,
+          );
+
+          const config = getConfig();
+          api.setToken(config.token!);
+
+          const meData = await api.get<any>("/auth/me");
+          const userTeams: Team[] = meData.teams || [];
+
+          if (userTeams.length === 0) {
+            console.log("\n  No teams found.\n");
+            console.log("  You don't have any teams yet.\n");
+            return;
+          }
+
+          const balancesData: Record<string, Balance> = {};
+
+          await Promise.all(
+            userTeams.map(async (team: Team) => {
+              try {
+                const balanceData = await api.get<any>(
+                  `/billing/balance?teamId=${team.team.id}`,
+                );
+                balancesData[team.team.id] = balanceData.data || balanceData;
+              } catch {
+                balancesData[team.team.id] = {
+                  balanceUSD: 0,
+                  balanceFormatted: "$0.00",
+                };
+              }
+            }),
+          );
+
+          const creditDisplay: CreditDisplay[] = userTeams.map((team) => ({
+            team,
+            balance: balancesData[team.team.id] || {
+              balanceUSD: 0,
+              balanceFormatted: "$0.00",
+            },
+          }));
+
+          setCredits(creditDisplay);
+          setState("done");
+        } catch (err) {
+          if (attempt < MAX_RETRIES) {
+            setRetryCount(attempt);
+            return attemptFetch();
+          }
+          throw err;
+        }
+      };
+
+      try {
+        await attemptFetch();
+      } catch (err: any) {
+        setErrorMsg(err.message || "Failed to fetch credits");
+        setState("error");
+      }
+    };
+
+    fetchCredits();
+  }, []);
+
+  if (state === "loading") {
+    return null;
+  }
+
+  if (state === "error") {
+    return <ErrorDisplay message={errorMsg} />;
+  }
+
+  return null;
+};
+
+export default Credits;

package/src/commands/delete.tsx

@@ -0,0 +1,315 @@
+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";
+
+interface DeleteProps {
+  projectId?: string;
+  projectName?: string;
+}
+
+const Delete: React.FC<DeleteProps> = ({ projectId, projectName }) => {
+  const [step, setStep] = useState<
+    | "loading"
+    | "loading-projects"
+    | "team"
+    | "select"
+    | "confirm"
+    | "deleting"
+    | "done"
+    | "error"
+  >("loading");
+
+  const [teams, setTeams] = useState<any[]>([]);
+  const [projects, setProjects] = useState<any[]>([]);
+  const [selectedTeamIndex, setSelectedTeamIndex] = useState(0);
+  const [selectedProjectIndex, setSelectedProjectIndex] = useState(0);
+  const [targetProject, setTargetProject] = useState<any>(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 === "select") {
+      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) {
+        setTargetProject(projects[selectedProjectIndex]);
+        setStep("confirm");
+      } else if (key.escape) {
+        setStep("team");
+      }
+    }
+
+    if (step === "confirm") {
+      if (input === "y" || input === "Y" || key.return) {
+        deleteProject(targetProject.id);
+      } else if (input === "n" || input === "N" || key.escape) {
+        setStep("select");
+      }
+    }
+  });
+
+  useEffect(() => {
+    if (!isLoggedIn()) {
+      setErrorMsg("Not logged in. Run 'onflyt login' first.");
+      setStep("error");
+      return;
+    }
+
+    if (projectId) {
+      setTargetProject({ id: projectId, name: projectName || projectId });
+      setStep("confirm");
+      return;
+    }
+
+    loadTeams();
+  }, []);
+
+  const loadTeams = async () => {
+    try {
+      const config = getConfig();
+      api.setToken(config.token!);
+      const meData = await api.get<any>("/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: any) {
+      setErrorMsg(err.message);
+      setStep("error");
+    }
+  };
+
+  const loadProjects = async (teamId: string) => {
+    try {
+      const projectsRes = await api.get<any>(`/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("select");
+    } catch (err: any) {
+      setErrorMsg(err.message);
+      setStep("error");
+    }
+  };
+
+  const deleteProject = async (projId: string) => {
+    setStep("deleting");
+    try {
+      await api.delete(`/projects/${projId}`);
+      setStep("done");
+    } catch (err: any) {
+      setErrorMsg(err.message);
+      setStep("error");
+    }
+  };
+
+  if (step === "loading") {
+    return (
+      <Box flexDirection="column">
+        <Logo />
+        <Box marginTop={1}>
+          <Text>Loading...</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (step === "loading-projects") {
+    return (
+      <Box flexDirection="column" padding={1}>
+        <Logo />
+        <Box marginTop={1}>
+          <Text bold>Delete Project</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text dimColor>Loading projects...</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text>
+            <Spinner />
+          </Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (step === "error") {
+    return (
+      <Box flexDirection="column">
+        <Logo />
+        <Box marginTop={1}>
+          <Text bold color="red">
+            ✖ Error
+          </Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text color="red">{errorMsg}</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (step === "deleting") {
+    return (
+      <Box flexDirection="column">
+        <Logo />
+        <Box marginTop={1}>
+          <Text>Deleting project...</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (step === "done") {
+    return (
+      <Box flexDirection="column">
+        <Logo />
+        <Box marginTop={1}>
+          <Text bold color="green">
+            ✓ Project deleted successfully
+          </Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (step === "team") {
+    return (
+      <Box flexDirection="column" padding={1}>
+        <Logo />
+        <Box marginTop={1}>
+          <Text bold>Delete Project</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text dimColor>
+            Step 1/2: Select Team (↑↓ navigate, Enter select)
+          </Text>
+        </Box>
+
+        <Box marginTop={1} flexDirection="column">
+          {teams.map((t, idx) => (
+            <Box key={t.team.id} marginTop={1}>
+              <Text color={idx === selectedTeamIndex ? "cyan" : "gray"}>
+                {idx === selectedTeamIndex ? "▶ " : "  "}
+              </Text>
+              <Text bold={idx === selectedTeamIndex}>{t.team.name}</Text>
+            </Box>
+          ))}
+        </Box>
+      </Box>
+    );
+  }
+
+  if (step === "select") {
+    return (
+      <Box flexDirection="column" padding={1}>
+        <Logo />
+        <Box marginTop={1}>
+          <Text bold>Delete Project</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text dimColor>
+            Step 2/2: Select Project - {teams[selectedTeamIndex]?.team.name}
+          </Text>
+        </Box>
+        <Box>
+          <Text dimColor>(↑↓ navigate, Enter select, Esc go back)</Text>
+        </Box>
+
+        <Box marginTop={1} flexDirection="column">
+          {projects.map((p, idx) => (
+            <Box key={p.id} marginTop={1}>
+              <Text color={idx === selectedProjectIndex ? "cyan" : "gray"}>
+                {idx === selectedProjectIndex ? "▶ " : "  "}
+              </Text>
+              <Text bold={idx === selectedProjectIndex}>{p.name}</Text>
+              <Text dimColor> ({p.framework})</Text>
+            </Box>
+          ))}
+        </Box>
+      </Box>
+    );
+  }
+
+  if (step === "confirm") {
+    return (
+      <Box flexDirection="column" padding={1}>
+        <Logo />
+        <Box marginTop={1}>
+          <Text bold color="red">
+            ⚠ Confirm Delete
+          </Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text>
+            Delete project: <Text bold>{targetProject?.name}</Text>?
+          </Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text color="red">This action cannot be undone!</Text>
+        </Box>
+        <Box marginTop={2}>
+          <Text>[Y] Yes, delete [N] Cancel</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  return null;
+};
+
+export default Delete;