@hubspot/cli 7.8.10-experimental.0 → 7.8.11-experimental.0

package/commands/customObject.js

@@ -8,7 +8,7 @@ const command = ['custom-object', 'custom-objects', 'co'];
 const describe = uiBetaTag(i18n(`commands.customObject.describe`), false);
 function logBetaMessage() {
     uiBetaTag(i18n(`commands.customObject.betaMessage`));
-    logger.log(uiLink(i18n(`commands.customObject.seeMoreLink`), 'https://developers.hubspot.com/docs/api/crm/crm-custom-objects'));
+    logger.log(uiLink(i18n(`commands.customObject.seeMoreLink`), 'https://developers.hubspot.com/docs/api-reference/crm-custom-objects-v3/guide#custom-objects-api-guide'));
     logger.log();
 }
 function customObjectBuilder(yargs) {

package/commands/project/migrate.js

@@ -8,8 +8,8 @@ import { uiCommandReference } from '../../lib/ui/index.js';
 import { commands, lib } from '../../lang/en.js';
 import { uiLogger } from '../../lib/ui/logger.js';
 import { logInBox } from '../../lib/ui/boxen.js';
-import { renderInline } from '../../ui/index.js';
-import { getWarningBox } from '../../ui/components/StatusMessageBoxes.js';
+// import { renderInline } from '../../ui/index.js';
+// import { getWarningBox } from '../../ui/components/StatusMessageBoxes.js';
 import { getHasMigratableThemes, migrateThemes2025_2, } from '../../lib/theme/migrate.js';
 import { hasFeature } from '../../lib/hasFeature.js';
 import { FEATURES } from '../../lib/constants.js';
@@ -24,18 +24,20 @@ async function handler(args) {
         return process.exit(EXIT_CODES.ERROR);
     }
     if (projectConfig?.projectConfig) {
-        if (!process.env.HUBSPOT_ENABLE_INK) {
-            await logInBox({
-                contents: lib.migrate.projectMigrationWarning,
-                options: { title: lib.migrate.projectMigrationWarningTitle },
-            });
-        }
-        else {
-            await renderInline(getWarningBox({
-                title: lib.migrate.projectMigrationWarningTitle,
-                message: lib.migrate.projectMigrationWarning,
-            }));
-        }
+        // TODO: Restore ink
+        // if (!process.env.HUBSPOT_ENABLE_INK) {
+        await logInBox({
+            contents: lib.migrate.projectMigrationWarning,
+            options: { title: lib.migrate.projectMigrationWarningTitle },
+        });
+        // } else {
+        //   await renderInline(
+        //     getWarningBox({
+        //       title: lib.migrate.projectMigrationWarningTitle,
+        //       message: lib.migrate.projectMigrationWarning,
+        //     })
+        //   );
+        // }
     }
     const { derivedAccountId } = args;
     try {

package/lib/errorHandlers/suppressError.js

@@ -23,7 +23,7 @@ function createPlatformVersionError(err, subCategory) {
     }));
     logger.log(i18n(`lib.errorHandlers.suppressErrors.platformVersionErrors.updateProject`));
     logger.log(i18n(`lib.errorHandlers.suppressErrors.platformVersionErrors.betaLink`, {
-        docsLink: uiLink(i18n(`lib.errorHandlers.suppressErrors.platformVersionErrors.docsLink`), 'https://developers.hubspot.com/docs/platform/platform-versioning'),
+        docsLink: uiLink(i18n(`lib.errorHandlers.suppressErrors.platformVersionErrors.docsLink`), 'https://developers.hubspot.com/docs/developer-tooling/platform/versioning'),
     }));
     uiLine();
 }

package/lib/middleware/fireAlarmMiddleware.js

@@ -3,8 +3,8 @@ import { fetchFireAlarms } from '@hubspot/local-dev-lib/api/fireAlarm';
 import { debugError } from '../errorHandlers/index.js';
 import pkg from '../../package.json' with { type: 'json' };
 import { logInBox } from '../ui/boxen.js';
