attio 0.0.1-experimental.20241219 → 0.0.1-experimental.20250101

package/lib/commands/create.js

@@ -1,131 +1,32 @@
-import { useMachine } from "@xstate/react";
-import figures from "figures";
-import { Box, Text } from "ink";
-import Link from "ink-link";
-import Spinner from "ink-spinner";
-import TextInput from "ink-text-input";
-import { option, argument } from "pastel";
-import React from "react";
+import { Argument, Command, Option } from "commander";
+import { createActor } from "xstate";
 import { z } from "zod";
-import { InitialInstructions } from "../components/InitialInstructions.js";
-import { Logo } from "../components/Logo.js";
-import { MultiSelect } from "../components/MultiSelect.js";
-import { Select } from "../components/Select.js";
-import { languages, outlets, createMachine } from "../machines/create-machine.js";
-export const isDefault = true;
-export const description = "Create a new Attio extension";
-export const args = z.tuple([
-    z
-        .string()
-        .optional()
-        .describe(argument({ name: "name", description: "Name of the extension" })),
-]);
-export const options = z.object({
-    title: z
-        .string()
-        .optional()
-        .describe(option({ description: 'Title of the extension (in "Title Case")' })),
-    language: z
-        .enum(["javascript", "typescript"])
-        .optional()
-        .describe(option({ description: "Language" })),
-    tool: z
-        .boolean()
-        .optional()
-        .describe(option({ description: "If you want to build a workflow tool" })),
-    action: z
-        .boolean()
-        .optional()
-        .default(true)
-        .describe(option({ description: "If you want to build an action button" })),
-    dev: z
-        .boolean()
-        .default(false)
-        .describe(option({ description: "Run in development mode (additional debugging info)" })),
+import { createMachine } from "../machines/create-machine.js";
+export const argsSchema = z.string().optional().default("");
+export const optionsSchema = z.object({
+    title: z.string().optional(),
+    language: z.enum(["javascript", "typescript"]).optional(),
+    dev: z.boolean().default(false),
 });
-export default function Create({ args: [argName = ""], options: { dev, title, language, tool, action }, }) {
-    const [snapshot, send] = useMachine(createMachine, {
+export const create = new Command("create")
+    .description("Create a new Attio app")
+    .addArgument(new Argument("<title>", 'Title of the extension (in "Title Case")').argOptional())
+    .addOption(new Option("--title <title>", 'Title of the extension (in "Title Case")'))
+    .addOption(new Option("--language <language>", "Language").choices(["javascript", "typescript"]))
+    .addOption(new Option("--dev", "Run in development mode (additional debugging info)"))
+    .action((unparsedArgs, unparsedOptions) => {
+    const args = argsSchema.parse(unparsedArgs);
+    const options = optionsSchema.parse(unparsedOptions);
+    const actor = createActor(createMachine, {
         input: {
-            title: title || argName,
-            language,
-            outlets: [tool ? "tool" : null, action ? "action" : null].filter(Boolean),
+            title: options.title || args,
+            language: options.language,
         },
     });
-    return (React.createElement(Box, { flexDirection: "column" },
-        dev && (React.createElement(Box, null,
-            React.createElement(Text, null, JSON.stringify(snapshot.value, null, 2)))),
-        React.createElement(Logo, null),
-        snapshot.matches("Show config instructions") && (React.createElement(InitialInstructions, { reason: snapshot.context.configError })),
-        snapshot.matches("Ask for title") && (React.createElement(Box, { flexDirection: "column" },
-            snapshot.context.error && (React.createElement(Box, null,
-                React.createElement(Text, { color: "red" }, snapshot.context.error))),
-            React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Box, { marginRight: 1 },
-                    React.createElement(Text, null, "What would you like to call your new app? (in \"Title Case\")")),
-                React.createElement(Box, null,
-                    React.createElement(Text, null, "> "),
-                    React.createElement(Text, { color: "yellow" },
-                        React.createElement(TextInput, { value: snapshot.context.title, onChange: (title) => send({ type: "Update Title", title }), onSubmit: () => send({ type: "Submit" }) })))))),
-        snapshot.matches("Ask for slug") && (React.createElement(Box, { flexDirection: "column" },
-            snapshot.context.error && (React.createElement(Box, null,
-                React.createElement(Text, { color: "red" }, snapshot.context.error))),
-            React.createElement(Box, null,
-                React.createElement(Box, { marginRight: 1 },
-                    React.createElement(Text, null, "Please provide a slug for your extension:")),
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "yellow" },
-                        React.createElement(TextInput, { value: snapshot.context.appSlug, onChange: (appSlug) => send({ type: "Update Slug", appSlug }), onSubmit: () => send({ type: "Submit" }) })))))),
-        snapshot.matches("Ask for language") && (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Box, null,
-                React.createElement(Text, null, "What language would you like to use?")),
-            React.createElement(Box, null,
-                React.createElement(Select, { items: languages, onSelect: (language) => send({ type: "Choose Language", language }) })))),
-        snapshot.matches("Ask for outlets") && (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Box, null,
-                React.createElement(Box, { marginRight: 2 },
-                    React.createElement(Text, null, "Which Attio Outlets would you like to use?")),
-                React.createElement(Link, { url: "https://attio.dev/docs/outlets" },
-                    figures.info,
-                    " Learn More")),
-            React.createElement(Box, null,
-                React.createElement(MultiSelect, { items: outlets, onSubmit: (outlets) => send({ type: "Choose Outlets", outlets }), requiredMin: 1 })))),
-        snapshot.matches("Creating Project") && (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Box, null,
-                React.createElement(Text, null,
-                    "Creating \"",
-                    snapshot.context.title,
-                    "\"... "),
-                React.createElement(Text, { color: "green" },
-                    React.createElement(Spinner, { type: "dots" }))))),
-        snapshot.matches("Success") && (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Box, null,
-                React.createElement(Text, { color: "green" },
-                    "SUCCESS!! \uD83C\uDF89 Your extension \"",
-                    snapshot.context.title,
-                    "\" has been created.")),
-            React.createElement(Box, { marginY: 1 },
-                React.createElement(Text, null, "To get started, run:")),
-            React.createElement(Box, { flexDirection: "column", borderStyle: "round", width: Math.max(20, snapshot.context.appSlug.length + 8), paddingX: 1, marginBottom: 1 },
-                React.createElement(Box, null,
-                    React.createElement(Text, null,
-                        "cd ",
-                        snapshot.context.appSlug)),
-                React.createElement(Box, null,
-                    React.createElement(Text, null, "npm install")),
-                React.createElement(Box, null,
-                    React.createElement(Text, null, "npm run dev"))),
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, null,
-                    "(",
-                    React.createElement(Text, { color: "yellowBright" }, "yarn"),
-                    ",",
-                    " ",
-                    React.createElement(Text, { color: "yellowBright" }, "pnpm"),
-                    ", and",
-                    " ",
-                    React.createElement(Text, { color: "yellowBright" }, "bun"),
-                    " also work!)")))),
-        snapshot.matches("Error") && (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Box, null,
-                React.createElement(Text, { color: "red" }, snapshot.context.error))))));
-}
+    if (options.dev) {
+        actor.subscribe((state) => {
+            console.log("state:", state.value);
+        });
+    }
+    actor.start();
+});

