@hubspot/cli 7.7.0-experimental.2 → 7.7.0

package/ui/styles.js

@@ -0,0 +1,18 @@
+export const CONTAINER_STYLES = {
+    padding: 1,
+    marginY: 0.5,
+    flexDirection: 'column',
+    flexWrap: 'wrap',
+};
+/**
+ * Any color that can be used well in both WHITE and BLACK terminals.
+ * This is a best effort to ensure that the color is good looking in both
+ * light and dark modes.
+ */
+export const INK_COLORS = {
+    ALERT_RED: '#fc7272',
+    SUCCESS_GREEN: '#4deb7a',
+    INFO_BLUE: '#4dcbeb',
+    WARNING_YELLOW: '#EEB117',
+    WHITE: 'white',
+};

package/ui/views/UiSandbox.d.ts

@@ -0,0 +1,5 @@
+export type UiSandboxProps = {
+    componentName: string | undefined;
+};
+export declare function getUiSandbox(props: UiSandboxProps): React.ReactNode;
+export declare function UiSandbox({ componentName }: UiSandboxProps): React.ReactNode;

package/ui/views/UiSandbox.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { useState } from 'react';
+import { HorizontalSelectPrompt } from '../components/HorizontalSelectPrompt.js';
+import { getComponentOptions, populatedComponents, } from '../lib/ui-testing-utils.js';
+import { useTerminalSize } from '../lib/useTerminalSize.js';
+import { CONTAINER_STYLES } from '../styles.js';
+export function getUiSandbox(props) {
+    return _jsx(UiSandbox, { ...props });
+}
+export function UiSandbox({ componentName }) {
+    const componentOptions = getComponentOptions();
+    const [selectedComponent, setSelectedComponent] = useState(componentName ? populatedComponents[componentName] : undefined);
+    const mapStringToComponent = (str) => {
+        setSelectedComponent(populatedComponents[str] || undefined);
+    };
+    const getFunctionArguments = (signature) => {
+        const startIndex = signature.indexOf('(');
+        const endIndex = signature.indexOf(')');
+        const functionArgs = signature.slice(startIndex, endIndex + 1);
+        return functionArgs;
+    };
+    const size = useTerminalSize(20);
+    return (_jsxs(Box, { flexDirection: "column", height: size.rows, children: [_jsx(HorizontalSelectPrompt, { defaultOption: componentName, options: componentOptions, onSelect: mapStringToComponent }), selectedComponent?.component, selectedComponent?.signature && (_jsxs(Box, { ...CONTAINER_STYLES, gap: 1, borderStyle: "classic", children: [_jsx(Text, { children: "Signature:" }), _jsx(Text, { children: getFunctionArguments(selectedComponent?.signature) })] }))] }));
+}

package/bin/hsmcp.d.ts

@@ -1,2 +0,0 @@
-#!/usr/bin/env node
-export {};

package/bin/hsmcp.js

@@ -1,13 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-console.log('Starting MCP server...');
-try {
-    require('../mcp-server/index');
-}
-catch (error) {
-    console.error('Failed to start MCP server:');
-    console.error('Error name:', error.name || 'Unknown');
-    console.error('Error message:', error.message || 'No message');
-    console.error('Full error:', error);
-    process.exit(1);
-}

package/commands/setupMcp.d.ts

@@ -1,8 +0,0 @@
-import { CommonArgs, YargsCommandModule } from '../types/Yargs';
-type SetupMcpArgs = CommonArgs & {
-    autoSetup?: boolean;
-    showInstructions?: boolean;
-    global?: boolean;
-};
-declare const setupMcpCommand: YargsCommandModule<unknown, SetupMcpArgs>;
-export default setupMcpCommand;

package/commands/setupMcp.js

