@hubspot/cli 8.0.1-experimental.0 → 8.0.3-experimental.0

package/mcp-server/tools/project/GetBuildStatusTool.js

@@ -19,9 +19,8 @@ const inputSchema = {
         .describe('Optional: Specific build ID to inspect. If omitted, shows recent builds to help identify the latest build.'),
     limit: z
         .number()
-        .optional()
-        .default(3)
-        .describe('Number of recent builds to fetch when buildId is not specified.'),
+        .describe('Number of recent builds to fetch when buildId is not specified. Defaults to 3 if not specified.')
+        .optional(),
 };
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const inputSchemaZodObject = z.object({ ...inputSchema });
@@ -127,7 +126,7 @@ export class GetBuildStatusTool extends Tool {
             }
             else {
                 const response = await fetchProjectBuilds(accountId, projectName, {
-                    limit,
+                    limit: limit || 3,
                 });
                 const { results } = response.data;
                 if (!results || results.length === 0) {

package/mcp-server/tools/project/GuidedWalkthroughTool.d.ts

@@ -3,7 +3,12 @@ import { McpServer, RegisteredTool } from '@modelcontextprotocol/sdk/server/mcp.
 import { z } from 'zod';
 declare const inputSchemaZodObject: z.ZodObject<{
     absoluteCurrentWorkingDirectory: z.ZodString;
-    command: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<"hs init">, z.ZodLiteral<"hs auth">, z.ZodLiteral<"hs project create">, z.ZodLiteral<"hs project upload">]>>;
+    command: z.ZodOptional<z.ZodEnum<{
+        "hs auth": "hs auth";
+        "hs project create": "hs project create";
+        "hs project upload": "hs project upload";
+        "hs init": "hs init";
+    }>>;
 }, z.core.$strip>;
 type InputSchemaType = z.infer<typeof inputSchemaZodObject>;
 export declare class GuidedWalkthroughTool extends Tool<InputSchemaType> {

package/mcp-server/tools/project/GuidedWalkthroughTool.js

@@ -14,12 +14,7 @@ const nextCommands = {
 const inputSchema = {
     absoluteCurrentWorkingDirectory,
     command: z
-        .union([
-        z.literal('hs init'),
-        z.literal('hs auth'),
-        z.literal('hs project create'),
-        z.literal('hs project upload'),
-    ])
+        .enum(['hs init', 'hs auth', 'hs project create', 'hs project upload'])
         .describe('The command to learn more about.  Start with `hs init`')
         .optional(),
 };

package/mcp-server/tools/project/constants.d.ts

@@ -1,6 +1,17 @@
 import z from 'zod';
 export declare const absoluteProjectPath: z.ZodString;
 export declare const absoluteCurrentWorkingDirectory: z.ZodString;
-export declare const features: z.ZodOptional<z.ZodArray<z.ZodUnion<readonly [z.ZodLiteral<"card">, z.ZodLiteral<"settings">, z.ZodLiteral<"app-function">, z.ZodLiteral<"webhooks">, z.ZodLiteral<"workflow-action">, z.ZodLiteral<"workflow-action-tool">, z.ZodLiteral<"app-object">, z.ZodLiteral<"app-event">, z.ZodLiteral<"scim">, z.ZodLiteral<"page">]>>>;
+export declare const features: z.ZodOptional<z.ZodArray<z.ZodEnum<{
+    card: "card";
+    settings: "settings";
+    "app-event": "app-event";
+    page: "page";
+    "workflow-action-tool": "workflow-action-tool";
+    webhooks: "webhooks";
+    "workflow-action": "workflow-action";
+    "app-function": "app-function";
+    "app-object": "app-object";
+    scim: "scim";
+}>>>;
 export declare const docsSearchQuery: z.ZodString;
 export declare const docUrl: z.ZodString;

package/mcp-server/tools/project/constants.js

@@ -6,23 +6,19 @@ export const absoluteCurrentWorkingDirectory = z
     .string()
     .describe('The absolute path to the current working directory.');
 export const features = z
-    .array(z.union([
-    z.literal('card'),
-    z.literal('settings'),
-    z
-        .literal('app-function')
-        .describe('Also known as a public serverless function'),
-    z.literal('webhooks'),
-    z
-        .literal('workflow-action')
-        .describe('Also known as a custom workflow action.'),
-    z.literal('workflow-action-tool').describe('Also known as agent tools.'),
-    z.literal('app-object'),
-    z.literal('app-event'),
-    z.literal('scim'),
-    z.literal('page'),
+    .array(z.enum([
+    'card',
+    'settings',
+    'app-function',
+    'webhooks',
+    'workflow-action',
+    'workflow-action-tool',
+    'app-object',
+    'app-event',
+    'scim',
+    'page',
 ]))
-    .describe('The features to include in the project, multiple options can be selected')
+    .describe('The features to include in the project, multiple options can be selected. "app-function" is also known as a public serverless function. "workflow-action" is also known as a custom workflow action. "workflow-action-tool" is also known as agent tools.')
     .optional();
 export const docsSearchQuery = z
     .string()

package/mcp-server/utils/__tests__/project.test.js

@@ -136,130 +136,5 @@ describe('mcp-server/utils/project', () => {
                 env: expect.any(Object),
             }));
         });
-        it('should use npx -p @hubspot/cli when HUBSPOT_MCP_STANDALONE is true', async () => {
-            const originalEnv = process.env.HUBSPOT_MCP_STANDALONE;
-            process.env.HUBSPOT_MCP_STANDALONE = 'true';
-            const hsCommand = 'hs project upload';
-            const expectedResult = {
-                stdout: 'success',
-                stderr: '',
-            };
-            mockExistsSync.mockReturnValue(true);
-            mockExecAsync.mockResolvedValue(expectedResult);
-            await runCommandInDir(mockDirectory, hsCommand);
-            expect(mockExecAsync).toHaveBeenCalledWith('npx -p @hubspot/cli hs project upload --disable-usage-tracking "true"', expect.objectContaining({
-                cwd: mockResolvedPath,
-                env: expect.any(Object),
-            }));
-            // Restore original env
-            if (originalEnv === undefined) {
-                delete process.env.HUBSPOT_MCP_STANDALONE;
-            }
-            else {
-                process.env.HUBSPOT_MCP_STANDALONE = originalEnv;
-            }
-        });
-        it('should use regular hs command when HUBSPOT_MCP_STANDALONE is not set', async () => {
-            const originalEnv = process.env.HUBSPOT_MCP_STANDALONE;
-            delete process.env.HUBSPOT_MCP_STANDALONE;
-            const hsCommand = 'hs project upload';
-            const expectedResult = {
-                stdout: 'success',
-                stderr: '',
-            };
-            mockExistsSync.mockReturnValue(true);
-            mockExecAsync.mockResolvedValue(expectedResult);
-            await runCommandInDir(mockDirectory, hsCommand);
-            expect(mockExecAsync).toHaveBeenCalledWith('hs project upload --disable-usage-tracking "true"', expect.objectContaining({
-                cwd: mockResolvedPath,
-                env: expect.any(Object),
-            }));
-            // Restore original env
-            if (originalEnv !== undefined) {
-                process.env.HUBSPOT_MCP_STANDALONE = originalEnv;
-            }
-        });
-        it('should use npx -p @hubspot/cli for hs commands with flags in standalone mode', async () => {
-            const originalEnv = process.env.HUBSPOT_MCP_STANDALONE;
-            process.env.HUBSPOT_MCP_STANDALONE = 'true';
-            const hsCommand = 'hs project upload --profile prod';
-            const expectedResult = {
-                stdout: 'success',
-                stderr: '',
-            };
-            mockExistsSync.mockReturnValue(true);
-            mockExecAsync.mockResolvedValue(expectedResult);
-            await runCommandInDir(mockDirectory, hsCommand);
-            expect(mockExecAsync).toHaveBeenCalledWith('npx -p @hubspot/cli hs project upload --profile prod --disable-usage-tracking "true"', expect.objectContaining({
-                cwd: mockResolvedPath,
-                env: expect.any(Object),
-            }));
-            // Restore original env
-            if (originalEnv === undefined) {
-                delete process.env.HUBSPOT_MCP_STANDALONE;
-            }
-            else {
-                process.env.HUBSPOT_MCP_STANDALONE = originalEnv;
-            }
-        });
-        it('should use pinned CLI version when HUBSPOT_CLI_VERSION is set in standalone mode', async () => {
-            const originalStandaloneEnv = process.env.HUBSPOT_MCP_STANDALONE;
-            const originalVersionEnv = process.env.HUBSPOT_CLI_VERSION;
-            process.env.HUBSPOT_MCP_STANDALONE = 'true';
-            process.env.HUBSPOT_CLI_VERSION = '8.0.0';
-            const hsCommand = 'hs project upload';
-            const expectedResult = {
-                stdout: 'success',
-                stderr: '',
-            };
-            mockExistsSync.mockReturnValue(true);
-            mockExecAsync.mockResolvedValue(expectedResult);
-            await runCommandInDir(mockDirectory, hsCommand);
-            expect(mockExecAsync).toHaveBeenCalledWith('npx -p @hubspot/cli@8.0.0 hs project upload --disable-usage-tracking "true"', expect.objectContaining({
-                cwd: mockResolvedPath,
-                env: expect.any(Object),
-            }));
-            // Restore original env
-            if (originalStandaloneEnv === undefined) {
-                delete process.env.HUBSPOT_MCP_STANDALONE;
-            }
-            else {
-                process.env.HUBSPOT_MCP_STANDALONE = originalStandaloneEnv;
-            }
-            if (originalVersionEnv === undefined) {
-                delete process.env.HUBSPOT_CLI_VERSION;
-            }
-            else {
-                process.env.HUBSPOT_CLI_VERSION = originalVersionEnv;
-            }
-        });
-        it('should use latest CLI version when HUBSPOT_CLI_VERSION is not set in standalone mode', async () => {
-            const originalStandaloneEnv = process.env.HUBSPOT_MCP_STANDALONE;
-            const originalVersionEnv = process.env.HUBSPOT_CLI_VERSION;
-            process.env.HUBSPOT_MCP_STANDALONE = 'true';
-            delete process.env.HUBSPOT_CLI_VERSION;
-            const hsCommand = 'hs project upload';
-            const expectedResult = {
-                stdout: 'success',
-                stderr: '',
-            };
-            mockExistsSync.mockReturnValue(true);
-            mockExecAsync.mockResolvedValue(expectedResult);
-            await runCommandInDir(mockDirectory, hsCommand);
-            expect(mockExecAsync).toHaveBeenCalledWith('npx -p @hubspot/cli hs project upload --disable-usage-tracking "true"', expect.objectContaining({
-                cwd: mockResolvedPath,
-                env: expect.any(Object),
-            }));
-            // Restore original env
-            if (originalStandaloneEnv === undefined) {
-                delete process.env.HUBSPOT_MCP_STANDALONE;
-            }
-            else {
-                process.env.HUBSPOT_MCP_STANDALONE = originalStandaloneEnv;
-            }
-            if (originalVersionEnv !== undefined) {
-                process.env.HUBSPOT_CLI_VERSION = originalVersionEnv;
-            }
-        });
     });
 });