package/lib/commands/dev.js

@@ -1,109 +1,20 @@
-import { useMachine } from "@xstate/react";
-import { format } from "date-fns";
-import { Box, Text, useApp, useInput } from "ink";
-import { option } from "pastel";
-import React from "react";
+import { Command, Option } from "commander";
+import { createActor } from "xstate";
 import { z } from "zod";
-import { renderBuildErrors } from "../components/BuildError.js";
-import { CodeGenError } from "../components/CodeGenErrors.js";
-import { InitialInstructions } from "../components/InitialInstructions.js";
-import { ScrollBox } from "../components/ScrollBox.js";
-import { renderTypeScriptErrors } from "../components/TypeScriptErrors.js";
-import { useFullScreen } from "../hooks/useFullScreen.js";
-import { useTerminalTitle } from "../hooks/useTerminalTitle.js";
 import { devMachine } from "../machines/dev-machine.js";
-import { Log } from "../components/Log.js";
-export const description = "Develop your Attio extension";
-const PrettyDate = ({ date }) => React.createElement(Text, null, format(date, "yyyy-MM-dd HH:mm:ss"));
-export const options = z.object({
-    debug: z
-        .boolean()
-        .describe(option({ description: "Run in development mode (additional debugging info)" })),
+export const optionsSchema = z.object({
+    dev: z.boolean().default(false),
+});
+export const dev = new Command("dev")
+    .description("Develop your Attio app")
+    .addOption(new Option("--dev", "Run in development mode (additional debugging info)"))
+    .action((unparsedOptions) => {
+    const options = optionsSchema.parse(unparsedOptions);
+    const actor = createActor(devMachine);
+    if (options.dev) {
+        actor.subscribe((state) => {
+            console.log("state:", state.value);
+        });
+    }
+    actor.start();
 });
-export default function Dev({ options: { debug } }) {
-    const [snapshot] = useMachine(devMachine);
-    const { exit } = useApp();
-    const fullScreen = useFullScreen();
-    const appId = snapshot.context.devVersion?.app_id;
-    useTerminalTitle(appId ? `attio dev – ${appId}` : `attio dev`);
-    const jsError = snapshot.children.javascript?.getSnapshot().context.error;
-    const jsTime = snapshot.children.javascript?.getSnapshot().context.time;
-    const tsErrors = snapshot.children.typescript?.getSnapshot().context.errors;
-    const tsTime = snapshot.children.typescript?.getSnapshot().context.time;
-    const codeGenError = snapshot.children["code-gen"]?.getSnapshot().context.error;
-    const hasErrors = Boolean(jsError || tsErrors || codeGenError);
-    const isNoConfig = snapshot.matches("No Config");
-    React.useEffect(() => {
-        if (isNoConfig) {
-            setTimeout(() => {
-                exit(new Error("No config found"));
-            });
-        }
-    }, [exit, isNoConfig]);
-    useInput((input) => {
-        if (input === "q") {
-            exit();
-        }
-    });
-    return (React.createElement(Box, { flexDirection: "column", ...fullScreen },
-        React.createElement(Box, { flexDirection: "column" },
-            debug && (React.createElement(Box, { flexDirection: "column", paddingX: 1, borderStyle: "round" },
-                React.createElement(Box, null,
-                    React.createElement(Text, null,
-                        "State: ",
-                        JSON.stringify(snapshot.value))),
-                React.createElement(Box, null,
-                    React.createElement(Text, null,
-                        "Env: ",
-                        JSON.stringify(snapshot.children.env?.getSnapshot().value))),
-                React.createElement(Box, null,
-                    React.createElement(Text, null,
-                        "Code Gen:",
-                        " ",
-                        JSON.stringify(snapshot.children["code-gen"]?.getSnapshot()?.value))),
-                snapshot.context.devVersion?.app_id && (React.createElement(Box, null,
-                    React.createElement(Text, null,
-                        "App ID: ",
-                        snapshot.context.devVersion?.app_id))),
-                snapshot.context.devVersion?.app_dev_version_id && (React.createElement(Box, null,
-                    React.createElement(Text, null,
-                        "App Dev Version ID:",
-                        " ",
-                        snapshot.context.devVersion?.app_dev_version_id))))),
-            snapshot.context.lastSuccessfulJavaScriptBuild && (React.createElement(Box, null,
-                React.createElement(Text, null,
-                    "\u2705 Last successful build was at",
-                    " ",
-                    React.createElement(PrettyDate, { date: snapshot.context.lastSuccessfulJavaScriptBuild }),
-                    "."))),
-            React.createElement(Log, null),
-            jsError && jsTime && (React.createElement(Box, null,
-                React.createElement(Text, null,
-                    "\u274C Last failed build was at ",
-                    React.createElement(PrettyDate, { date: jsTime }),
-                    "."))),
-            tsErrors && tsTime && (React.createElement(Box, null,
-                React.createElement(Text, null,
-                    "\u274C Last failed TypeScript check was at ",
-                    React.createElement(PrettyDate, { date: tsTime }),
-                    "."))),
-            snapshot.matches("No Config") && (React.createElement(InitialInstructions, { reason: snapshot.context.configError })),
-            snapshot.matches("Watching") && (React.createElement(Box, null,
-                React.createElement(Text, null, "\uD83D\uDC40 Watching for changes... "))),
-            snapshot.matches({ Watching: { JavaScript: "Uploading" } }) && (React.createElement(Box, null,
-                React.createElement(Text, null, "\u267B\uFE0F Uploading bundles... "))),
-            snapshot.matches({ Watching: { JavaScript: "Upload Error" } }) && (React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "redBright" }, "\u274C Upload Error"),
-                    React.createElement(Text, null,
-                        "\u2013 ",
-                        snapshot.context.uploadError?.message)))),
-            snapshot.matches({ Watching: { Graphql: "Started" } }) && (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-                React.createElement(Text, null, "Press \"o\" to open GraphQL Explorer"))),
-            snapshot.matches({ Watching: { Onboarding: "Prompt to Install" } }) && (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-                React.createElement(Text, null, "\uD83D\uDEA8 IMPORTANT: You will need to install your app in your workspace. Press \"i\" to open the app settings page, and then click \"Install\".")))),
-        hasErrors && (React.createElement(ScrollBox, { borderStyle: "round", padding: 1 },
-            jsError && renderBuildErrors(jsError),
-            tsErrors && renderTypeScriptErrors(tsErrors),
-            codeGenError && React.createElement(CodeGenError, { error: codeGenError })))));
-}

