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

package/lib/machines/list-versions-machine.js

@@ -2,6 +2,12 @@ import { assign, setup, fromCallback } from "xstate";
 import { fetchVersions } from "../api/fetch-versions.js";
 import { emptyConfig } from "../schema.js";
 import { loadAppConfig, loadDeveloperConfig } from "./actors.js";
+import formatDate from "date-fns/format/index.js";
+import { showError, printLogo } from "./actions.js";
+import { printInstallInstructions } from "../util/print-install-instructions.js";
+import Spinner from "tiny-spinner";
+import Table from "cli-table3";
+import chalk from "chalk";
 export const connectionTypes = [
     { value: "secret", label: "Secret" },
     { value: "oauth2-code", label: "OAuth2" },
@@ -17,12 +23,15 @@ export const listVersionsMachine = setup({
     },
     actors: {
         fetchVersions: fromCallback(({ sendBack, input: { developer: { token, slug: devSlug }, config, }, }) => {
+            const spinner = new Spinner();
+            spinner.start("Loading versions...");
             const getVersions = async () => {
                 const versions = await fetchVersions({
                     token,
                     devSlug,
                     appId: config.id,
                 });
+                spinner.success("Versions loaded");
                 sendBack({ type: "Versions Fetched", versions });
             };
             getVersions();
@@ -31,6 +40,26 @@ export const listVersionsMachine = setup({
         loadAppConfig,
     },
     actions: {
+        printLogo,
+        showError,
+        showConfigInstructions: ({ context }) => printInstallInstructions(context.configError),
+        showVersions: ({ context }) => {
+            const table = new Table({
+                head: ["Version", "Published", "Installations", "Created"].map((h) => chalk.bold(h)),
+                style: {
+                    head: [],
+                    border: [],
+                },
+                colAligns: ["center", "center", "right", "left"],
+            });
+            table.push(...context.versions.map((version) => [
+                `${version.major}.${version.minor}`,
+                version.is_published ? "Yes" : "No",
+                version.num_installations.toLocaleString(),
+                formatDate(new Date(version.created_at), "MMMM d, yyyy, HH:mm"),
+            ]));
+            process.stdout.write(table.toString());
+        },
         clearError: assign({
             error: () => undefined,
         }),
@@ -75,6 +104,7 @@ export const listVersionsMachine = setup({
         },
         "Show config instructions": {
             type: "final",
+            entry: "showConfigInstructions",
         },
         "Loading App Config": {
             invoke: {
@@ -94,6 +124,7 @@ export const listVersionsMachine = setup({
         },
         "Error": {
             type: "final",
+            entry: { type: "showError", params: ({ context }) => ({ error: context.error }) },
         },
         "Fetching Versions": {
             on: {
@@ -112,7 +143,9 @@ export const listVersionsMachine = setup({
         },
         "Display Versions": {
             type: "final",
+            entry: "showVersions",
         },
     },
     initial: "Loading Developer Config",
+    entry: "printLogo",
 });

package/lib/machines/publish-version-machine.js

@@ -2,7 +2,10 @@ import { assign, setup, fromCallback } from "xstate";
 import { fetchPublishableVersions } from "../api/fetch-versions.js";
 import { publishVersion } from "../api/publish-version.js";
 import { emptyConfig } from "../schema.js";
-import { loadAppConfig, loadDeveloperConfig } from "./actors.js";
+import { askWithTypedChoices, loadAppConfig, loadDeveloperConfig } from "./actors.js";
+import { printInstallInstructions } from "../util/print-install-instructions.js";
+import { printLogo, showError } from "./actions.js";
+import Spinner from "tiny-spinner";
 export const connectionTypes = [
     { value: "secret", label: "Secret" },
     { value: "oauth2-code", label: "OAuth2" },
@@ -18,30 +21,41 @@ export const publishVersionMachine = setup({
         input: {},
     },
     actors: {
+        askForVersion: askWithTypedChoices(),
         fetchVersions: fromCallback(({ sendBack, input: { developer: { token, slug: devSlug }, config, }, }) => {
             const getVersions = async () => {
+                const spinner = new Spinner();
+                spinner.start("Loading versions...");
                 const versions = await fetchPublishableVersions({
                     token,
                     devSlug,
                     appId: config.id,
                 });
+                spinner.success("Versions loaded");
                 sendBack({ type: "Versions Fetched", versions });
             };
             getVersions();
         }),
-        publishVersion: fromCallback(({ sendBack, input: { developer: { token, slug: devSlug }, config, }, }) => {
+        publishVersion: fromCallback(({ sendBack, input: { developer: { token, slug: devSlug }, config, major, minor, }, }) => {
             const add = async () => {
+                const spinner = new Spinner();
                 try {
+                    spinner.start(`Publishing version ${major}.${minor}...`);
+                    if (major === undefined || minor === undefined) {
+                        throw new Error("Major and minor must be provided");
+                    }
                     await publishVersion({
                         token,
                         devSlug,
                         appId: config.id,
-                        major: config.major,
-                        minor: config.minor,
+                        major,
+                        minor,
                     });
+                    spinner.success(`Version ${major}.${minor} published`);
                     sendBack({ type: "Success" });
                 }
                 catch (error) {
+                    spinner.error("Error publishing version");
                     sendBack({ type: "Error", error: error.message });
                 }
             };
@@ -51,6 +65,12 @@ export const publishVersionMachine = setup({
         loadAppConfig,
     },
     actions: {
+        printLogo,
+        showError,
+        showConfigInstructions: ({ context }) => printInstallInstructions(context.configError),
+        showNoUnpublishedVersions: () => {
+            process.stdout.write("No unpublished versions found.\n");
+        },
         clearError: assign({
             error: () => undefined,
         }),
@@ -67,8 +87,8 @@ export const publishVersionMachine = setup({
             config: (_, params) => params.config,
         }),
         setVersion: assign({
-            major: (_, params) => params.version.major,
-            minor: (_, params) => params.version.minor,
+            major: (_, params) => params.output.major,
+            minor: (_, params) => params.output.minor,
         }),
         setVersions: assign({
             versions: (_, params) => params.versions,
@@ -105,6 +125,7 @@ export const publishVersionMachine = setup({
         },
         "Show config instructions": {
             type: "final",
+            entry: "showConfigInstructions",
         },
         "Loading App Config": {
             invoke: {
@@ -124,6 +145,7 @@ export const publishVersionMachine = setup({
         },
         "Error": {
             type: "final",
+            entry: { type: "showError", params: ({ context }) => ({ error: context.error }) },
         },
         "Success": {
             type: "final",
@@ -161,10 +183,7 @@ export const publishVersionMachine = setup({
         "Publishing": {
             invoke: {
                 src: "publishVersion",
-                input: ({ context }) => ({
-                    developer: context.developer,
-                    config: context.config,
-                }),
+                input: ({ context }) => context,
             },
             on: {
                 Success: {
@@ -179,12 +198,6 @@ export const publishVersionMachine = setup({
             },
         },
         "Ask for version": {
-            on: {
-                "Select Version": {
-                    target: "Publishing",
-                    actions: { type: "setVersion", params: ({ event }) => event },
-                },
-            },
             always: {
                 target: "No unpublished versions",
                 guard: {
@@ -192,10 +205,26 @@ export const publishVersionMachine = setup({
                     params: ({ context }) => context,
                 },
             },
+            invoke: {
+                src: "askForVersion",
+                input: ({ context }) => ({
+                    message: "Select a version to publish:",
+                    choices: context.versions.map((version) => ({
+                        name: `${version.major}.${version.minor}`,
+                        value: version,
+                    })),
+                }),
+                onDone: {
+                    target: "Publishing",
+                    actions: { type: "setVersion", params: ({ event }) => event },
+                },
+            },
         },
         "No unpublished versions": {
             type: "final",
+            entry: "showNoUnpublishedVersions",
         },
     },
     initial: "Loading Developer Config",
+    entry: "printLogo",
 });

package/lib/machines/remove-connection-machine.js

@@ -2,16 +2,23 @@ import { assign, setup, fromCallback } from "xstate";
 import { fetchConnections } from "../api/fetch-connections.js";
 import { removeConnectionDefinition } from "../api/remove-connection-definition.js";
 import { emptyConfig } from "../schema.js";
-import { loadAppConfig, loadDeveloperConfig } from "./actors.js";
+import { askWithChoices, loadAppConfig, loadDeveloperConfig, confirm } from "./actors.js";
+import { printInstallInstructions } from "../util/print-install-instructions.js";
+import { showError, printLogo } from "./actions.js";
+import Spinner from "tiny-spinner";
 export const removeConnectionMachine = setup({
     types: {
         context: {},
         events: {},
     },
     actors: {
+        askWithChoices,
+        confirm,
         removeConnectionDefinition: fromCallback(({ sendBack, input }) => {
             const add = async () => {
+                const spinner = new Spinner();
                 try {
+                    spinner.start("Removing connection...");
                     await removeConnectionDefinition({
                         token: input.developer.token,
                         devSlug: input.developer.slug,
@@ -19,9 +26,11 @@ export const removeConnectionMachine = setup({
                         global: input.global,
                         major: input.config.major,
                     });
+                    spinner.success("Connection removed");
                     sendBack({ type: "Success" });
                 }
                 catch (error) {
+                    spinner.error("Error removing connection");
                     sendBack({ type: "Error", error: error.message });
                 }
             };
@@ -30,17 +39,34 @@ export const removeConnectionMachine = setup({
         loadDeveloperConfig,
         loadAppConfig,
         loadConnections: fromCallback(({ sendBack, input }) => {
+            const spinner = new Spinner();
+            spinner.start("Loading connections...");
             fetchConnections({
                 token: input.developer.token,
                 devSlug: input.developer.slug,
                 appId: input.config.id,
                 major: input.config.major,
             })
-                .then((connections) => sendBack({ type: "Connections Loaded", connections }))
-                .catch((error) => sendBack({ type: "Error", error: error.message }));
+                .then((connections) => {
+                spinner.success("Connections loaded");
+                sendBack({ type: "Connections Loaded", connections });
+            })
+                .catch((error) => {
+                spinner.error("Error loading connections");
+                sendBack({ type: "Error", error: error.message });
+            });
         }),
     },
     actions: {
+        printLogo,
+        showError,
+        showConfigInstructions: ({ context }) => printInstallInstructions(context.configError),
+        showCanceled: () => {
+            process.stdout.write("No connection removed.\n\n");
+        },
+        showNoConnections: () => {
+            process.stdout.write("This app has no connections to remove.\n\n");
+        },
         clearError: assign({
             error: () => undefined,
         }),
@@ -60,7 +86,7 @@ export const removeConnectionMachine = setup({
             connections: (_, params) => params.connections,
         }),
         setGlobal: assign({
-            global: (_, params) => params.global,
+            global: (_, params) => params.output === "true",
         }),
         setOnlyConnection: assign({
             global: (_, params) => params.connections[0].global,
@@ -69,6 +95,7 @@ export const removeConnectionMachine = setup({
     guards: {
         "have more than one connection": (_, params) => Boolean(params.connections && params.connections.length > 1),
         "have only one connection": (_, params) => Boolean(params.connections && params.connections.length === 1),
+        "confirmed": (_, params) => params.output,
     },
 }).createMachine({
     context: ({ input }) => ({
@@ -95,6 +122,7 @@ export const removeConnectionMachine = setup({
         },
         "Show config instructions": {
             type: "final",
+            entry: "showConfigInstructions",
         },
         "Loading App Config": {
             invoke: {
@@ -113,6 +141,7 @@ export const removeConnectionMachine = setup({
         },
         "Error": {
             type: "final",
+            entry: { type: "showError", params: ({ context }) => ({ error: context.error }) },
         },
         "Removing connection definition": {
             invoke: {
@@ -177,30 +206,48 @@ export const removeConnectionMachine = setup({
         },
         "No Connections": {
             type: "final",
+            entry: "showNoConnections",
         },
         "Choosing a Connection": {
-            on: {
-                "Connection Chosen": {
+            invoke: {
+                src: "askWithChoices",
+                input: ({ context }) => ({
+                    message: "Which connection would you like to remove?",
+                    choices: context.connections.map((connection) => ({
+                        name: `${connection.label} (${connection.global ? "workspace" : "user"})`,
+                        value: connection.global ? "true" : "false",
+                    })),
+                    required: true,
+                }),
+                onDone: {
                     target: "Confirm Removal",
-                    actions: {
-                        type: "setGlobal",
-                        params: ({ event }) => ({
-                            global: event.global,
-                        }),
-                    },
-                    reenter: true,
+                    actions: { type: "setGlobal", params: ({ event }) => event },
                 },
             },
         },
         "Confirm Removal": {
-            on: {
-                Confirm: "Removing connection definition",
-                Cancel: "Cancelled",
+            invoke: {
+                src: "confirm",
+                input: ({ context }) => ({
+                    message: `Are you sure you want to remove "${context.connections[0].label}"?`,
+                }),
+                onDone: [
+                    {
+                        target: "Removing connection definition",
+                        guard: { type: "confirmed", params: ({ event }) => event },
+                    },
+                    {
+                        target: "Canceled",
+                        reenter: true,
+                    },
+                ],
             },
         },
-        "Cancelled": {
+        "Canceled": {
             type: "final",
+            entry: "showCanceled",
         },
     },
     initial: "Loading Developer Config",
+    entry: "printLogo",
 });

package/lib/machines/ts-machine.js

@@ -47,7 +47,10 @@ export const tsMachine = setup({
         clearTime: assign({
             time: () => undefined,
         }),
-        raiseErrored: sendTo(({ context }) => context.parentRef, { type: "TypeScript Error" }),
+        raiseErrored: sendTo(({ context }) => context.parentRef, ({ context }) => ({
+            type: "TypeScript Error",
+            errors: context.errors,
+        })),
         raiseSuccess: sendTo(({ context }) => context.parentRef, { type: "TypeScript Success" }),
         setErrors: assign({
             errors: (_, params) => params.errors,

package/lib/schema.js

@@ -4,7 +4,7 @@ import { fromError } from "zod-validation-error";
 const configSchema = z.object({
     slug: z.string().describe("A unique slug for the app"),
     id: z.string().uuid().describe("A unique ID for the app"),
-    major: z.number().int().min(1).default(1).describe("The major version of the app"),
+    major: z.number().int().min(0).default(0).describe("The major version of the app"),
     minor: z.number().int().min(0).default(0).describe("The minor version of the app"),
     connection: z
         .object({
@@ -20,7 +20,7 @@ const configSchema = z.object({
 export const emptyConfig = {
     slug: "",
     id: "",
-    major: 1,
+    major: 0,
     minor: 0,
     connection: null,
 };

package/lib/util/clear-terminal.js

@@ -0,0 +1,4 @@
+export function clearTerminal() {
+    process.stdout.write("\x1b[2J");
+    process.stdout.write("\x1b[H");
+}

package/lib/util/load-developer-config.js

@@ -13,14 +13,14 @@ const developerConfigSchema = initialDeveloperConfigSchema.extend({
     developer_account_id: z.string(),
     developer_account_member_id: z.string(),
 });
-export const configFileName = ".attiorc";
+export const configFileName = process.env.NODE_ENV === "development" ? ".attiorc.dev" : ".attiorc";
 function determineDeveloperConfigPath() {
     if (process.env.NODE_ENV === "development") {
         const path = `${homedir()}/.attiorc.dev`;
         if (existsSync(path))
             return path;
     }
-    const path = `${homedir()}/${configFileName}`;
+    const path = `${homedir()}/.attiorc`;
     if (existsSync(path))
         return path;
     return "No config file";

package/lib/util/print-install-instructions.js

@@ -0,0 +1,32 @@
+import { stringify } from "ini";
+import chalk from "chalk";
+import { APP, APP_NO_PROTOCOL, IS_DEV } from "../env.js";
+import { configFileName } from "../util/load-developer-config.js";
+const exampleConfig = {
+    token: "YOUR TOKEN HERE",
+    developer_slug: "ANY UNIQUE SLUG YOU WANT",
+    target_workspace_id: "YOUR WORKSPACE ID HERE",
+};
+export function printInstallInstructions(reason) {
+    const write = (str = "") => process.stdout.write(str + "\n");
+    if (reason) {
+        write("Failed to load config file.");
+        write(chalk.red(reason));
+        write();
+    }
+    write("You will need to:");
+    write();
+    write(`  1. Log into${IS_DEV ? ` ${chalk.italic("DEVELOPMENT")}` : ""} Attio web app: ${APP}`);
+    write(`  2. Open Dev Tools > Application > Cookies > ${APP_NO_PROTOCOL}`);
+    write(`  3. Copy the value for attio-session. That's your "token".`);
+    write(`  4. Create a file in your home directory called ~/${configFileName}`);
+    write(`  5. It should have the following [INI] format:`);
+    write();
+    write("     " + stringify(exampleConfig).trim().replace(/\n/g, "\n     "));
+    write();
+    write("  6. Run this command again.");
+    write();
+    write("  ...");
+    write();
+    write("  N. PROFIT!");
+}

package/lib/util/print-message.js

@@ -0,0 +1,9 @@
+import Blocker from "stdin-blocker";
+import Cursor from "tiny-cursor";
+export function printMessage(message) {
+    Blocker.block();
+    Cursor.hide();
+    process.stdout.cursorTo(0);
+    process.stdout.write(message.trim());
+    process.stdout.clearLine(1);
+}

package/lib/util/set-terminal-title.js

@@ -0,0 +1,8 @@
+export function setTerminalTitle(title) {
+    if (process.platform === "win32") {
+        process.title = title;
+    }
+    else {
+        process.stdout.write(`\x1B]2;${title}\x1B\x5C`);
+    }
+}

package/lib/util/text-gradient.js

@@ -0,0 +1,28 @@
+import chalk from "chalk";
+function hexToRgb(hex) {
+    const bigint = parseInt(hex.replace("#", ""), 16);
+    return [(bigint >> 16) & 255, (bigint >> 8) & 255, bigint & 255];
+}
+function interpolateColor(start, end, factor) {
+    return [
+        Math.round(start[0] + (end[0] - start[0]) * factor),
+        Math.round(start[1] + (end[1] - start[1]) * factor),
+        Math.round(start[2] + (end[2] - start[2]) * factor),
+    ];
+}
+export function textGradient(input, startHex, endHex) {
+    const lines = input.split("\n");
+    const startColor = hexToRgb(startHex);
+    const endColor = hexToRgb(endHex);
+    const gradientLines = lines.map((line) => {
+        const length = line.length;
+        return Array.from(line)
+            .map((char, index) => {
+            const factor = length > 1 ? index / (length - 1) : 0;
+            const [r, g, b] = interpolateColor(startColor, endColor, factor);
+            return chalk.rgb(r, g, b)(char);
+        })
+            .join("");
+    });
+    return gradientLines.join("\n");
+}

package/lib/util/typescript.js

@@ -1,5 +1,6 @@
 import { existsSync, createReadStream } from "fs";
 import { createInterface } from "readline";
+import chalk from "chalk";
 import { default as ts } from "typescript";
 import { z } from "zod";
 async function readLine(path, line) {
@@ -32,6 +33,7 @@ export const typeScriptErrorSchema = z.object({
         lineText: z.string(),
         line: z.number(),
         character: z.number(),
+        endCharacter: z.number(),
     })
         .optional(),
 });
@@ -58,6 +60,8 @@ export const getDiagnostics = async (program) => {
         const text = ts.flattenDiagnosticMessageText(diagnostic.messageText, "\n");
         if (diagnostic.file) {
             const { line, character } = diagnostic.file.getLineAndCharacterOfPosition(diagnostic.start);
+            const endPosition = diagnostic.start + diagnostic.length;
+            const { character: endCharacter } = diagnostic.file.getLineAndCharacterOfPosition(endPosition);
             const lineText = await readLine(diagnostic.file.fileName, line);
             return typeScriptErrorSchema.parse({
                 text,
@@ -65,6 +69,7 @@ export const getDiagnostics = async (program) => {
                     file: diagnostic.file.fileName,
                     line,
                     character,
+                    endCharacter,
                     lineText,
                 },
             });
@@ -75,3 +80,23 @@ export const getDiagnostics = async (program) => {
     }));
     return errors;
 };
+export function printError(error) {
+    if (!error.location) {
+        process.stderr.write(`${chalk.red("×")} – ${error.text}\n`);
+        return;
+    }
+    const lineString = error.location.line.toLocaleString().padStart(3, " ");
+    const lineStringLength = lineString.length;
+    const emptyLine = " ".repeat(lineStringLength);
+    const lineText = error.location.lineText;
+    const leadingSpaces = lineText.match(/^\s*/)?.[0].length || 0;
+    const trimmedLineText = lineText.trimLeft();
+    const beforeError = trimmedLineText.slice(0, error.location.character - leadingSpaces);
+    const errorText = trimmedLineText.slice(error.location.character - leadingSpaces, error.location.endCharacter - leadingSpaces);
+    const afterError = trimmedLineText.slice(error.location.endCharacter - leadingSpaces);
+    process.stderr.write(`${" ".repeat(lineStringLength - 2)} ${chalk.red("×")} ${error.text}\n\n`);
+    process.stderr.write(`${emptyLine} ╭─── ${chalk.bold(error.location.file)}\n`);
+    process.stderr.write(`${lineString} │ ${beforeError}${chalk.red(errorText)}${afterError}\n`);
+    process.stderr.write(`${emptyLine} │ ${" ".repeat(Math.max(0, error.location.character - leadingSpaces))}${chalk.red("~".repeat(error.location.endCharacter - error.location.character))}\n`);
+    process.stderr.write(`${emptyLine} ╰───\n\n`);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "attio",
-  "version": "0.0.1-experimental.20241219",
+  "version": "0.0.1-experimental.20250101",
   "bin": "lib/attio.js",
   "type": "module",
   "files": [
@@ -33,37 +33,38 @@
     "@graphql-codegen/typescript-operations": "4.3.0",
     "@hono/graphql-server": "0.5.1",
     "@hono/node-server": "1.13.1",
+    "@inquirer/prompts": "7.2.0",
     "@swc/core": "^1.3.58",
     "@xstate/react": "4.1.1",
     "@xstate/store": "1.0.0",
+    "boxen": "^8.0.1",
+    "chalk": "^5.4.1",
     "chokidar": "^3.6.0",
+    "cli-table3": "^0.6.5",
+    "clipboardy": "^4.0.0",
+    "commander": "^13.0.0",
     "date-fns": "^2.21.1",
     "dotenv": "^16.4.5",
     "esbuild": "^0.20.2",
-    "figures": "^6.1.0",
     "glob": "10.3.16",
     "graphql": "16.9.0",
     "hono": "4.6.3",
     "immer": "^5.0.0",
     "ini": "^4.1.3",
-    "ink": "^5.0.1",
-    "ink-big-text": "^2.0.0",
-    "ink-gradient": "^3.0.0",
-    "ink-link": "^4.1.0",
-    "ink-select-input": "^6.0.0",
-    "ink-spinner": "^5.0.0",
-    "ink-text-input": "^6.0.0",
+    "inquirer": "^12.3.0",
     "murmurhash-js": "^1.0.0",
+    "node-notifier": "^10.0.1",
     "open": "^7.0.0",
-    "pastel": "^3.0.0",
     "prettier": "^3.4.1",
     "react": "18.3.1",
+    "stdin-blocker": "^2.0.0",
+    "tiny-cursor": "^2.0.0",
+    "tiny-spinner": "^2.0.4",
     "tmp-promise": "^3.0.3",
     "ts-morph": "^24.0.0",
     "typescript": "5.6.3",
     "uuid": "^9.0.1",
-    "xstate": "5.15.0",
-    "yargs": "^17.7.2",
+    "xstate": "5.19.1",
     "zod": "^3.22.3",
     "zod-to-json-schema": "3.23.1",
     "zod-validation-error": "3.3.0"