@synteq/cli 0.1.0

package/dist/tui/screens/Dashboard.js

@@ -0,0 +1,150 @@
+import React, { useEffect, useState } from "react";
+import { Box, Text, useInput, useApp, useStdout } from "ink";
+import { Panel } from "../components/Panel.js";
+import { Menu } from "../components/Menu.js";
+import { StatusBar } from "../components/StatusBar.js";
+import { Tip } from "../components/Tip.js";
+import { Spinner } from "../components/Spinner.js";
+import { CenteredFrame } from "../components/CenteredFrame.js";
+import { useHeader } from "../hooks/useHeader.js";
+import { useAppContext } from "../hooks/useApi.js";
+import { useRouter } from "../router.js";
+import { exitIntentRef } from "../index.js";
+import { colors } from "../theme/colors.js";
+const VERSION = "0.1.0";
+const items = [
+    {
+        value: "resources",
+        label: "Resources",
+        hint: "VPS, GPU, metal, storage",
+        keybind: "ctrl+r",
+    },
+    {
+        value: "order",
+        label: "New order",
+        hint: "provision compute or storage",
+        keybind: "ctrl+o",
+    },
+    {
+        value: "billing",
+        label: "Billing",
+        hint: "invoices, credits, payment methods",
+        keybind: "ctrl+b",
+    },
+    {
+        value: "account",
+        label: "Account",
+        hint: "team, profile, sign-out",
+        keybind: "ctrl+a",
+    },
+    {
+        value: "tickets",
+        label: "Support",
+        hint: "view and open support tickets",
+        keybind: "ctrl+t",
+    },
+    {
+        value: "cli-mode",
+        label: "Switch to CLI mode",
+    },
+    {
+        value: "quit",
+        label: "Quit",
+        keybind: "ctrl+q",
+    },
+];
+export function Dashboard() {
+    const { header, refresh } = useHeader();
+    const { navigate } = useRouter();
+    const { exit } = useApp();
+    const { config } = useAppContext();
+    const onSelect = (v) => {
+        if (v === "quit") {
+            exit();
+        }
+        else if (v === "cli-mode") {
+            config.set({ tui_mode: "off" });
+            exitIntentRef.current = "show-help";
+            exit();
+        }
+        else {
+            navigate(v);
+        }
+    };
+    useInput((input, key) => {
+        if (key.ctrl) {
+            if (input === "r")
+                navigate("resources");
+            else if (input === "o")
+                navigate("order");
+            else if (input === "b")
+                navigate("billing");
+            else if (input === "a")
+                navigate("account");
+            else if (input === "t")
+                navigate("tickets");
+        }
+        else if (input === "?") {
+        }
+        else if (input === "u") {
+            refresh();
+        }
+    });
+    const { stdout } = useStdout();
+    const [cols, setCols] = useState(stdout?.columns ?? 80);
+    useEffect(() => {
+        if (!stdout)
+            return;
+        const onResize = () => setCols(stdout.columns ?? 80);
+        stdout.on("resize", onResize);
+        return () => {
+            stdout.off("resize", onResize);
+        };
+    }, [stdout]);
+    const showLogo = (Math.min(cols, 100) - 80) / 2 + Math.max(0, (cols - 100) / 2) >= 27;
+    return (React.createElement(CenteredFrame, { fullHeight: true, maxWidth: 100 },
+        showLogo ? (React.createElement(Box, { position: "absolute", marginTop: 0, marginLeft: 1 },
+            React.createElement(Text, { color: colors.accent }, Q_LOGO))) : null,
+        React.createElement(Box, { flexGrow: 1, justifyContent: "center", alignItems: "center" },
+            React.createElement(Box, { flexDirection: "column", width: 80 },
+                React.createElement(Panel, { paddingX: 3, paddingY: 1 },
+                    React.createElement(Box, { flexDirection: "column" },
+                        React.createElement(Box, { justifyContent: "space-between" },
+                            React.createElement(Box, null,
+                                React.createElement(Text, { bold: true, color: colors.text },
+                                    "Synteq CLI",
+                                    " "),
+                                React.createElement(Text, { color: colors.dim }, VERSION)),
+                            header.teamName && (React.createElement(Text, { color: colors.dim }, header.teamName))),
+                        header.teamName ? (React.createElement(Box, { marginTop: 1 },
+                            React.createElement(Text, { color: colors.accent },
+                                "Welcome back",
+                                header.userEmail ? `, ${header.userEmail}` : "",
+                                "!"))) : header.loading ? (React.createElement(Box, { marginTop: 1 },
+                            React.createElement(Spinner, { label: "Loading session\u2026" }))) : (React.createElement(Box, { marginTop: 1 },
+                            React.createElement(Text, { color: colors.warning }, "Not signed in. Press Ctrl+Q to quit, then run `synteq login`."))),
+                        React.createElement(Box, { marginTop: 1 },
+                            React.createElement(Text, { color: colors.dim }, "Pick an option below, or use the keybinds on the right.")),
+                        React.createElement(Box, { marginTop: 2 },
+                            React.createElement(Menu, { items: items, onSelect: onSelect })))))),
+        React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Tip, null, "Use \u2191\u2193 to navigate, Enter to select, or click with the mouse."),
+            React.createElement(StatusBar, { right: [
+                    header.teamName ? `Team: ${header.teamName}` : "",
+                    header.projectName ? `Project: ${header.projectName}` : "",
+                    header.balance ?? "",
+                    header.userEmail ?? "",
+                ].filter(Boolean) }))));
+}
+const Q_LOGO = [
+    "      +#******+         ",
+    "    +##*********=       ",
+    "  +#*           +*+     ",
+    " =##+           =**=    ",
+    " =#*=           =**+    ",
+    " =**=      +***.=**+    ",
+    " .**+       -******:    ",
+    "   :**+++++.  +***.     ",
+    "     -******+  -***-    ",
+].join("\n");
+//# sourceMappingURL=Dashboard.js.map

package/dist/tui/screens/Dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../../src/tui/screens/Dashboard.tsx"],"names":[],"mappings":"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"}

package/dist/tui/screens/Order.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Order(): React.ReactElement;