package/lib/commands/version/create.js

@@ -1,71 +1,20 @@
-import { useMachine } from "@xstate/react";
-import { Box, Text, useApp } from "ink";
-import Spinner from "ink-spinner";
-import { option } from "pastel";
-import React from "react";
+import { Command, Option } from "commander";
+import { createActor } from "xstate";
 import { z } from "zod";
-import { renderBuildErrors } from "../../components/BuildError.js";
-import { InitialInstructions } from "../../components/InitialInstructions.js";
-import { Logo } from "../../components/Logo.js";
 import { createVersionMachine } from "../../machines/create-version-machine.js";
-export const description = "Create a new unpublished production version of your Attio app";
-export const options = z.object({
-    dev: z
-        .boolean()
-        .default(false)
-        .describe(option({ description: "Run in development mode (additional debugging info)" })),
+export const optionsSchema = z.object({
+    dev: z.boolean().default(false),
+});
+export const versionCreate = new Command("create")
+    .description("Create a new unpublished version of your Attio app")
+    .addOption(new Option("--dev", "Run in development mode (additional debugging info)"))
+    .action((unparsedOptions) => {
+    const options = optionsSchema.parse(unparsedOptions);
+    const actor = createActor(createVersionMachine);
+    if (options.dev) {
+        actor.subscribe((state) => {
+            console.log("state:", state.value);
+        });
+    }
+    actor.start();
 });
-export default function CreateVersion({ options: { dev } }) {
-    const [snapshot] = useMachine(createVersionMachine);
-    const { exit } = useApp();
-    const jsError = snapshot.children.javascript?.getSnapshot().context.error;
-    const version = snapshot.context.version;
-    const isBuildError = snapshot.matches({ JavaScript: "Build Error" });
-    React.useEffect(() => {
-        if (isBuildError) {
-            exit();
-        }
-    }, [isBuildError, exit]);
-    return (React.createElement(Box, { flexDirection: "column" },
-        dev && (React.createElement(Box, null,
-            React.createElement(Text, null, JSON.stringify(snapshot.value, null, 2)))),
-        React.createElement(Logo, null),
-        React.createElement(Box, { flexDirection: "column" },
-            snapshot.matches("Show config instructions") && (React.createElement(InitialInstructions, { reason: snapshot.context.configError })),
-            snapshot.matches({ JavaScript: "Building" }) && (React.createElement(Box, null,
-                React.createElement(Text, null,
-                    "\uD83D\uDD28 Building...",
-                    " ",
-                    React.createElement(Text, { color: "green" },
-                        React.createElement(Spinner, { type: "dots" }))))),
-            isBuildError && (React.createElement(Box, { flexDirection: "column", gap: 1 },
-                jsError && renderBuildErrors(jsError),
-                !jsError && (React.createElement(Box, null,
-                    React.createElement(Text, null, "Unknown error"))))),
-            snapshot.matches("Creating version") && (React.createElement(Box, null,
-                React.createElement(Text, null,
-                    "\u231B\uFE0F Creating new version...",
-                    " ",
-                    React.createElement(Text, { color: "green" },
-                        React.createElement(Spinner, { type: "dots" }))))),
-            snapshot.matches("Uploading") && (React.createElement(Box, null,
-                React.createElement(Text, null,
-                    "\u231B\uFE0F Uploading...",
-                    " ",
-                    React.createElement(Text, { color: "green" },
-                        React.createElement(Spinner, { type: "dots" }))))),
-            snapshot.matches("Success") && (React.createElement(React.Fragment, null,
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "green" },
-                        "SUCCESS!! \uD83C\uDF89 Version ",
-                        version?.major,
-                        ".",
-                        version?.minor,
-                        " successfully created.")),
-                React.createElement(Box, null,
-                    React.createElement(Text, null, "When you're ready, you can publish it with:")),
-                React.createElement(Box, { flexDirection: "column", borderStyle: "round", width: 27, paddingX: 1, marginBottom: 1 },
-                    React.createElement(Text, null, "attio version publish")))),
-            snapshot.context.error && (React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: "red" }, snapshot.context.error))))));
-}