-import { renderInline } from '../../ui/index.js';
-import { getWarningBox } from '../../ui/components/StatusMessageBoxes.js';
+// import { renderInline } from '../../ui/index.js';
+// import { getWarningBox } from '../../ui/components/StatusMessageBoxes.js';
 /*
  * Versions can be formatted like this:
  * =7.2.2 -> targets the exact version 7.2.2
@@ -100,20 +100,22 @@ async function logFireAlarms(accountId, command, version) {
             }
             return acc;
         }, '');
-        if (!process.env.HUBSPOT_ENABLE_INK) {
-            await logInBox({
-                contents: notifications,
-                options: {
-                    title: 'Notifications',
-                },
-            });
-        }
-        else {
-            await renderInline(getWarningBox({
+        // TODO: Restore ink
+        // if (!process.env.HUBSPOT_ENABLE_INK) {
+        await logInBox({
+            contents: notifications,
+            options: {
                 title: 'Notifications',
-                message: notifications,
-            }));
-        }
+            },
+        });
+        // } else {
+        //   await renderInline(
+        //     getWarningBox({
+        //       title: 'Notifications',
+        //       message: notifications,
+        //     })
+        //   );
+        // }
     }
 }
 export async function checkFireAlarms(argv) {

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@hubspot/cli",
-    "version": "7.8.10-experimental.0",
+    "version": "7.8.11-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.19.1",
-        "@hubspot/project-parsing-lib": "0.0.30-experimental.0",
+        "@hubspot/project-parsing-lib": "0.8.6",
         "@hubspot/serverless-dev-runtime": "7.0.6",
         "@hubspot/theme-preview-dev-server": "0.0.10",
         "@hubspot/ui-extensions-dev-server": "0.10.0",
@@ -20,7 +20,6 @@
         "express": "4.21.2",
         "findup-sync": "4.0.0",
         "fs-extra": "8.1.0",
-        "ink": "5.2.1",
         "inquirer": "12.7.0",
         "js-yaml": "4.1.0",
         "moment": "2.30.1",
@@ -56,6 +55,7 @@
         "eslint": "^8.56.0",
         "eslint-plugin-import": "^2.31.0",
         "husky": "^4.3.8",
+        "ink": "5.2.1",
         "lint-staged": "^10.5.4",
         "madge": "^8.0.0",
         "mock-stdin": "^1.0.0",

package/ui/components/BoxWithTitle.d.ts

@@ -1,8 +0,0 @@
-export interface BoxWithTitleProps {
-    title: string;
-    message: string;
-    titleBackgroundColor?: string;
-    borderColor?: string;
-}
-export declare function getBoxWithTitle(props: BoxWithTitleProps): React.ReactNode;
-export declare function BoxWithTitle({ title, message, titleBackgroundColor, borderColor, }: BoxWithTitleProps): React.ReactNode;

package/ui/components/BoxWithTitle.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { CONTAINER_STYLES } from '../styles.js';
-export function getBoxWithTitle(props) {
-    return _jsx(BoxWithTitle, { ...props });
-}
-export function BoxWithTitle({ title, message, titleBackgroundColor, borderColor, }) {
-    return (_jsxs(Box, { ...CONTAINER_STYLES, 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} ` }) }), _jsx(Box, { justifyContent: "center", alignItems: "center", children: _jsx(Text, { children: message }) })] }));
-}

package/ui/components/HorizontalSelectPrompt.d.ts

@@ -1,8 +0,0 @@
-export interface HorizontalSelectPromptProps {
-    defaultOption?: string;
-    options: string[];
-    onSelect: (value: string) => void;
-    prompt?: string;
-}
-export declare function getHorizontalSelectPrompt(props: HorizontalSelectPromptProps): React.ReactNode;
-export declare function HorizontalSelectPrompt({ defaultOption, options, onSelect, prompt, }: HorizontalSelectPromptProps): React.ReactNode;

package/ui/components/HorizontalSelectPrompt.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text, useInput } from 'ink';
-import { useState } from 'react';
-import { CONTAINER_STYLES, INK_COLORS } from '../styles.js';
-export function getHorizontalSelectPrompt(props) {
-    return _jsx(HorizontalSelectPrompt, { ...props });
-}
-export function HorizontalSelectPrompt({ defaultOption, options, onSelect, prompt, }) {
-    const [selectedIndex, setSelectedIndex] = useState(defaultOption && options.indexOf(defaultOption) !== -1
-        ? options.indexOf(defaultOption)
-        : 0);
-    const moveRight = () => {
-        setSelectedIndex(prev => (prev < options.length - 1 ? prev + 1 : 0));
-    };
-    const moveLeft = () => {
-        setSelectedIndex(prev => (prev > 0 ? prev - 1 : options.length - 1));
-    };
-    useInput((_, key) => {
-        if (key.leftArrow) {
-            moveLeft();
-        }
-        else if (key.rightArrow) {
-            moveRight();
-        }
-        else if (key.return) {
-            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" }) })] }));
-}

package/ui/components/StatusMessageBoxes.d.ts

@@ -1,12 +0,0 @@
-export interface StatusMessageBoxProps {
-    title: string;
-    message: string;
-}
-export declare function getWarningBox(props: StatusMessageBoxProps): React.ReactNode;
-export declare function WarningBox({ title, message, }: StatusMessageBoxProps): React.ReactNode;
-export declare function getAlertBox(props: StatusMessageBoxProps): React.ReactNode;
-export declare function AlertBox({ title, message, }: StatusMessageBoxProps): React.ReactNode;
-export declare function getSuccessBox(props: StatusMessageBoxProps): React.ReactNode;
-export declare function SuccessBox({ title, message, }: StatusMessageBoxProps): React.ReactNode;
-export declare function getInfoBox(props: StatusMessageBoxProps): React.ReactNode;
-export declare function InfoBox({ title, message, }: StatusMessageBoxProps): React.ReactNode;

package/ui/components/StatusMessageBoxes.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { INK_COLORS } from '../styles.js';
-import { BoxWithTitle } from './BoxWithTitle.js';
-export function getWarningBox(props) {
-    return _jsx(WarningBox, { ...props });
-}
-export function WarningBox({ title, message, }) {
-    const color = INK_COLORS.WARNING_YELLOW;
-    return (_jsx(BoxWithTitle, { title: title, message: message, titleBackgroundColor: color, borderColor: color }));
-}
-export function getAlertBox(props) {
-    return _jsx(AlertBox, { ...props });
-}
-export function AlertBox({ title, message, }) {
-    const color = INK_COLORS.ALERT_RED;
-    return (_jsx(BoxWithTitle, { title: title, message: message, titleBackgroundColor: color, borderColor: color }));
-}
-export function getSuccessBox(props) {
-    return _jsx(SuccessBox, { ...props });
-}
-export function SuccessBox({ title, message, }) {
-    const color = INK_COLORS.SUCCESS_GREEN;
-    return (_jsx(BoxWithTitle, { title: title, message: message, titleBackgroundColor: color, borderColor: color }));
-}
-export function getInfoBox(props) {
-    return _jsx(InfoBox, { ...props });
-}
-export function InfoBox({ title, message, }) {
-    const color = INK_COLORS.INFO_BLUE;
-    return (_jsx(BoxWithTitle, { title: title, message: message, titleBackgroundColor: color, borderColor: color }));
-}

package/ui/index.d.ts

@@ -1 +0,0 @@
-export declare function renderInline(component: React.ReactNode): Promise<void>;

package/ui/index.js

@@ -1,6 +0,0 @@
-import { render } from 'ink';
-// Ink components will be enabled by setting the HUBSPOT_ENABLE_INK environment variable
-export async function renderInline(component) {
-    const { unmount } = render(component, { patchConsole: false });
-    unmount();
-}

package/ui/lib/ui-testing-utils.d.ts

@@ -1,9 +0,0 @@
-export type ComponentPropPair = {
-    component: React.ReactNode;
-    signature: string;
-};
-/**
- * These components will be used by the sandbox ui. Please add any new components here.
- */
-export declare const populatedComponents: Record<string, ComponentPropPair>;
-export declare function getComponentOptions(): string[];