package/mcp-server/utils/project.js

@@ -7,14 +7,6 @@ export async function runCommandInDir(directory, command) {
     }
     let finalCommand = command;
     if (command.startsWith('hs ')) {
-        // Check if running in standalone mode
-        if (process.env.HUBSPOT_MCP_STANDALONE === 'true') {
-            // Use pinned version if available, otherwise use latest
-            const cliPackage = process.env.HUBSPOT_CLI_VERSION
-                ? `@hubspot/cli@8.0.1-experimental.0`
-                : '@hubspot/cli';
-            finalCommand = command.replace(/^hs /, `npx -y -p ${cliPackage} hs `);
-        }
         finalCommand = addFlag(finalCommand, 'disable-usage-tracking', true);
     }
     return execAsync(finalCommand, {

package/package.json

@@ -1,16 +1,16 @@
 {
     "name": "@hubspot/cli",
-    "version": "8.0.1-experimental.0",
+    "version": "8.0.3-experimental.0",
     "description": "The official CLI for developing on HubSpot",
     "license": "Apache-2.0",
     "repository": "https://github.com/HubSpot/hubspot-cli",
     "type": "module",
     "dependencies": {
-        "@hubspot/cms-dev-server": "1.2.1",
+        "@hubspot/cms-dev-server": "1.2.16",
         "@hubspot/local-dev-lib": "5.1.1",
-        "@hubspot/project-parsing-lib": "0.11.2",
+        "@hubspot/project-parsing-lib": "0.12.0",
         "@hubspot/serverless-dev-runtime": "7.0.7",
-        "@hubspot/ui-extensions-dev-server": "1.1.3",
+        "@hubspot/ui-extensions-dev-server": "1.1.8",
         "@inquirer/prompts": "7.1.0",
         "@modelcontextprotocol/sdk": "1.25.0",
         "archiver": "7.0.1",
@@ -22,6 +22,8 @@
         "findup-sync": "4.0.0",
         "fs-extra": "8.1.0",
         "ink": "6.6.0",
+        "ink-spinner": "5.0.0",
+        "ink-text-input": "6.0.0",
         "js-yaml": "4.1.0",
         "minimatch": "10.0.1",
         "moment": "2.30.1",
@@ -80,7 +82,7 @@
         "list-all-commands": "yarn tsx ./scripts/get-all-commands.ts",
         "local-link": "hubspot-linking",
         "mcp-local": "yarn tsx ./scripts/mcp-local.ts",
-        "prettier:write": "prettier --write './**/*.{ts,js,json}'",
+        "prettier:write": "prettier --write './**/*.{ts,js,json,tsx}'",
         "release": "yarn tsx ./scripts/release.ts release",
         "sync-to-public": "yarn tsx ./scripts/sync-to-public.ts repo-sync",
         "ink-playground": "yarn build && yarn tsx ./scripts/ink-playground.ts",
@@ -115,5 +117,8 @@
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
+    },
+    "resolutions": {
+        "eslint-visitor-keys": "4.2.0"
     }
 }

package/types/LocalDev.d.ts

@@ -20,10 +20,6 @@ export type LocalDevStateConstructorOptions = {
     initialProjectProfileData: HSProfileVariables;
     env: Environment;
 };
-export type LocalDevWebsocketMessage = {
-    type: string;
-    data?: unknown;
-};
 export type LocalDevDeployWebsocketMessage = {
     type: typeof LOCAL_DEV_UI_MESSAGE_RECEIVE_TYPES.DEPLOY;
     data: {

package/ui/components/ActionSection.d.ts

@@ -0,0 +1,12 @@
+import { ValueOf } from '@hubspot/local-dev-lib/types/Utils';
+import { ACTION_STATUSES } from '../constants.js';
+type ActionStatus = ValueOf<typeof ACTION_STATUSES>;
+export type ActionSectionProps = {
+    status: ActionStatus;
+    statusText: string;
+    errorMessage?: string;
+    children?: React.ReactNode;
+};
+export declare function ActionSection({ status, statusText, errorMessage, children, }: ActionSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function getActionSection(props: ActionSectionProps): React.ReactNode;
+export {};

package/ui/components/ActionSection.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { ACTION_STATUSES } from '../constants.js';
+import { INK_COLORS } from '../styles.js';
+import { StatusIcon } from './StatusIcon.js';
+const LEFT_BORDER_BOX_PROPS = {
+    flexDirection: 'column',
+    borderStyle: 'single',
+    borderColor: INK_COLORS.GRAY,
+    borderLeft: true,
+    borderTop: false,
+    borderRight: false,
+    borderBottom: false,
+    paddingLeft: 2,
+    marginLeft: 1,
+};
+export function ActionSection({ status, statusText, errorMessage, children, }) {
+    if (status === ACTION_STATUSES.IDLE) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "row", columnGap: 1, children: [_jsx(StatusIcon, { status: status }), _jsx(Text, { children: statusText })] }), _jsxs(Box, { ...LEFT_BORDER_BOX_PROPS, children: [children, status === ACTION_STATUSES.ERROR && errorMessage && (_jsx(Text, { color: INK_COLORS.ALERT_RED, wrap: "wrap", children: errorMessage }))] })] }));
+}
+export function getActionSection(props) {
+    return _jsx(ActionSection, { ...props });
+}