package/lib/commands/version/index.js

@@ -1 +1,11 @@
-export const description = "Manage app versions";
+import { Command } from "commander";
+import { versionCreate } from "./create.js";
+import { versionList } from "./list.js";
+import { versionInvite } from "./invite.js";
+import { versionPublish } from "./publish.js";
+export const version = new Command("version")
+    .description("Manage app versions")
+    .addCommand(versionCreate)
+    .addCommand(versionList)
+    .addCommand(versionInvite)
+    .addCommand(versionPublish);

package/lib/commands/version/invite.js

@@ -1,92 +1,48 @@
-import { useMachine } from "@xstate/react";
-import { Box, Text, useStdout } from "ink";
-import Spinner from "ink-spinner";
-import { argument, option } from "pastel";
-import React from "react";
+import { Argument, Command, Option } from "commander";
+import { createActor } from "xstate";
 import { z } from "zod";
-import { InitialInstructions } from "../../components/InitialInstructions.js";
-import { Logo } from "../../components/Logo.js";
-import { Select } from "../../components/Select.js";
 import { generateInviteMachine } from "../../machines/generate-invite-machine.js";
-export const description = "Generates an invite link to an unpublished production version of your Attio app";
-export const args = z.tuple([
-    z
-        .string()
-        .regex(/^\d+\.\d+$/, 'Version must be in the format "major.minor" (e.g., "1.0")')
-        .optional()
-        .describe(argument({
-        name: "version",
-        description: `The version to invite someone to (e.g: "1.0"). If you don't specify a version, you will be prompted to choose.`,
-    })),
-]);
-export const options = z.object({
-    dev: z
-        .boolean()
-        .default(false)
-        .describe(option({ description: "Run in development mode (additional debugging info)" })),
+export const argsSchema = z
+    .string()
+    .regex(/^\d+\.\d+$/, 'Version must be in the format "major.minor" (e.g., "1.0")')
+    .optional()
+    .describe(`The version to invite someone to (e.g: "1.0"). If you don't specify a version, you will be prompted to choose.`);
+export const optionsSchema = z.object({
+    dev: z.boolean().default(false),
 });
-export default function GenerateInvite({ args: [version = ""], options: { dev } }) {
-    const [snapshot, send] = useMachine(generateInviteMachine, {
+export const versionInvite = new Command("invite")
+    .description("Generates an invite link to an unpublished production version of your Attio app")
+    .addArgument(new Argument("<version>", `The version to invite someone to (e.g: "1.0"). If you don't specify a version, you will be prompted to choose.`).argOptional())
+    .addOption(new Option("--dev", "Run in development mode (additional debugging info)"))
+    .action((unparsedArgs, unparsedOptions) => {
+    const versionResult = argsSchema.safeParse(unparsedArgs);
+    const optionsResult = optionsSchema.safeParse(unparsedOptions);
+    if (!versionResult.success) {
+        process.stderr.write("\nInvalid version argument:\n");
+        versionResult.error.errors.forEach((err) => {
+            process.stderr.write(`- ${err.message}\n`);
+        });
+        process.exit(1);
+    }
+    if (!optionsResult.success) {
+        process.stderr.write("\nInvalid options:\n");
+        optionsResult.error.errors.forEach((err) => {
+            process.stderr.write(`- ${err.path.map((p) => String(p).replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`)).join(".")}: ${err.message}\n`);
+        });
+        process.exit(1);
+    }
+    const version = versionResult.data;
+    const options = optionsResult.data;
+    const actor = createActor(generateInviteMachine, {
         input: {
             major: version ? Number(version.split(".")[0]) : undefined,
             minor: version ? Number(version.split(".")[1]) : undefined,
         },
     });
-    const { major, minor } = snapshot.context;
-    const stdout = useStdout();
-    React.useEffect(() => {
-        if (version) {
-            if (snapshot.matches("Error")) {
-                stdout.write(snapshot.context.error ?? "Unknown error");
-            }
-            else if (snapshot.matches("No unpublished versions")) {
-                stdout.write("No unpublished versions found.");
-            }
-            else if (snapshot.matches("Display Invite Link") && snapshot.context.inviteLink) {
-                stdout.write(snapshot.context.inviteLink);
-            }
-        }
-    }, [version, snapshot, stdout]);
-    if (version)
-        return null;
-    return (React.createElement(Box, { flexDirection: "column" },
-        dev && (React.createElement(Box, null,
-            React.createElement(Text, null, JSON.stringify(snapshot.value, null, 2)))),
-        React.createElement(Logo, null),
-        React.createElement(Box, { flexDirection: "column" },
-            snapshot.matches("Show config instructions") && (React.createElement(InitialInstructions, { reason: snapshot.context.configError })),
-            snapshot.matches("Ask for version") && (React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Box, null,
-                    React.createElement(Text, null, "Select an unpublished version to invite someone to:")),
-                React.createElement(Box, null,
-                    React.createElement(Select, { items: snapshot.context.versions.map((version) => ({
-                            label: `${version.major}.${version.minor}`,
-                            value: version,
-                        })), onSelect: (version) => send({ type: "Select Version", version }) })))),
-            snapshot.matches("No unpublished versions") && (React.createElement(Box, null,
-                React.createElement(Text, null, "No unpublished versions found."))),
-            snapshot.matches("Generating Invite Link") && (React.createElement(Box, null,
-                React.createElement(Text, null,
-                    "\u231B\uFE0F Generating invite link for version ",
-                    major,
-                    ".",
-                    minor,
-                    "...",
-                    " ",
-                    React.createElement(Text, { color: "green" },
-                        React.createElement(Spinner, { type: "dots" }))))),
-            snapshot.matches("Display Invite Link") && (React.createElement(React.Fragment, null,
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "green" }, "SUCCESS!! \uD83C\uDF89"),
-                    React.createElement(Text, null,
-                        " ",
-                        "Invite link for version ",
-                        major,
-                        ".",
-                        minor,
-                        " successfully generated. It will expire in 24 hours.")),
-                React.createElement(Box, { marginTop: 1 },
-                    React.createElement(Text, { color: "blue" }, snapshot.context.inviteLink)))),
-            snapshot.context.error && (React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: "red" }, snapshot.context.error))))));
-}
+    if (options.dev) {
+        actor.subscribe((state) => {
+            console.log("state:", state.value);
+        });
+    }
+    actor.start();
+});

package/lib/commands/version/list.js

@@ -1,43 +1,21 @@
-import { useMachine } from "@xstate/react";
-import formatDate from "date-fns/format/index.js";
-import { Box, Text } from "ink";
-import Spinner from "ink-spinner";
-import { option } from "pastel";
-import React from "react";
+import { Command, Option } from "commander";
+import { createActor } from "xstate";
 import { z } from "zod";
-import { InitialInstructions } from "../../components/InitialInstructions.js";
-import { Logo } from "../../components/Logo.js";
-import { Table } from "../../components/Table.js";
 import { listVersionsMachine } from "../../machines/list-versions-machine.js";
-export const description = "List all production versions of your Attio app";
-export const alias = "ls";
-export const options = z.object({
-    dev: z
-        .boolean()
-        .default(false)
-        .describe(option({ description: "Run in development mode (additional debugging info)" })),
+export const optionsSchema = z.object({
+    dev: z.boolean().default(false),
+});
+export const versionList = new Command("list")
+    .description("List all versions of your Attio app")
+    .addOption(new Option("--dev", "Run in development mode (additional debugging info)"))
+    .alias("ls")
+    .action((unparsedOptions) => {
+    const options = optionsSchema.parse(unparsedOptions);
+    const actor = createActor(listVersionsMachine);
+    if (options.dev) {
+        actor.subscribe((state) => {
+            console.log("state:", state.value);
+        });
+    }
+    actor.start();
 });
-export default function ListVersions({ options: { dev } }) {
-    const [snapshot] = useMachine(listVersionsMachine);
-    return (React.createElement(Box, { flexDirection: "column" },
-        dev && (React.createElement(Box, null,
-            React.createElement(Text, null, JSON.stringify(snapshot.value, null, 2)))),
-        React.createElement(Logo, null),
-        React.createElement(Box, { flexDirection: "column" },
-            snapshot.matches("Show config instructions") && (React.createElement(InitialInstructions, { reason: snapshot.context.configError })),
-            snapshot.matches("Fetching Versions") && (React.createElement(Box, null,
-                React.createElement(Text, null,
-                    "\u231B\uFE0F Fetching versions...",
-                    " ",
-                    React.createElement(Text, { color: "green" },
-                        React.createElement(Spinner, { type: "dots" }))))),
-            snapshot.matches("Display Versions") &&
-                (snapshot.context.versions.length > 0 ? (React.createElement(Table, { rows: snapshot.context.versions.map((version) => ({
-                        Version: `${version.major}.${version.minor}`,
-                        Published: version.is_published ? "Yes" : "No",
-                        Installations: version.num_installations.toLocaleString(),
-                        Created: formatDate(new Date(version.created_at), "MMMM d, yyyy, HH:mm"),
-                    })) })) : (React.createElement(Text, null, "No production versions."))),
-            snapshot.context.error && (React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: "red" }, snapshot.context.error))))));
-}