package/ui/lib/ui-testing-utils.js

@@ -1,47 +0,0 @@
-import { getSuccessBox, getInfoBox, getWarningBox, getAlertBox, } from '../components/StatusMessageBoxes.js';
-import { getBoxWithTitle } from '../components/BoxWithTitle.js';
-import { SuccessBox, InfoBox, WarningBox, AlertBox, } from '../components/StatusMessageBoxes.js';
-import { BoxWithTitle } from '../components/BoxWithTitle.js';
-/**
- * These components will be used by the sandbox ui. Please add any new components here.
- */
-export const populatedComponents = {
-    SuccessBox: {
-        component: getSuccessBox({
-            title: 'Success',
-            message: 'This is a success message',
-        }),
-        signature: SuccessBox.toString(),
-    },
-    InfoBox: {
-        component: getInfoBox({
-            title: 'Info',
-            message: 'This is an info message',
-        }),
-        signature: InfoBox.toString(),
-    },
-    WarningBox: {
-        component: getWarningBox({
-            title: 'Warning',
-            message: 'This is a warning message',
-        }),
-        signature: WarningBox.toString(),
-    },
-    AlertBox: {
-        component: getAlertBox({
-            title: 'Alert',
-            message: 'This is an alert message',
-        }),
-        signature: AlertBox.toString(),
-    },
-    BoxWithTitle: {
-        component: getBoxWithTitle({
-            title: 'Title',
-            message: 'This is a box with a title',
-        }),
-        signature: BoxWithTitle.toString(),
-    },
-};
-export function getComponentOptions() {
-    return Object.keys(populatedComponents);
-}