@@ -1,229 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const exitCodes_1 = require("../lib/enums/exitCodes");
-const en_1 = require("../lang/en");
-const yargsUtils_1 = require("../lib/yargsUtils");
-const logger_1 = require("@hubspot/local-dev-lib/logger");
-const promptUtils_1 = require("../lib/prompts/promptUtils");
-const fs_extra_1 = __importDefault(require("fs-extra"));
-const path_1 = __importDefault(require("path"));
-const os_1 = __importDefault(require("os"));
-const command = 'setup-mcp';
-const describe = en_1.commands.setupMcp.describe;
-function getCursorMcpConfigPath(global = true) {
-    if (global) {
-        // Global configuration: ~/.cursor/mcp.json
-        const homeDir = os_1.default.homedir();
-        return path_1.default.join(homeDir, '.cursor', 'mcp.json');
-    }
-    else {
-        // Project-specific configuration: .cursor/mcp.json in current directory
-        return path_1.default.join(process.cwd(), '.cursor', 'mcp.json');
-    }
-}
-const MCP_SERVER_COMMAND = 'hsmcp';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-async function readCursorConfig(global = true) {
-    const configPath = getCursorMcpConfigPath(global);
-    try {
-        if (await fs_extra_1.default.pathExists(configPath)) {
-            const content = await fs_extra_1.default.readFile(configPath, 'utf8');
-            return JSON.parse(content);
-        }
-    }
-    catch (error) {
-        logger_1.logger.debug(`Error reading Cursor config: ${error}`);
-    }
-    return { mcpServers: {} };
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-async function writeCursorConfig(config, global = true) {
-    const configPath = getCursorMcpConfigPath(global);
-    const configDir = path_1.default.dirname(configPath);
-    // Ensure the directory exists
-    await fs_extra_1.default.ensureDir(configDir);
-    // Write the config with proper formatting
-    await fs_extra_1.default.writeFile(configPath, JSON.stringify(config, null, 2));
-}
-async function setupMcpServer(global = true) {
-    try {
-        const config = await readCursorConfig(global);
-        // Check if hsmcp command is available
-        try {
-            require('child_process').execSync(`which ${MCP_SERVER_COMMAND} 2>/dev/null`, {
-                encoding: 'utf8',
-            });
-        }
-        catch (error) {
-            logger_1.logger.error(en_1.commands.setupMcp.errors.serverNotFound);
-            logger_1.logger.error(en_1.commands.setupMcp.errors.installHint);
-            return false;
-        }
-        // Check if already configured
-        if (config.mcpServers && config.mcpServers['hubspot-cli-mcp']) {
-            logger_1.logger.info(en_1.commands.setupMcp.warnings.alreadyConfigured);
-            const { shouldOverwrite } = await (0, promptUtils_1.promptUser)([
-                {
-                    type: 'confirm',
-                    name: 'shouldOverwrite',
-                    message: en_1.commands.setupMcp.prompts.overwrite,
-                    default: false,
-                },
-            ]);
-            if (!shouldOverwrite) {
-                return true;
-            }
-        }
-        // Configure the MCP server with the simple global command
-        if (!config.mcpServers) {
-            config.mcpServers = {};
-        }
-        config.mcpServers['hubspot-cli-mcp'] = {
-            command: MCP_SERVER_COMMAND,
-            args: [],
-        };
-        await writeCursorConfig(config, global);
-        const configType = global ? 'global' : 'project-specific';
-        logger_1.logger.success(en_1.commands.setupMcp.success.configured.replace('Claude', `Cursor (${configType})`));
-        logger_1.logger.info(en_1.commands.setupMcp.success.restartCursor);
-        return true;
-    }
-    catch (error) {
-        logger_1.logger.error(`${en_1.commands.setupMcp.errors.configurationFailed}: ${error}`);
-        return false;
-    }
-}
-function displayInstructions(global = true) {
-    const configPath = getCursorMcpConfigPath(global);
-    const configType = global ? 'global' : 'project-specific';
-    logger_1.logger.log(en_1.commands.setupMcp.instructions.title.replace('Claude', `Cursor (${configType})`));
-    logger_1.logger.log('');
-    logger_1.logger.log(en_1.commands.setupMcp.instructions.step1);
-    logger_1.logger.log(`  ${configPath}`);
-    logger_1.logger.log('');
-    logger_1.logger.log(en_1.commands.setupMcp.instructions.step2);
-    logger_1.logger.log('  {');
-    logger_1.logger.log('    "mcpServers": {');
-    logger_1.logger.log('      "hubspot-cli-mcp": {');
-    logger_1.logger.log(`        "command": "${MCP_SERVER_COMMAND}",`);
-    logger_1.logger.log('        "args": []');
-    logger_1.logger.log('      }');
-    logger_1.logger.log('    }');
-    logger_1.logger.log('  }');
-    logger_1.logger.log('');
-    logger_1.logger.log(en_1.commands.setupMcp.instructions.step3.replace('Claude', 'Cursor'));
-    logger_1.logger.log('');
-    logger_1.logger.log(en_1.commands.setupMcp.instructions.documentation);
-}
-async function handler(args) {
-    const useGlobal = args.global !== false; // Default to global unless explicitly set to false
-    if (args.showInstructions) {
-        displayInstructions(useGlobal);
-        process.exit(exitCodes_1.EXIT_CODES.SUCCESS);
-        return;
-    }
-    if (args.autoSetup) {
-        const success = await setupMcpServer(useGlobal);
-        process.exit(success ? exitCodes_1.EXIT_CODES.SUCCESS : exitCodes_1.EXIT_CODES.ERROR);
-        return;
-    }
-    // Interactive mode - determine scope first if not specified
-    let isGlobal = useGlobal;
-    if (args.global === undefined) {
-        const { scope } = await (0, promptUtils_1.promptUser)([
-            {
-                type: 'list',
-                name: 'scope',
-                message: en_1.commands.setupMcp.prompts.selectScope,
-                choices: [
-                    {
-                        name: en_1.commands.setupMcp.choices.global,
-                        value: 'global',
-                    },
-                    {
-                        name: en_1.commands.setupMcp.choices.project,
-                        value: 'project',
-                    },
-                ],
-            },
-        ]);
-        isGlobal = scope === 'global';
-    }
-    // Then ask what action to take
-    const { action } = await (0, promptUtils_1.promptUser)([
-        {
-            type: 'list',
-            name: 'action',
-            message: en_1.commands.setupMcp.prompts.selectAction,
-            choices: [
-                {
-                    name: en_1.commands.setupMcp.choices.autoSetup,
-                    value: 'auto',
-                },
-                {
-                    name: en_1.commands.setupMcp.choices.showInstructions,
-                    value: 'instructions',
-                },
-            ],
-        },
-    ]);
-    if (action === 'auto') {
-        const success = await setupMcpServer(isGlobal);
-        process.exit(success ? exitCodes_1.EXIT_CODES.SUCCESS : exitCodes_1.EXIT_CODES.ERROR);
-    }
-    else {
-        displayInstructions(isGlobal);
-        process.exit(exitCodes_1.EXIT_CODES.SUCCESS);
-    }
-}
-function setupMcpBuilder(yargs) {
-    yargs
-        .options({
-        'auto-setup': {
-            describe: en_1.commands.setupMcp.options.autoSetup.describe,
-            type: 'boolean',
-            default: false,
-        },
-        'show-instructions': {
-            describe: en_1.commands.setupMcp.options.showInstructions.describe,
-            type: 'boolean',
-            default: false,
-        },
-        global: {
-            describe: en_1.commands.setupMcp.options.global.describe,
-            type: 'boolean',
-        },
-    })
-        .example([
-        ['$0 setup-mcp', en_1.commands.setupMcp.examples.default],
-        ['$0 setup-mcp --auto-setup', en_1.commands.setupMcp.examples.autoSetup],
-        [
-            '$0 setup-mcp --auto-setup --global',
-            en_1.commands.setupMcp.examples.autoSetupGlobal,
-        ],
-        [
-            '$0 setup-mcp --auto-setup --no-global',
-            en_1.commands.setupMcp.examples.autoSetupProject,
-        ],
-        [
-            '$0 setup-mcp --show-instructions',
-            en_1.commands.setupMcp.examples.showInstructions,
-        ],
-    ]);
-    return yargs;
-}
-const builder = (0, yargsUtils_1.makeYargsBuilder)(setupMcpBuilder, command, describe, {
-    useGlobalOptions: true,
-});
-const setupMcpCommand = {
-    command,
-    describe,
-    handler,
-    builder,
-};
-exports.default = setupMcpCommand;
-// Legacy export for compatibility
-module.exports = setupMcpCommand;

package/lib/projects/create.d.ts

@@ -1,5 +0,0 @@
-import { RepoPath } from '@hubspot/local-dev-lib/types/Github';
-import { ProjectTemplate, ComponentTemplate } from '../../types/Projects';
-export declare const EMPTY_PROJECT_TEMPLATE_NAME = "no-template";
-export declare function getProjectComponentListFromRepo(githubRef: string): Promise<ComponentTemplate[]>;
-export declare function getProjectTemplateListFromRepo(templateSource: RepoPath, githubRef: string): Promise<ProjectTemplate[]>;

package/lib/projects/create.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EMPTY_PROJECT_TEMPLATE_NAME = void 0;
-exports.getProjectComponentListFromRepo = getProjectComponentListFromRepo;
-exports.getProjectTemplateListFromRepo = getProjectTemplateListFromRepo;
-const github_1 = require("@hubspot/local-dev-lib/api/github");
-const constants_1 = require("../constants");
-const exitCodes_1 = require("../enums/exitCodes");
-const index_1 = require("../errorHandlers/index");
-const en_1 = require("../../lang/en");
-const logger_1 = require("../ui/logger");
-exports.EMPTY_PROJECT_TEMPLATE_NAME = 'no-template';
-const PROJECT_TEMPLATE_PROPERTIES = ['name', 'label', 'path', 'insertPath'];
-async function getProjectComponentListFromRepo(githubRef) {
-    let config;
-    try {
-        const { data } = await (0, github_1.fetchRepoFile)(constants_1.HUBSPOT_PROJECT_COMPONENTS_GITHUB_PATH, 'config.json', githubRef);
-        config = data;
-    }
-    catch (err) {
-        (0, index_1.debugError)(err);
-    }
-    if (config) {
-        return config[constants_1.PROJECT_COMPONENT_TYPES.COMPONENTS] || [];
-    }
-    return [];
-}
-async function getProjectTemplateListFromRepo(templateSource, githubRef) {
-    let config;
-    try {
-        const { data } = await (0, github_1.fetchRepoFile)(templateSource, 'config.json', githubRef);
-        config = data;
-    }
-    catch (e) {
-        (0, index_1.debugError)(e);
-        logger_1.uiLogger.error(en_1.lib.projects.create.errors.missingConfigFileTemplateSource);
-        return process.exit(exitCodes_1.EXIT_CODES.ERROR);
-    }
-    if (!config || !config[constants_1.PROJECT_COMPONENT_TYPES.PROJECTS]) {
-        logger_1.uiLogger.error(en_1.lib.projects.create.errors.noProjectsInConfig);
-        return process.exit(exitCodes_1.EXIT_CODES.ERROR);
-    }
-    const templates = config[constants_1.PROJECT_COMPONENT_TYPES.PROJECTS];
-    const templatesContainAllProperties = templates.every(config => PROJECT_TEMPLATE_PROPERTIES.every(p => Object.prototype.hasOwnProperty.call(config, p)));
-    if (!templatesContainAllProperties) {
-        logger_1.uiLogger.error(en_1.lib.projects.create.errors.missingPropertiesInConfig);
-        return process.exit(exitCodes_1.EXIT_CODES.ERROR);
-    }
-    return templates;
-}