@hubspot/cli 7.7.34-experimental.0 → 7.8.0-experimental.0

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

@@ -16,7 +16,7 @@ const inputSchema = {
 const inputSchemaZodObject = z.object({
     ...inputSchema,
 });
-const toolName = 'get-feature-config-schema';
+const toolName = 'get-hubspot-feature-config-schema';
 export class GetConfigValuesTool extends Tool {
     constructor(mcpServer) {
         super(mcpServer);

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

@@ -24,7 +24,7 @@ const inputSchema = {
 const inputSchemaZodObject = z.object({
     ...inputSchema,
 });
-const toolName = 'guided-walkthrough-cli';
+const toolName = 'guided-walkthrough-hubspot-cli';
 export class GuidedWalkthroughTool extends Tool {
     constructor(mcpServer) {
         super(mcpServer);

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

@@ -11,7 +11,7 @@ const inputSchema = {
 const inputSchemaZodObject = z.object({
     ...inputSchema,
 });
-const toolName = 'upload-project';
+const toolName = 'upload-hubspot-project';
 export class UploadProjectTools extends Tool {
     constructor(mcpServer) {
         super(mcpServer);
@@ -24,7 +24,7 @@ export class UploadProjectTools extends Tool {
     register() {
         return this.mcpServer.registerTool(toolName, {
             title: 'Upload HubSpot Project',
-            description: 'DO NOT run this tool unless the user specifies they would like to upload the project, it is potentially destructive. Uploads the HubSpot project in current working directory.  If the project does not exist, it will be created. MUST be ran from within the project directory.',
+            description: 'Uploads the HubSpot project in current working directory.  If the project does not exist, it will be created. MUST be ran from within the project directory. DO NOT run this tool unless the user specifies they would like to upload the project, it is potentially destructive',
             inputSchema,
         }, this.handler);
     }

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

@@ -9,7 +9,7 @@ const inputSchema = {
 };
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const inputSchemaZodObject = z.object({ ...inputSchema });
-const toolName = 'validate-project';
+const toolName = 'validate-hubspot-project';
 export class ValidateProjectTool extends Tool {
     constructor(mcpServer) {
         super(mcpServer);

package/mcp-server/tools/project/__tests__/AddFeatureToProjectTool.test.js

@@ -28,7 +28,7 @@ describe('mcp-server/tools/project/AddFeatureToProject', () => {
     describe('register', () => {
         it('should register tool with correct parameters', () => {
             const result = tool.register();
-            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('add-feature-to-project', expect.objectContaining({
+            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('add-feature-to-hubspot-project', expect.objectContaining({
                 title: 'Add feature to HubSpot Project',
                 description: expect.stringContaining('Adds a feature to an existing HubSpot project'),
                 inputSchema: expect.any(Object),

package/mcp-server/tools/project/__tests__/CreateProjectTool.test.js

@@ -29,7 +29,7 @@ describe('mcp-server/tools/project/CreateProjectTool', () => {
     describe('register', () => {
         it('should register tool with correct parameters', () => {
             const result = tool.register();
-            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('create-project', {
+            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('create-hubspot-project', {
                 title: 'Create HubSpot Project',
                 description: 'Creates a HubSpot project with the provided name and outputs it in the provided destination',
                 inputSchema: expect.any(Object),

package/mcp-server/tools/project/__tests__/DeployProjectTool.test.js

@@ -26,7 +26,7 @@ describe('mcp-server/tools/project/DeployProject', () => {
     describe('register', () => {
         it('should register tool with correct parameters', () => {
             const result = tool.register();
-            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('deploy-project', {
+            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('deploy-hubspot-project', {
                 title: 'Deploy a build of HubSpot Project',
                 description: expect.stringContaining('Takes a build number and a project name and deploys that build of the project'),
                 inputSchema: expect.any(Object),

package/mcp-server/tools/project/__tests__/DocFetchTool.test.js

@@ -24,9 +24,9 @@ describe('mcp-server/tools/project/DocFetchTool', () => {
     describe('register', () => {
         it('should register tool with correct parameters', () => {
             const result = tool.register();
-            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('fetch-doc', {
+            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('fetch-hubspot-doc', {
                 title: 'Fetch HubSpot Developer Documentation (single file)',
-                description: 'Always use this immediately after `search-docs` and before creating a plan, writing code, or answering technical questions. This tool retrieves the full, authoritative content of a HubSpot Developer Documentation page from its URL, ensuring responses are accurate, up-to-date, and grounded in the official docs.',
+                description: 'Always use this immediately after `search-hubspot-docs` and before creating a plan, writing code, or answering technical questions. This tool retrieves the full, authoritative content of a HubSpot Developer Documentation page from its URL, ensuring responses are accurate, up-to-date, and grounded in the official docs.',
                 inputSchema: expect.any(Object),
             }, tool.handler);
             expect(result).toBe(mockRegisteredTool);

package/mcp-server/tools/project/__tests__/DocsSearchTool.test.js

@@ -27,9 +27,9 @@ describe('mcp-server/tools/project/DocsSearchTool', () => {
     describe('register', () => {
         it('should register tool with correct parameters', () => {
             const result = tool.register();
-            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('search-docs', {
+            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('search-hubspot-docs', {
                 title: 'Search HubSpot Developer Documentation',
-                description: 'Use this first whenever you need details about HubSpot APIs, SDKs, integrations, or developer platform features. This searches the official HubSpot Developer Documentation and returns the most relevant pages, each with a URL for use in `fetch-doc`. Always follow this with a fetch to get the full, authoritative content before making plans or writing answers.',
+                description: 'Use this first whenever you need details about HubSpot APIs, SDKs, integrations, or developer platform features. This searches the official HubSpot Developer Documentation and returns the most relevant pages, each with a URL for use in `fetch-hubspot-doc`. Always follow this with a fetch to get the full, authoritative content before making plans or writing answers.',
                 inputSchema: expect.any(Object),
             }, tool.handler);
             expect(result).toBe(mockRegisteredTool);

package/mcp-server/tools/project/__tests__/GetConfigValuesTool.test.js

@@ -25,7 +25,7 @@ describe('mcp-server/tools/project/GetConfigValuesTool', () => {
     describe('register', () => {
         it('should register tool with correct parameters', () => {
             const result = tool.register();
-            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('get-feature-config-schema', {
+            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('get-hubspot-feature-config-schema', {
                 title: 'Fetch the JSON Schema for component',
                 description: expect.stringContaining('Fetches and returns the JSON schema for the provided feature'),
                 inputSchema: expect.objectContaining({

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

@@ -21,7 +21,7 @@ describe('mcp-server/tools/project/GuidedWalkthroughTool', () => {
     describe('register', () => {
         it('should register tool with correct parameters', () => {
             const result = tool.register();
-            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('guided-walkthrough-cli', {
+            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('guided-walkthrough-hubspot-cli', {
                 title: 'Guided walkthrough of the CLI',
                 description: 'Give the user a guided walkthrough of the HubSpot CLI.',
                 inputSchema: expect.any(Object),

package/mcp-server/tools/project/__tests__/UploadProjectTools.test.js

@@ -21,7 +21,7 @@ describe('mcp-server/tools/project/UploadProjectTools', () => {
     describe('register', () => {
         it('should register tool with correct parameters', () => {
             const result = tool.register();
-            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('upload-project', {
+            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('upload-hubspot-project', {
                 title: 'Upload HubSpot Project',
                 description: expect.stringContaining('Uploads the HubSpot project in current working directory.'),
                 inputSchema: expect.any(Object),

package/mcp-server/tools/project/__tests__/ValidateProjectTool.test.js

@@ -21,7 +21,7 @@ describe('mcp-server/tools/project/ValidateProjectTool', () => {
     describe('register', () => {
         it('should register tool with correct parameters', () => {
             const result = tool.register();
-            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('validate-project', {
+            expect(mockMcpServer.registerTool).toHaveBeenCalledWith('validate-hubspot-project', {
                 title: expect.stringContaining('Validate HubSpot Project'),
                 description: expect.stringContaining('Validates the HubSpot project and its configuration files.'),
                 inputSchema: expect.any(Object),

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

@@ -1,6 +1,6 @@
 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<[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">]>, "many">>;
+export declare const features: z.ZodOptional<z.ZodArray<z.ZodUnion<[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<"scim">]>, "many">>;
 export declare const docsSearchQuery: z.ZodString;
 export declare const docUrl: z.ZodString;

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

@@ -9,18 +9,12 @@ 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('app-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('workflow-action'),
+    z.literal('workflow-action-tool'),
     z.literal('app-object'),
-    z.literal('app-event'),
     z.literal('scim'),
-    z.literal('page'),
 ]))
     .describe('The features to include in the project, multiple options can be selected')
     .optional();

package/package.json

@@ -1,16 +1,17 @@
 {
     "name": "@hubspot/cli",
-    "version": "7.7.34-experimental.0",
+    "version": "7.8.0-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/local-dev-lib": "3.18.0",
-        "@hubspot/project-parsing-lib": "0.8.3",
+        "@hubspot/project-parsing-lib": "0.8.2",
         "@hubspot/serverless-dev-runtime": "7.0.6",
         "@hubspot/theme-preview-dev-server": "0.0.10",
         "@hubspot/ui-extensions-dev-server": "0.9.8",
+        "@inkjs/ui": "^2.0.0",
         "archiver": "7.0.1",
         "boxen": "8.0.1",
         "chalk": "5.4.1",
@@ -18,9 +19,12 @@
         "cli-cursor": "3.1.0",
         "cli-progress": "3.12.0",
         "express": "4.21.2",
+        "figlet": "^1.8.2",
+        "figures": "^6.1.0",
         "findup-sync": "4.0.0",
         "fs-extra": "8.1.0",
         "ink": "5.2.1",
+        "ink-link": "^4.1.0",
         "inquirer": "12.7.0",
         "js-yaml": "4.1.0",
         "moment": "2.30.1",
@@ -39,6 +43,7 @@
         "@types/archiver": "^6.0.3",
         "@types/cli-progress": "^3.11.6",
         "@types/express": "^5.0.0",
+        "@types/figlet": "^1.7.0",
         "@types/findup-sync": "^4.0.5",
         "@types/fs-extra": "^11.0.4",
         "@types/inquirer": "^9.0.8",

package/types/Yargs.d.ts

@@ -15,7 +15,7 @@ export type AccountArgs = {
     account?: string;
 };
 export type EnvironmentArgs = {
-    'use-env'?: boolean;
+    'use-env'?: string;
 };
 export type OverwriteArgs = Options & {
     o?: boolean;

package/ui/components/Ascii.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import figlet from 'figlet';
+type AsciiProps = {
+    font?: figlet.Fonts;
+    horizontalLayout?: figlet.KerningMethods;
+    verticalLayout?: figlet.KerningMethods;
+    text?: string;
+};
+export declare function Ascii({ font, horizontalLayout, verticalLayout, text, }: AsciiProps): React.ReactNode;
+export default Ascii;

package/ui/components/Ascii.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import figlet from 'figlet';
+import { Box, Text } from 'ink';
+export function Ascii({ font = 'Slant Relief', horizontalLayout = 'default', verticalLayout = 'default', text = '', }) {
+    return (_jsx(Box, { alignSelf: "center", children: _jsx(Text, { color: "#FF7A59", children: figlet.textSync(text, {
+                font,
+                horizontalLayout,
+                verticalLayout,
+            }) }) }));
+}
+export default Ascii;

package/ui/components/HorizontalSelectPrompt.js

@@ -26,5 +26,5 @@ export function HorizontalSelectPrompt({ defaultOption, options, onSelect, promp
             onSelect(options[selectedIndex]);
         }
     });
-    return (_jsxs(Box, { ...CONTAINER_STYLES, flexDirection: "column", marginTop: 1, width: "100%", alignSelf: "center", justifyContent: "center", children: [prompt && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: prompt }) })), _jsx(Box, { flexDirection: "row", justifyContent: "center", flexWrap: "wrap", width: "100%", gap: 1, children: options.map((option, index) => (_jsx(Box, { children: _jsx(Text, { backgroundColor: index === selectedIndex ? INK_COLORS.INFO_BLUE : undefined, bold: index === selectedIndex, children: ` ${option} ` }) }, index))) }), _jsx(Box, { marginTop: 1, alignSelf: "center", justifyContent: "center", children: _jsx(Text, { dimColor: true, children: "Use arrow keys to navigate, Enter to select" }) })] }));
+    return (_jsxs(Box, { ...CONTAINER_STYLES, flexDirection: "column", marginTop: 1, width: "100%", justifyContent: "flex-start", children: [prompt && (_jsx(Box, { marginBottom: 1, alignSelf: "flex-start", children: _jsx(Text, { children: prompt }) })), _jsx(Box, { flexDirection: "row", justifyContent: "flex-start", flexWrap: "wrap", width: "100%", gap: 1, children: options.map((option, index) => (_jsx(Box, { children: _jsx(Text, { backgroundColor: index === selectedIndex ? INK_COLORS.INFO_BLUE : undefined, bold: index === selectedIndex, children: ` ${option} ` }) }, index))) }), _jsx(Box, { marginTop: 1, alignSelf: "flex-start", justifyContent: "flex-start", children: _jsx(Text, { dimColor: true, children: "Use arrow keys to navigate, Enter to select" }) })] }));
 }

package/ui/views/GetStarted.d.ts

@@ -0,0 +1,7 @@
+import { ArgumentsCamelCase } from 'yargs';
+import { GetStartedArgs } from '../../commands/getStarted.js';
+export type GetStartedProps = {
+    args: ArgumentsCamelCase<GetStartedArgs>;
+};
+export declare function getGetStarted(props: GetStartedProps): React.ReactNode;
+export declare function GetStarted({ args }: GetStartedProps): React.ReactNode;

package/ui/views/GetStarted.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import fs from 'fs-extra';
+import { useTerminalSize } from '../lib/useTerminalSize.js';
+import { uiAccountDescription } from '../../lib/ui/index.js';
+import { Box, Text } from 'ink';
+import figures from 'figures';
+import { AlertBox, InfoBox, } from '../components/StatusMessageBoxes.js';
+import { commands } from '../../lang/en.js';
+import Ascii from '../components/Ascii.js';
+import { HorizontalSelectPrompt } from '../components/HorizontalSelectPrompt.js';
+import { INK_COLORS } from '../styles.js';
+import { TextInput, Spinner, ConfirmInput, ThemeProvider, extendTheme, defaultTheme, Badge, } from '@inkjs/ui';
+import { getCwd } from '@hubspot/local-dev-lib/path';
+import path from 'path';
+import { cloneGithubRepo } from '@hubspot/local-dev-lib/github';
+import { HUBSPOT_PROJECT_COMPONENTS_GITHUB_PATH, PROJECT_CONFIG_FILE, } from '../../lib/constants.js';
+import { getProjectConfig, validateProjectConfig, writeProjectConfig, } from '../../lib/projects/config.js';
+import { getProjectPackageJsonLocations, installPackages, } from '../../lib/dependencyManagement.js';
+import { handleProjectUpload } from '../../lib/projects/upload.js';
+import { useV3Api } from '../../lib/projects/platformVersion.js';
+import { pollProjectBuildAndDeploy } from '../../lib/projects/pollProjectBuildAndDeploy.js';
+import { getProjectBuildDetailUrl, getProjectDeployDetailUrl, } from '../../lib/projects/urls.js';
+import { BoxWithTitle } from '../components/BoxWithTitle.js';
+export function getGetStarted(props) {
+    return _jsx(GetStarted, { ...props });
+}
+const customTheme = extendTheme(defaultTheme, {
+    components: {
+        Spinner: {
+            styles: {
+                frame: () => ({
+                    color: '#FF7A59',
+                }),
+            },
+        },
+    },
+});
+export function GetStarted({ args }) {
+    const { derivedAccountId } = args;
+    const toolTips = [
+        'Run hs doctor to diagnose common cli installation problems',
+        'Use hs project add to quickly add new features to your project',
+        'Unified apps are coming to the cli soon',
+        'Use hs test-account create to create and seed test accounts',
+    ];
+    const accountName = uiAccountDescription(derivedAccountId);
+    const { columns, rows } = useTerminalSize();
+    const templateSource = 'robrown-hubspot/hubspot-project-components-ua-app-objects-beta';
+    const projectTemplate = {
+        name: 'private-app-get-started-template',
+        label: 'CRM getting started project with private apps',
+        path: 'projects/private-app-get-started-template',
+    };
+    const repo = templateSource || HUBSPOT_PROJECT_COMPONENTS_GITHUB_PATH;
+    const cloneRepo = async () => {
+        await cloneGithubRepo(repo, projectSource, {
+            sourceDir: projectTemplate.path,
+            tag: undefined,
+            hideLogs: true,
+        });
+        setIsCloned(true);
+    };
+    const [projectType, setProjectType] = useState('');
+    const [showProjectTypeError, setShowProjectTypeError] = useState(false);
+    const [projectName, setProjectName] = useState('');
+    const [projectSource, setProjectSource] = useState('');
+    const [isCloned, setIsCloned] = useState(false);
+    const [isConfigUpdated, setIsConfigUpdated] = useState(false);
+    const [areDepsInstalled, setAreDepsInstalled] = useState(false);
+    const [isUploading, setIsUploading] = useState(null);
+    const [isUploaded, setIsUploaded] = useState(false);
+    const [projectPollResult, setProjectPollResult] = useState(null);
+    useEffect(() => {
+        if (projectType === 'CMS') {
+            setShowProjectTypeError(true);
+        }
+        else {
+            setShowProjectTypeError(false);
+        }
+    }, [projectType]);
+    const updateProjectConfig = () => {
+        const projectConfigPath = path.join(projectSource, PROJECT_CONFIG_FILE);
+        const parsedConfigFile = JSON.parse(fs.readFileSync(projectConfigPath).toString());
+        writeProjectConfig(projectConfigPath, {
+            ...parsedConfigFile,
+            name: projectName,
+        });
+        setIsConfigUpdated(true);
+    };
+    const installDeps = async () => {
+        const installLocations = await getProjectPackageJsonLocations(projectSource);
+        await installPackages({
+            installLocations: installLocations,
+        });
+        setAreDepsInstalled(true);
+    };
+    useEffect(() => {
+        if (projectSource && !isCloned) {
+            setTimeout(() => {
+                cloneRepo();
+            }, 500);
+        }
+        if (projectSource && isCloned) {
+            setTimeout(() => {
+                updateProjectConfig();
+            }, 500);
+        }
+    }, [projectSource, isCloned]);
+    useEffect(() => {
+        if (isConfigUpdated && !areDepsInstalled) {
+            setTimeout(() => {
+                installDeps();
+            }, 500);
+        }
+    }, [isConfigUpdated]);
+    const uploadProject = async () => {
+        const { projectConfig: newProjectConfig, projectDir: newProjectDir } = await getProjectConfig(projectSource);
+        validateProjectConfig(newProjectConfig, newProjectDir);
+        const { result, uploadError } = await handleProjectUpload({
+            accountId: derivedAccountId,
+            projectConfig: newProjectConfig,
+            projectDir: newProjectDir,
+            callbackFunc: pollProjectBuildAndDeploy,
+            uploadMessage: 'Initial upload from get-started command',
+            forceCreate: true, // Auto-create project on HubSpot
+            isUploadCommand: false,
+            sendIR: useV3Api(newProjectConfig.platformVersion),
+            skipValidation: false,
+        });
+        if (result) {
+            setIsUploaded(true);
+            setProjectPollResult(result);
+        }
+    };
+    const [toolTipIndex, setToolTipIndex] = useState(0);
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setToolTipIndex(prevIndex => (prevIndex + 1) % toolTips.length);
+        }, 5000);
+        return () => clearInterval(interval);
+    }, []);
+    useEffect(() => {
+        if (isUploading === true) {
+            setTimeout(() => {
+                uploadProject();
+            }, 500);
+        }
+    }, [isUploading]);
+    return (_jsx(ThemeProvider, { theme: customTheme, children: _jsxs(Box, { flexDirection: "column", width: columns, height: rows, children: [_jsx(Ascii, { text: "HubSpot CLI", font: "Standard" }), _jsx(InfoBox, { title: commands.getStarted.startTitle, message: commands.getStarted.startDescription +
+                        '\n' +
+                        commands.getStarted.guideOverview(accountName) }), projectType !== 'App' && (_jsxs(Box, { flexDirection: "column", gap: 0, children: [_jsx(HorizontalSelectPrompt, { prompt: commands.getStarted.prompts.selectOption, options: ['App', 'CMS'], onSelect: setProjectType, defaultOption: 'App' }), showProjectTypeError && (_jsx(AlertBox, { title: "Bad Choice", message: "I didn't hook up the CMS flow for this demo" }))] })), projectType === 'App' && (_jsx(_Fragment, { children: _jsxs(Box, { flexDirection: "column", padding: 1, gap: 1, borderStyle: "round", borderColor: "#FF7A59", children: [_jsxs(Box, { flexDirection: "row", width: "100%", gap: 1, children: [_jsxs(Box, { flexDirection: "row", flexBasis: "50%", gap: 1, children: [_jsx(Text, { color: "#FF7A59", children: "Project Name:" }), projectName === '' ? (_jsx(TextInput, { placeholder: "give your project a name", onSubmit: setProjectName })) : (_jsx(Text, { children: projectName }))] }), _jsxs(Box, { flexDirection: "row", flexBasis: "50%", gap: 1, children: [_jsx(Text, { color: "#FF7A59", children: "Project Source:" }), projectSource === '' && projectName !== '' ? (_jsx(TextInput, { defaultValue: path.resolve(getCwd(), projectName), placeholder: path.resolve(getCwd(), projectName), onSubmit: setProjectSource })) : (_jsx(Text, { children: projectSource }))] })] }), projectSource && (_jsx(Box, { flexDirection: "row", width: "100%", gap: 1, children: isCloned ? (_jsxs(Text, { color: INK_COLORS.SUCCESS_GREEN, children: [figures.tick, " Project downloaded"] })) : (_jsx(Spinner, { type: "dots", label: "Downloading project" })) })), projectSource && isCloned && (_jsx(Box, { flexDirection: "row", width: "100%", gap: 1, children: isConfigUpdated ? (_jsxs(Text, { color: INK_COLORS.SUCCESS_GREEN, children: [figures.tick, " Project config updated"] })) : (_jsx(Spinner, { type: "dots", label: "Updating project config" })) })), isConfigUpdated && (_jsxs(Box, { flexDirection: "column", width: "100%", gap: 0, children: [_jsxs(Box, { flexDirection: "row", width: "100%", gap: 1, children: [_jsx(Badge, { color: INK_COLORS.SUCCESS_GREEN, children: "Success" }), _jsx(Text, { children: commands.project.create.logs.success(projectName, projectSource) })] }), _jsx(Text, { children: commands.getStarted.prompts.projectCreated.title }), _jsx(Text, { children: commands.getStarted.prompts.projectCreated.description })] })), isConfigUpdated && (_jsx(Box, { flexDirection: "row", width: "100%", gap: 1, children: areDepsInstalled ? (_jsxs(Text, { color: INK_COLORS.SUCCESS_GREEN, children: [figures.tick, " Project dependencies installed"] })) : (_jsx(Spinner, { type: "dots", label: "Installing project dependencies" })) })), areDepsInstalled && isUploading === null && (_jsxs(Box, { flexDirection: "row", width: "100%", gap: 1, children: [_jsx(Text, { color: INK_COLORS.WARNING_YELLOW, children: "Would you like to upload your project to HubSpot?" }), isUploading === null ? (_jsx(ConfirmInput, { onConfirm: () => {
+                                            setIsUploading(true);
+                                        }, onCancel: () => {
+                                            setIsUploading(false);
+                                        } })) : (_jsx(Text, { color: INK_COLORS.SUCCESS_GREEN, children: isUploading }))] })), isUploading === true && (_jsx(Box, { flexDirection: "row", width: "100%", gap: 1, children: isUploaded ? (_jsxs(Text, { color: INK_COLORS.SUCCESS_GREEN, children: [figures.tick, " Project uploaded, built, and deployed"] })) : (_jsx(Spinner, { type: "dots", label: "Uploading, building, and deploying project" })) })), projectPollResult && (_jsxs(Box, { flexDirection: "column", width: "100%", gap: 1, children: [_jsxs(Box, { flexDirection: "row", alignSelf: "center", width: "100%", gap: 1, children: [_jsx(Text, { color: "#FF7A59", children: "View build in HubSpot:" }), _jsx(Text, { color: INK_COLORS.INFO_BLUE, children: getProjectBuildDetailUrl(projectName, projectPollResult.buildId, derivedAccountId) })] }), _jsxs(Box, { flexDirection: "row", alignSelf: "center", width: "100%", gap: 1, children: [_jsx(Text, { color: "#FF7A59", children: "View deploy in HubSpot:" }), _jsx(Text, { color: INK_COLORS.INFO_BLUE, children: getProjectDeployDetailUrl(projectName, projectPollResult.deployResult?.deployId || 0, derivedAccountId) })] })] }))] }) })), _jsx(BoxWithTitle, { title: "Tips", message: toolTips[toolTipIndex], borderColor: "gray" })] }) }));
+}

package/commands/app/__tests__/install.test.d.ts

@@ -1 +0,0 @@
-export {};

package/commands/app/__tests__/install.test.js

@@ -1,47 +0,0 @@
-import yargs from 'yargs';
-import { addAccountOptions, addConfigOptions, addUseEnvironmentOptions, addGlobalOptions, addJSONOutputOptions, } from '../../../lib/commonOpts.js';
-import installCommand from '../install.js';
-vi.mock('../../../lib/commonOpts');
-describe('commands/app/install', () => {
-    const yargsMock = yargs;
-    describe('command', () => {
-        it('should have the correct command structure', () => {
-            expect(installCommand.command).toEqual('install <test-account-id>');
-        });
-    });
-    describe('describe', () => {
-        it('should provide a description', () => {
-            expect(installCommand.describe).not.toBeDefined();
-        });
-    });
-    describe('builder', () => {
-        it('should support the correct options', () => {
-            installCommand.builder(yargsMock);
-            expect(addGlobalOptions).toHaveBeenCalledTimes(1);
-            expect(addGlobalOptions).toHaveBeenCalledWith(yargsMock);
-            expect(addAccountOptions).toHaveBeenCalledTimes(1);
-            expect(addAccountOptions).toHaveBeenCalledWith(yargsMock);
-            expect(addConfigOptions).toHaveBeenCalledTimes(1);
-            expect(addConfigOptions).toHaveBeenCalledWith(yargsMock);
-            expect(addUseEnvironmentOptions).toHaveBeenCalledTimes(1);
-            expect(addUseEnvironmentOptions).toHaveBeenCalledWith(yargsMock);
-            expect(addJSONOutputOptions).toHaveBeenCalledTimes(1);
-            expect(addJSONOutputOptions).toHaveBeenCalledWith(yargsMock);
-            expect(yargsMock.positional).toHaveBeenCalledTimes(1);
-            expect(yargsMock.positional).toHaveBeenCalledWith('test-account-id', expect.objectContaining({
-                type: 'number',
-                required: true,
-                describe: expect.any(String),
-            }));
-            expect(yargsMock.option).toHaveBeenCalledTimes(2);
-            expect(yargsMock.option).toHaveBeenCalledWith('app-uid', expect.objectContaining({
-                type: 'string',
-                describe: expect.any(String),
-            }));
-            expect(yargsMock.option).toHaveBeenCalledWith('project-name', expect.objectContaining({
-                type: 'string',
-                describe: expect.any(String),
-            }));
-        });
-    });
-});

package/commands/app/install.d.ts

@@ -1,8 +0,0 @@
-import { CommonArgs, ConfigArgs, AccountArgs, EnvironmentArgs, YargsCommandModule, JSONOutputArgs } from '../../types/Yargs.js';
-type InstallAppArgs = CommonArgs & ConfigArgs & AccountArgs & EnvironmentArgs & JSONOutputArgs & {
-    appUid?: string;
-    projectName?: string;
-    testAccountId: number;
-};
-declare const installAppCommand: YargsCommandModule<unknown, InstallAppArgs>;
-export default installAppCommand;

package/commands/app/install.js

@@ -1,122 +0,0 @@
-import { fetchDeveloperTestAccountOauthAppInstallStatus, installOauthAppIntoDeveloperTestAccount, } from '@hubspot/local-dev-lib/api/developerTestAccounts';
-import { trackCommandUsage } from '../../lib/usageTracking.js';
-import { commands } from '../../lang/en.js';
-import { EXIT_CODES } from '../../lib/enums/exitCodes.js';
-import { makeYargsBuilder } from '../../lib/yargsUtils.js';
-import { APP_AUTH_TYPES } from '../../lib/constants.js';
-import { uiLogger } from '../../lib/ui/logger.js';
-import SpinniesManager from '../../lib/ui/SpinniesManager.js';
-import { poll } from '../../lib/polling.js';
-import { getProjectConfig, validateProjectConfig, } from '../../lib/projects/config.js';
-import { handleTranslate } from '../../lib/projects/upload.js';
-import { isAppIRNode } from '../../lib/projects/structure.js';
-import { logError } from '../../lib/errorHandlers/index.js';
-const command = 'install <test-account-id>';
-const describe = undefined; // commands.app.subcommands.install.describe;
-async function handler(args) {
-    const { derivedAccountId, appUid, projectName, testAccountId, formatOutputAsJson, } = args;
-    trackCommandUsage('app-install', {}, derivedAccountId);
-    const jsonOutput = {};
-    let targetProjectName = projectName;
-    let targetAppUid = appUid;
-    const { projectConfig, projectDir } = await getProjectConfig();
-    if (!targetProjectName) {
-        validateProjectConfig(projectConfig, projectDir);
-        targetProjectName = projectConfig?.name;
-    }
-    if (!targetProjectName) {
-        uiLogger.error(commands.app.subcommands.install.errors.mustSpecifyProjectName);
-        process.exit(EXIT_CODES.ERROR);
-    }
-    let isAppOauth = true;
-    if (!targetAppUid) {
-        const intermediateRepresentation = await handleTranslate(projectDir, projectConfig, derivedAccountId, true, undefined);
-        if (intermediateRepresentation) {
-            Object.values(intermediateRepresentation.intermediateNodesIndexedByUid).forEach(node => {
-                if (isAppIRNode(node)) {
-                    targetAppUid = node.uid;
-                    isAppOauth = node.config.auth.type === APP_AUTH_TYPES.OAUTH;
-                }
-            });
-        }
-    }
-    if (!targetAppUid) {
-        uiLogger.error(commands.app.subcommands.install.errors.noAppUidFound);
-        process.exit(EXIT_CODES.ERROR);
-    }
-    if (!isAppOauth) {
-        uiLogger.error(commands.app.subcommands.install.errors.appMustBeOauth);
-        process.exit(EXIT_CODES.ERROR);
-    }
-    try {
-        const { data } = await installOauthAppIntoDeveloperTestAccount(derivedAccountId, testAccountId, targetProjectName, targetAppUid);
-        if (data?.authCodes.length > 0) {
-            jsonOutput.authCode = data.authCodes[0].authCode;
-        }
-    }
-    catch (err) {
-        logError(err);
-        process.exit(EXIT_CODES.ERROR);
-    }
-    SpinniesManager.init({
-        succeedColor: 'white',
-    });
-    SpinniesManager.add('installApp', {
-        text: commands.app.subcommands.install.polling.start,
-    });
-    let appInstallSucceeded = false;
-    try {
-        await poll(() => fetchDeveloperTestAccountOauthAppInstallStatus(derivedAccountId, targetProjectName, targetAppUid), {
-            successStates: ['SUCCESS'],
-            errorStates: [],
-        });
-        appInstallSucceeded = true;
-    }
-    catch (err) {
-        SpinniesManager.fail('installApp');
-        logError(err);
-        process.exit(EXIT_CODES.ERROR);
-    }
-    if (!appInstallSucceeded) {
-        SpinniesManager.fail('installApp');
-        process.exit(EXIT_CODES.ERROR);
-    }
-    SpinniesManager.succeed('installApp', {
-        text: commands.app.subcommands.install.polling.success,
-    });
-    if (formatOutputAsJson) {
-        uiLogger.json(jsonOutput);
-    }
-    process.exit(EXIT_CODES.SUCCESS);
-}
-function installAppBuilder(yargs) {
-    yargs.positional('test-account-id', {
-        describe: commands.app.subcommands.install.positionals.testAccountId,
-        required: true,
-        type: 'number',
-    });
-    yargs.option('app-uid', {
-        describe: commands.app.subcommands.install.options.appUid,
-        type: 'string',
-    });
-    yargs.option('project-name', {
-        describe: commands.app.subcommands.install.options.projectName,
-        type: 'string',
-    });
-    yargs.example('install 1234567890 --app-uid=my-app-uid --project-name=my-project', commands.app.subcommands.install.example);
-    return yargs;
-}
-const builder = makeYargsBuilder(installAppBuilder, command, commands.app.subcommands.install.describe, {
-    useGlobalOptions: true,
-    useAccountOptions: true,
-    useConfigOptions: true,
-    useEnvironmentOptions: true,
-    useJSONOutputOptions: true,
-});
-const installAppCommand = {
-    command,
-    describe,
-    handler,
-    builder,
-};
-export default installAppCommand;