package/ui/lib/useTerminalSize.d.ts

@@ -1,13 +0,0 @@
-/**
- * This hook is used to get the current terminal size.
- * It will return the current terminal size, and if a component is using this hook to set height/width,
- * it will re-render when the terminal size changes.
- * ONLY USE THIS HOOK WITH SCREENS. THIS HOOK WILL DESTROY ANY PRIOR LOG OUTPUT IF USED TO SET HEIGHT/WIDTH.
- * @param minHeight - The minimum height of the terminal.
- * @param minWidth - The minimum width of the terminal.
- * @returns The current terminal size.
- */
-export declare function useTerminalSize(minHeight?: number, minWidth?: number): {
-    columns: number;
-    rows: number;
-};

package/ui/lib/useTerminalSize.js

@@ -1,31 +0,0 @@
-import { useStdout } from 'ink';
-import { useEffect, useState } from 'react';
-/**
- * This hook is used to get the current terminal size.
- * It will return the current terminal size, and if a component is using this hook to set height/width,
- * it will re-render when the terminal size changes.
- * ONLY USE THIS HOOK WITH SCREENS. THIS HOOK WILL DESTROY ANY PRIOR LOG OUTPUT IF USED TO SET HEIGHT/WIDTH.
- * @param minHeight - The minimum height of the terminal.
- * @param minWidth - The minimum width of the terminal.
- * @returns The current terminal size.
- */
-export function useTerminalSize(minHeight, minWidth) {
-    const { stdout } = useStdout();
-    const [size, setSize] = useState({
-        columns: Math.max(stdout.columns, minWidth ?? 0),
-        rows: Math.max(stdout.rows, minHeight ?? 0),
-    });
-    useEffect(() => {
-        const handleResize = () => {
-            setSize({
-                columns: Math.max(stdout.columns, minWidth ?? 0),
-                rows: Math.max(stdout.rows, minHeight ?? 0),
-            });
-        };
-        stdout.on('resize', handleResize);
-        return () => {
-            stdout.off('resize', handleResize);
-        };
-    }, [stdout]);
-    return size;
-}

package/ui/styles.d.ts

@@ -1,18 +0,0 @@
-export declare const CONTAINER_STYLES: {
-    readonly padding: 1;
-    readonly marginY: 0.5;
-    readonly flexDirection: "column";
-    readonly 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 declare const INK_COLORS: {
-    ALERT_RED: string;
-    SUCCESS_GREEN: string;
-    INFO_BLUE: string;
-    WARNING_YELLOW: string;
-    WHITE: string;
-};

package/ui/styles.js

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

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

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