@hubspot/cli 7.8.0-experimental.0 → 7.8.0

package/lib/middleware/utils.js

@@ -1,14 +0,0 @@
-export function isTargetedCommand(commandParts, targetCommandMap) {
-    const currentCommand = commandParts[0];
-    if (!targetCommandMap[currentCommand]) {
-        return false;
-    }
-    if (targetCommandMap[currentCommand].target) {
-        return true;
-    }
-    const subCommands = targetCommandMap[currentCommand].subCommands || {};
-    if (commandParts.length > 1) {
-        return isTargetedCommand(commandParts.slice(1), subCommands);
-    }
-    return false;
-}

package/lib/projects/localDev/DevServerManagerV2.d.ts

@@ -1,22 +0,0 @@
-import LocalDevState from './LocalDevState.js';
-import LocalDevLogger from './LocalDevLogger.js';
-type DevServerManagerV2ConstructorOptions = {
-    localDevState: LocalDevState;
-    logger: LocalDevLogger;
-};
-declare class DevServerManagerV2 {
-    private initialized;
-    private started;
-    private devServers;
-    private localDevState;
-    constructor(options: DevServerManagerV2ConstructorOptions);
-    private iterateDevServers;
-    setup(): Promise<void>;
-    start(): Promise<void>;
-    fileChange({ filePath, event, }: {
-        filePath: string;
-        event: string;
-    }): Promise<void>;
-    cleanup(): Promise<void>;
-}
-export default DevServerManagerV2;

package/lib/projects/localDev/DevServerManagerV2.js

@@ -1,81 +0,0 @@
-import { logger } from '@hubspot/local-dev-lib/logger';
-import { startPortManagerServer, stopPortManagerServer, } from '@hubspot/local-dev-lib/portManager';
-import { getHubSpotApiOrigin, getHubSpotWebsiteOrigin, } from '@hubspot/local-dev-lib/urls';
-import { getAccountConfig } from '@hubspot/local-dev-lib/config';
-import AppDevModeInterface from './AppDevModeInterface.js';
-import { lib } from '../../../lang/en.js';
-class DevServerManagerV2 {
-    initialized;
-    started;
-    devServers;
-    localDevState;
-    constructor(options) {
-        this.initialized = false;
-        this.started = false;
-        this.localDevState = options.localDevState;
-        const AppsDevServer = new AppDevModeInterface({
-            localDevState: options.localDevState,
-            localDevLogger: options.logger,
-        });
-        this.devServers = [AppsDevServer];
-    }
-    async iterateDevServers(callback) {
-        await Promise.all(this.devServers.map(devServer => callback(devServer)));
-    }
-    async setup() {
-        let env;
-        const accountConfig = getAccountConfig(this.localDevState.targetTestingAccountId);
-        if (accountConfig) {
-            env = accountConfig.env;
-        }
-        await startPortManagerServer();
-        await this.iterateDevServers(async (serverInterface) => {
-            if (serverInterface.setup) {
-                // @TODO: In the future, update UIE Dev Server to use LocalDevState
-                await serverInterface.setup({
-                    components: this.localDevState.projectNodes,
-                    profileData: this.localDevState.projectProfileData,
-                    logger,
-                    urls: {
-                        api: getHubSpotApiOrigin(env),
-                        web: getHubSpotWebsiteOrigin(env),
-                    },
-                });
-            }
-        });
-        this.initialized = true;
-    }
-    async start() {
-        if (this.initialized) {
-            await this.iterateDevServers(async (serverInterface) => {
-                if (serverInterface.start) {
-                    await serverInterface.start();
-                }
-            });
-        }
-        else {
-            throw new Error(lib.DevServerManager.notInitialized);
-        }
-        this.started = true;
-    }
-    async fileChange({ filePath, event, }) {
-        if (this.started) {
-            this.iterateDevServers(async (serverInterface) => {
-                if (serverInterface.fileChange) {
-                    await serverInterface.fileChange(filePath, event);
-                }
-            });
-        }
-    }
-    async cleanup() {
-        if (this.started) {
-            await this.iterateDevServers(async (serverInterface) => {
-                if (serverInterface.cleanup) {
-                    await serverInterface.cleanup();
-                }
-            });
-            await stopPortManagerServer();
-        }
-    }
-}
-export default DevServerManagerV2;

package/ui/components/Ascii.d.ts

@@ -1,10 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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/views/GetStarted.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1,157 +0,0 @@
-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" })] }) }));
-}