package/ui/components/BoxWithTitle.d.ts

@@ -1,9 +1,11 @@
 export interface BoxWithTitleProps {
     title: string;
-    message: string;
+    message?: string;
     titleBackgroundColor?: string;
     borderColor?: string;
     textCentered?: boolean;
+    children?: React.ReactNode;
+    flexGrow?: number;
 }
 export declare function getBoxWithTitle(props: BoxWithTitleProps): React.ReactNode;
-export declare function BoxWithTitle({ title, message, titleBackgroundColor, borderColor, textCentered, }: BoxWithTitleProps): React.ReactNode;
+export declare function BoxWithTitle({ title, message, titleBackgroundColor, borderColor, textCentered, children, flexGrow, }: BoxWithTitleProps): React.ReactNode;

package/ui/components/BoxWithTitle.js

@@ -4,6 +4,6 @@ import { CONTAINER_STYLES } from '../styles.js';
 export function getBoxWithTitle(props) {
     return _jsx(BoxWithTitle, { ...props });
 }
-export function BoxWithTitle({ title, message, titleBackgroundColor, borderColor, textCentered, }) {
-    return (_jsxs(Box, { ...CONTAINER_STYLES, borderStyle: "round", borderColor: borderColor, alignSelf: "flex-start", children: [_jsx(Box, { position: "absolute", marginTop: -2, paddingX: 0, alignSelf: "flex-start", justifyContent: "center", alignItems: "center", children: _jsx(Text, { backgroundColor: titleBackgroundColor, bold: true, children: ` ${title} ` }) }), _jsx(Box, { flexDirection: "column", rowGap: 1, children: message?.split('\n\n').map((section, sectionIndex) => (_jsx(Box, { flexDirection: "column", alignItems: textCentered ? 'center' : 'flex-start', children: section.split('\n').map((line, lineIndex) => (_jsx(Text, { children: line }, `${sectionIndex}-${lineIndex}`))) }, sectionIndex))) })] }));
+export function BoxWithTitle({ title, message, titleBackgroundColor, borderColor, textCentered, children, flexGrow, }) {
+    return (_jsxs(Box, { ...CONTAINER_STYLES, flexGrow: flexGrow, borderStyle: "round", borderColor: borderColor, children: [_jsx(Box, { position: "absolute", marginTop: -2, paddingX: 0, alignSelf: "flex-start", justifyContent: "center", alignItems: "center", children: _jsx(Text, { backgroundColor: titleBackgroundColor, bold: true, children: ` ${title} ` }) }), _jsxs(Box, { flexDirection: "column", width: "100%", rowGap: 1, children: [message?.split('\n\n').map((section, sectionIndex) => (_jsx(Box, { flexDirection: "column", alignItems: textCentered ? 'center' : 'flex-start', children: section.split('\n').map((line, lineIndex) => (_jsx(Text, { children: line }, `${sectionIndex}-${lineIndex}`))) }, sectionIndex))), children] })] }));
 }

package/ui/components/FullScreen.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type FullScreenProps = {
+    children: React.ReactNode;
+};
+export declare function FullScreen({ children }: FullScreenProps): React.ReactNode;
+export declare function getFullScreen(props: FullScreenProps): React.ReactNode;

package/ui/components/FullScreen.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from 'ink';
+import { useTerminalSize } from '../lib/useTerminalSize.js';
+export function FullScreen({ children }) {
+    // Use rows - 1 to prevent flickering
+    // See: https://github.com/vadimdemedes/ink/issues/359
+    const { rows, columns } = useTerminalSize();
+    const height = rows - 1;
+    return (_jsx(Box, { flexDirection: "column", width: columns, height: height, overflow: "hidden", children: children }));
+}
+export function getFullScreen(props) {
+    return _jsx(FullScreen, { ...props });
+}

package/ui/components/InputField.d.ts

@@ -0,0 +1,10 @@
+export type InputFieldProps = {
+    flag: string;
+    prompt: string;
+    value: string;
+    isEditing: boolean;
+    onChange: (value: string) => void;
+    onSubmit: () => void;
+};
+export declare function InputField({ flag, prompt, value, isEditing, onChange, onSubmit, }: InputFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function getInputField(props: InputFieldProps): React.ReactNode;

package/ui/components/InputField.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import TextInput from 'ink-text-input';
+import { INK_COLORS } from '../styles.js';
+export function InputField({ flag, prompt, value, isEditing, onChange, onSubmit, }) {
+    return (_jsxs(Box, { flexDirection: "row", flexWrap: "wrap", columnGap: 1, marginBottom: 1, children: [_jsx(Text, { color: INK_COLORS.HUBSPOT_TEAL, children: "?" }), _jsxs(Text, { children: ["[--", flag, "] ", prompt] }), _jsx(Text, { color: INK_COLORS.INFO_BLUE, children: _jsx(TextInput, { focus: isEditing, value: value, onChange: onChange, onSubmit: onSubmit }) })] }));
+}
+export function getInputField(props) {
+    return _jsx(InputField, { ...props });
+}

package/ui/components/SelectInput.d.ts

@@ -0,0 +1,11 @@
+export type SelectInputItem = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export type SelectInputProps = {
+    items: SelectInputItem[];
+    onSelect: (item: SelectInputItem) => void;
+};
+export declare function SelectInput({ items, onSelect }: SelectInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function getSelectInput(props: SelectInputProps): React.ReactNode;

package/ui/components/SelectInput.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from 'ink';
+import { useState } from 'react';
+import { INK_COLORS } from '../styles.js';
+export function SelectInput({ items, onSelect }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    useInput((_, key) => {
+        if (key.upArrow) {
+            setSelectedIndex(prevIndex => {
+                let newIndex = prevIndex - 1;
+                if (newIndex < 0) {
+                    newIndex = items.length - 1;
+                }
+                // Skip disabled items
+                while (items[newIndex]?.disabled && newIndex !== prevIndex) {
+                    newIndex--;
+                    if (newIndex < 0) {
+                        newIndex = items.length - 1;
+                    }
+                }
+                return newIndex;
+            });
+        }
+        if (key.downArrow) {
+            setSelectedIndex(prevIndex => {
+                let newIndex = prevIndex + 1;
+                if (newIndex >= items.length) {
+                    newIndex = 0;
+                }
+                // Skip disabled items
+                while (items[newIndex]?.disabled && newIndex !== prevIndex) {
+                    newIndex++;
+                    if (newIndex >= items.length) {
+                        newIndex = 0;
+                    }
+                }
+                return newIndex;
+            });
+        }
+        if (key.return) {
+            const selectedItem = items[selectedIndex];
+            if (selectedItem && !selectedItem.disabled) {
+                onSelect(selectedItem);
+            }
+        }
+    });
+    return (_jsx(Box, { flexDirection: "column", children: items.map((item, index) => {
+            const isSelected = index === selectedIndex;
+            const isDisabled = item.disabled;
+            return (_jsxs(Box, { flexDirection: "row", columnGap: 1, children: [_jsx(Text, { color: isSelected ? INK_COLORS.INFO_BLUE : undefined, children: isSelected ? '❯' : ' ' }), _jsx(Text, { color: isDisabled
+                            ? INK_COLORS.GRAY
+                            : isSelected
+                                ? INK_COLORS.INFO_BLUE
+                                : undefined, dimColor: isDisabled, children: item.label })] }, item.value));
+        }) }));
+}
+export function getSelectInput(props) {
+    return _jsx(SelectInput, { ...props });
+}

package/ui/components/StatusIcon.d.ts

@@ -0,0 +1,9 @@
+import { ValueOf } from '@hubspot/local-dev-lib/types/Utils';
+import { ACTION_STATUSES } from '../constants.js';
+type ActionStatus = ValueOf<typeof ACTION_STATUSES>;
+export type StatusIconProps = {
+    status: ActionStatus;
+};
+export declare function StatusIcon({ status }: StatusIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function getStatusIcon(props: StatusIconProps): React.ReactNode;
+export {};

package/ui/components/StatusIcon.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+import Spinner from 'ink-spinner';
+import { ACTION_STATUSES } from '../constants.js';
+import { INK_COLORS } from '../styles.js';
+export function StatusIcon({ status }) {
+    if (status === ACTION_STATUSES.ERROR) {
+        return _jsx(Text, { color: INK_COLORS.ALERT_RED, children: "\u00D7" });
+    }
+    if (status === ACTION_STATUSES.DONE) {
+        return _jsx(Text, { color: INK_COLORS.HUBSPOT_TEAL, children: "\u2713" });
+    }
+    return (_jsx(Text, { color: INK_COLORS.HUBSPOT_TEAL, children: _jsx(Spinner, { type: "dots" }) }));
+}
+export function getStatusIcon(props) {
+    return _jsx(StatusIcon, { ...props });
+}

package/ui/components/getStarted/GetStartedFlow.d.ts

@@ -0,0 +1,8 @@
+export declare const DEFAULT_PROJECT_NAME = "my-project";
+export type GetStartedFlowProps = {
+    derivedAccountId: number;
+    initialName?: string;
+    initialDest?: string;
+};
+export declare function getGetStartedFlow(props: GetStartedFlowProps): React.ReactNode;
+export declare function GetStartedFlow({ derivedAccountId, initialName, initialDest, }: GetStartedFlowProps): import("react/jsx-runtime").JSX.Element;