@hubspot/cli 7.7.0-experimental.3 → 7.7.0

package/commands/testAccount.js

@@ -1,27 +1,25 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const create_1 = __importDefault(require("./testAccount/create"));
-const delete_1 = __importDefault(require("./testAccount/delete"));
-const yargsUtils_1 = require("../lib/yargsUtils");
+import createTestAccountCommand from './testAccount/create.js';
+import createTestAccountConfigCommand from './testAccount/createConfig.js';
+import importDataCommand from './testAccount/importData.js';
+import deleteTestAccountCommand from './testAccount/delete.js';
+import { makeYargsBuilder } from '../lib/yargsUtils.js';
+import { commands } from '../lang/en.js';
 const command = ['test-account', 'test-accounts'];
-const describe = 'Test account';
-function secretBuilder(yargs) {
+const describe = commands.testAccount.describe;
+function testAccountBuilder(yargs) {
     yargs
-        .command(create_1.default)
-        .command(delete_1.default)
+        .command(createTestAccountCommand)
+        .command(createTestAccountConfigCommand)
+        .command(deleteTestAccountCommand)
+        .command(importDataCommand)
         .demandCommand(1, '');
     return yargs;
 }
-const builder = (0, yargsUtils_1.makeYargsBuilder)(secretBuilder, command, describe);
+const builder = makeYargsBuilder(testAccountBuilder, command, commands.testAccount.describe);
 const testAccountCommand = {
     command,
     describe,
     builder,
     handler: () => { },
 };
-exports.default = testAccountCommand;
-// TODO Remove this legacy export once we've migrated all commands to TS
-module.exports = testAccountCommand;
+export default testAccountCommand;

package/commands/theme/__tests__/generate-selectors.test.d.ts

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

package/commands/theme/__tests__/generate-selectors.test.js

@@ -0,0 +1,28 @@
+import yargs from 'yargs';
+import generateSelectorsCommand from '../generate-selectors.js';
+const positionalSpy = vi
+    .spyOn(yargs, 'positional')
+    .mockReturnValue(yargs);
+describe('commands/theme/generate-selectors', () => {
+    describe('command', () => {
+        it('should have the correct command structure', () => {
+            expect(generateSelectorsCommand.command).toEqual('generate-selectors <path>');
+        });
+    });
+    describe('describe', () => {
+        it('should provide a description', () => {
+            expect(generateSelectorsCommand.describe).toBeDefined();
+        });
+    });
+    describe('builder', () => {
+        it('should support the correct options', () => {
+            generateSelectorsCommand.builder(yargs);
+            expect(positionalSpy).toHaveBeenCalledTimes(1);
+            expect(positionalSpy).toHaveBeenCalledWith('path', {
+                describe: expect.any(String),
+                required: true,
+                type: 'string',
+            });
+        });
+    });
+});

package/commands/theme/__tests__/marketplace-validate.test.d.ts

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

package/commands/theme/__tests__/marketplace-validate.test.js

@@ -0,0 +1,36 @@
+import yargs from 'yargs';
+import { addAccountOptions, addConfigOptions, addUseEnvironmentOptions, } from '../../../lib/commonOpts.js';
+import marketplaceValidateCommand from '../marketplace-validate.js';
+vi.mock('../../../lib/commonOpts');
+const positionalSpy = vi
+    .spyOn(yargs, 'positional')
+    .mockReturnValue(yargs);
+describe('commands/theme/marketplace-validate', () => {
+    describe('command', () => {
+        it('should have the correct command structure', () => {
+            expect(marketplaceValidateCommand.command).toEqual('marketplace-validate <path>');
+        });
+    });
+    describe('describe', () => {
+        it('should provide a description', () => {
+            expect(marketplaceValidateCommand.describe).toBeDefined();
+        });
+    });
+    describe('builder', () => {
+        it('should support the correct options', () => {
+            marketplaceValidateCommand.builder(yargs);
+            expect(positionalSpy).toHaveBeenCalledTimes(1);
+            expect(positionalSpy).toHaveBeenCalledWith('path', {
+                describe: expect.any(String),
+                required: true,
+                type: 'string',
+            });
+            expect(addAccountOptions).toHaveBeenCalledTimes(1);
+            expect(addAccountOptions).toHaveBeenCalledWith(yargs);
+            expect(addConfigOptions).toHaveBeenCalledTimes(1);
+            expect(addConfigOptions).toHaveBeenCalledWith(yargs);
+            expect(addUseEnvironmentOptions).toHaveBeenCalledTimes(1);
+            expect(addUseEnvironmentOptions).toHaveBeenCalledWith(yargs);
+        });
+    });
+});

package/commands/theme/__tests__/preview.test.d.ts

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

package/commands/theme/__tests__/preview.test.js

@@ -0,0 +1,60 @@
+import yargs from 'yargs';
+import { addAccountOptions, addConfigOptions, } from '../../../lib/commonOpts.js';
+import themePreviewCommand from '../preview.js';
+vi.mock('../../../lib/commonOpts');
+const optionSpy = vi
+    .spyOn(yargs, 'option')
+    .mockReturnValue(yargs);
+describe('commands/theme/preview', () => {
+    describe('command', () => {
+        it('should have the correct command structure', () => {
+            expect(themePreviewCommand.command).toEqual('preview [--src] [--dest]');
+        });
+    });
+    describe('describe', () => {
+        it('should provide a description', () => {
+            expect(themePreviewCommand.describe).toBeDefined();
+        });
+    });
+    describe('builder', () => {
+        it('should support the correct options', () => {
+            themePreviewCommand.builder(yargs);
+            expect(optionSpy).toHaveBeenCalledWith('src', {
+                describe: expect.any(String),
+                type: 'string',
+                requiresArg: true,
+            });
+            expect(optionSpy).toHaveBeenCalledWith('dest', {
+                describe: expect.any(String),
+                type: 'string',
+                requiresArg: true,
+            });
+            expect(optionSpy).toHaveBeenCalledWith('notify', {
+                describe: expect.any(String),
+                alias: 'n',
+                type: 'string',
+                requiresArg: true,
+            });
+            expect(optionSpy).toHaveBeenCalledWith('no-ssl', {
+                describe: expect.any(String),
+                type: 'boolean',
+            });
+            expect(optionSpy).toHaveBeenCalledWith('port', {
+                describe: expect.any(String),
+                type: 'number',
+            });
+            expect(optionSpy).toHaveBeenCalledWith('resetSession', {
+                hidden: true,
+                type: 'boolean',
+            });
+            expect(optionSpy).toHaveBeenCalledWith('generateFieldsTypes', {
+                hidden: true,
+                type: 'boolean',
+            });
+            expect(addAccountOptions).toHaveBeenCalledTimes(1);
+            expect(addAccountOptions).toHaveBeenCalledWith(yargs);
+            expect(addConfigOptions).toHaveBeenCalledTimes(1);
+            expect(addConfigOptions).toHaveBeenCalledWith(yargs);
+        });
+    });
+});

package/commands/theme/generate-selectors.d.ts

@@ -1,4 +1,4 @@
-import { CommonArgs, YargsCommandModule } from '../../types/Yargs';
+import { CommonArgs, YargsCommandModule } from '../../types/Yargs.js';
 type ThemeSelectorArgs = CommonArgs & {
     path: string;
 };

package/commands/theme/generate-selectors.js

@@ -1,14 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs_1 = __importDefault(require("fs"));
-const logger_1 = require("@hubspot/local-dev-lib/logger");
-const lang_1 = require("../../lib/lang");
-const generateSelectors_1 = require("../../lib/generateSelectors");
-const exitCodes_1 = require("../../lib/enums/exitCodes");
-const yargsUtils_1 = require("../../lib/yargsUtils");
+import fs from 'fs';
+import { commands } from '../../lang/en.js';
+import { findFieldsJsonPath, combineThemeCss, setPreviewSelectors, generateInheritedSelectors, generateSelectorsMap, getMaxFieldsDepth, } from '../../lib/generateSelectors.js';
+import { EXIT_CODES } from '../../lib/enums/exitCodes.js';
+import { makeYargsBuilder } from '../../lib/yargsUtils.js';
+import { uiLogger } from '../../lib/ui/logger.js';
 const HUBL_EXPRESSION_REGEX = new RegExp(/{%\s*(.*)\s*%}/, 'g');
 const HUBL_VARIABLE_NAME_REGEX = new RegExp(/{%\s*set\s*(\w*)/, 'i');
 const HUBL_STATEMENT_REGEX = new RegExp(/{{\s*[\w.(,\d\-\s)|/~]*.*}}/, 'g');
@@ -19,16 +14,16 @@ const CSS_SELECTORS_REGEX = new RegExp(/([\s\w:.,\0-[\]]*){/, 'i');
 const CSS_EXPRESSION_REGEX = new RegExp(/(?!\s)([^}])*(?![.#\s,>])[^}]*}/, 'g');
 const THEME_PATH_REGEX = new RegExp(/=\s*.*(theme\.(\w|\.)*)/, 'i');
 const command = 'generate-selectors <path>';
-const describe = (0, lang_1.i18n)('commands.theme.subcommands.generateSelectors.describe');
+const describe = commands.theme.subcommands.generateSelectors.describe;
 async function handler(args) {
     const { path } = args;
-    const fieldsJsonPath = (0, generateSelectors_1.findFieldsJsonPath)(path);
+    const fieldsJsonPath = findFieldsJsonPath(path);
     if (!fieldsJsonPath) {
-        logger_1.logger.error((0, lang_1.i18n)('commands.theme.subcommands.generateSelectors.errors.fieldsNotFound'));
-        process.exit(exitCodes_1.EXIT_CODES.ERROR);
+        uiLogger.error(commands.theme.subcommands.generateSelectors.errors.fieldsNotFound);
+        process.exit(EXIT_CODES.ERROR);
     }
-    let fieldsJson = JSON.parse(fs_1.default.readFileSync(fieldsJsonPath, 'utf-8'));
-    let cssString = (0, generateSelectors_1.combineThemeCss)(path) ?? '';
+    let fieldsJson = JSON.parse(fs.readFileSync(fieldsJsonPath, 'utf-8'));
+    let cssString = combineThemeCss(path) ?? '';
     /**
      * Creates map of HubL variable names to theme field paths
      */
@@ -134,37 +129,34 @@ async function handler(args) {
         return themeFieldsSelectorMap;
     }, {});
     if (!Object.keys(finalMap).length) {
-        logger_1.logger.error((0, lang_1.i18n)('commands.theme.subcommands.generateSelectors.errors.noSelectorsFound'));
-        process.exit(exitCodes_1.EXIT_CODES.ERROR);
+        uiLogger.error(commands.theme.subcommands.generateSelectors.errors.noSelectorsFound);
+        process.exit(EXIT_CODES.ERROR);
     }
     Object.keys(finalMap).forEach(themeFieldKey => {
         const fieldKey = themeFieldKey.split('.');
         const selectors = finalMap[themeFieldKey];
-        fieldsJson = (0, generateSelectors_1.setPreviewSelectors)(fieldsJson, fieldKey.splice(1), selectors);
+        fieldsJson = setPreviewSelectors(fieldsJson, fieldKey.splice(1), selectors);
     });
     // Because fields can have nested inheritance we generated inherited selectors
     // multiple times to make sure all inherted selectors are bubbled up.
-    const maxFieldsDepth = (0, generateSelectors_1.getMaxFieldsDepth)();
+    const maxFieldsDepth = getMaxFieldsDepth();
     for (let i = 0; i < maxFieldsDepth; i += 1) {
-        fieldsJson = (0, generateSelectors_1.generateInheritedSelectors)(fieldsJson);
+        fieldsJson = generateInheritedSelectors(fieldsJson);
     }
-    const selectorsMap = (0, generateSelectors_1.generateSelectorsMap)(fieldsJson);
+    const selectorsMap = generateSelectorsMap(fieldsJson);
     const selectorsPath = `${path}/editor-preview.json`;
-    fs_1.default.writeFileSync(selectorsPath, `${JSON.stringify({ selectors: selectorsMap }, null, 2)}\n`);
-    logger_1.logger.success((0, lang_1.i18n)('commands.theme.subcommands.generateSelectors.success', {
-        themePath: path,
-        selectorsPath,
-    }));
+    fs.writeFileSync(selectorsPath, `${JSON.stringify({ selectors: selectorsMap }, null, 2)}\n`);
+    uiLogger.success(commands.theme.subcommands.generateSelectors.success(path, selectorsPath));
 }
 function themeSelectorBuilder(yargs) {
     yargs.positional('path', {
-        describe: (0, lang_1.i18n)('commands.theme.subcommands.generateSelectors.positionals.path.describe'),
+        describe: commands.theme.subcommands.generateSelectors.positionals.path,
         type: 'string',
         required: true,
     });
     return yargs;
 }
-const builder = (0, yargsUtils_1.makeYargsBuilder)(themeSelectorBuilder, command, describe, {
+const builder = makeYargsBuilder(themeSelectorBuilder, command, describe, {
     useGlobalOptions: true,
 });
 const themeSelectorsCommand = {
@@ -173,4 +165,4 @@ const themeSelectorsCommand = {
     handler,
     builder,
 };
-exports.default = themeSelectorsCommand;
+export default themeSelectorsCommand;

package/commands/theme/marketplace-validate.d.ts

@@ -1,4 +1,4 @@
-import { CommonArgs, ConfigArgs, AccountArgs, EnvironmentArgs, YargsCommandModule } from '../../types/Yargs';
+import { CommonArgs, ConfigArgs, AccountArgs, EnvironmentArgs, YargsCommandModule } from '../../types/Yargs.js';
 type ThemeValidateArgs = CommonArgs & ConfigArgs & AccountArgs & EnvironmentArgs & {
     path: string;
 };

package/commands/theme/marketplace-validate.js

@@ -1,42 +1,35 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const SpinniesManager_1 = __importDefault(require("../../lib/ui/SpinniesManager"));
-const usageTracking_1 = require("../../lib/usageTracking");
-const marketplaceValidate_1 = require("../../lib/marketplaceValidate");
-const lang_1 = require("../../lib/lang");
-const yargsUtils_1 = require("../../lib/yargsUtils");
+import SpinniesManager from '../../lib/ui/SpinniesManager.js';
+import { trackCommandUsage } from '../../lib/usageTracking.js';
+import { kickOffValidation, pollForValidationFinish, fetchValidationResults, processValidationErrors, displayValidationResults, } from '../../lib/marketplaceValidate.js';
+import { commands } from '../../lang/en.js';
+import { makeYargsBuilder } from '../../lib/yargsUtils.js';
 const command = 'marketplace-validate <path>';
-const describe = (0, lang_1.i18n)('commands.theme.subcommands.marketplaceValidate.describe');
+const describe = commands.theme.subcommands.marketplaceValidate.describe;
 async function handler(args) {
     const { path, derivedAccountId } = args;
-    (0, usageTracking_1.trackCommandUsage)('validate', {}, derivedAccountId);
-    SpinniesManager_1.default.init();
-    SpinniesManager_1.default.add('marketplaceValidation', {
-        text: (0, lang_1.i18n)('commands.theme.subcommands.marketplaceValidate.logs.validatingTheme', {
-            path,
-        }),
+    trackCommandUsage('validate', {}, derivedAccountId);
+    SpinniesManager.init();
+    SpinniesManager.add('marketplaceValidation', {
+        text: commands.theme.subcommands.marketplaceValidate.logs.validatingTheme(path),
     });
     const assetType = 'THEME';
-    const validationId = await (0, marketplaceValidate_1.kickOffValidation)(derivedAccountId, assetType, path);
-    await (0, marketplaceValidate_1.pollForValidationFinish)(derivedAccountId, validationId);
-    SpinniesManager_1.default.remove('marketplaceValidation');
-    const validationResults = await (0, marketplaceValidate_1.fetchValidationResults)(derivedAccountId, validationId);
-    (0, marketplaceValidate_1.processValidationErrors)('commands.theme.subcommands.marketplaceValidate', validationResults);
-    (0, marketplaceValidate_1.displayValidationResults)('commands.theme.subcommands.marketplaceValidate', validationResults);
+    const validationId = await kickOffValidation(derivedAccountId, assetType, path);
+    await pollForValidationFinish(derivedAccountId, validationId);
+    SpinniesManager.remove('marketplaceValidation');
+    const validationResults = await fetchValidationResults(derivedAccountId, validationId);
+    processValidationErrors(commands.theme.subcommands.marketplaceValidate.errors.invalidPath, validationResults);
+    displayValidationResults(commands.theme.subcommands.marketplaceValidate.results, validationResults);
     process.exit();
 }
 function themeValidateBuilder(yargs) {
     yargs.positional('path', {
-        describe: (0, lang_1.i18n)('commands.theme.subcommands.marketplaceValidate.positionals.path.describe'),
+        describe: commands.theme.subcommands.marketplaceValidate.positionals.path.describe,
         type: 'string',
         required: true,
     });
     return yargs;
 }
-const builder = (0, yargsUtils_1.makeYargsBuilder)(themeValidateBuilder, command, describe, {
+const builder = makeYargsBuilder(themeValidateBuilder, command, describe, {
     useGlobalOptions: true,
     useConfigOptions: true,
     useAccountOptions: true,
@@ -48,4 +41,4 @@ const themeValidateCommand = {
     handler,
     builder,
 };
-exports.default = themeValidateCommand;
+export default themeValidateCommand;

package/commands/theme/preview.d.ts

@@ -1,4 +1,4 @@
-import { CommonArgs, ConfigArgs, AccountArgs, YargsCommandModule } from '../../types/Yargs';
+import { CommonArgs, ConfigArgs, AccountArgs, YargsCommandModule } from '../../types/Yargs.js';
 type ThemePreviewArgs = CommonArgs & ConfigArgs & AccountArgs & {
     src: string;
     dest: string;

package/commands/theme/preview.js

@@ -1,39 +1,32 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
-const cli_progress_1 = __importDefault(require("cli-progress"));
-const lang_1 = require("../../lib/lang");
-const logger_1 = require("@hubspot/local-dev-lib/logger");
-const path_2 = require("@hubspot/local-dev-lib/path");
-const files_1 = require("@hubspot/local-dev-lib/constants/files");
-const themes_1 = require("@hubspot/local-dev-lib/cms/themes");
-const theme_preview_dev_server_1 = require("@hubspot/theme-preview-dev-server");
-const upload_1 = require("../../lib/upload");
-const usageTracking_1 = require("../../lib/usageTracking");
-const previewPrompt_1 = require("../../lib/prompts/previewPrompt");
-const exitCodes_1 = require("../../lib/enums/exitCodes");
-const index_1 = require("../../lib/errorHandlers/index");
-const process_1 = require("../../lib/process");
-const config_1 = require("../../lib/projects/config");
-const structure_1 = require("../../lib/projects/structure");
-const Projects_1 = require("../../types/Projects");
-const hasFeature_1 = require("../../lib/hasFeature");
-const constants_1 = require("../../lib/constants");
-const yargsUtils_1 = require("../../lib/yargsUtils");
+import fs from 'fs';
+import path from 'path';
+import cliProgress from 'cli-progress';
+import { commands } from '../../lang/en.js';
+import { getCwd } from '@hubspot/local-dev-lib/path';
+import { FILE_UPLOAD_RESULT_TYPES } from '@hubspot/local-dev-lib/constants/files';
+import { getThemeJSONPath } from '@hubspot/local-dev-lib/cms/themes';
+import { preview } from '@hubspot/theme-preview-dev-server';
+import { getUploadableFileList } from '../../lib/upload.js';
+import { trackCommandUsage } from '../../lib/usageTracking.js';
+import { previewPrompt, previewProjectPrompt, } from '../../lib/prompts/previewPrompt.js';
+import { EXIT_CODES } from '../../lib/enums/exitCodes.js';
+import { ApiErrorContext, logError } from '../../lib/errorHandlers/index.js';
+import { handleExit, handleKeypress } from '../../lib/process.js';
+import { getProjectConfig } from '../../lib/projects/config.js';
+import { findProjectComponents } from '../../lib/projects/structure.js';
+import { ComponentTypes } from '../../types/Projects.js';
+import { hasFeature } from '../../lib/hasFeature.js';
+import { FEATURES } from '../../lib/constants.js';
+import { makeYargsBuilder } from '../../lib/yargsUtils.js';
+import { uiLogger } from '../../lib/ui/logger.js';
 const command = 'preview [--src] [--dest]';
-const describe = (0, lang_1.i18n)('commands.theme.subcommands.preview.describe');
+const describe = commands.theme.subcommands.preview.describe;
 function validateSrcPath(src) {
     const logInvalidPath = () => {
-        logger_1.logger.error((0, lang_1.i18n)('commands.theme.subcommands.preview.errors.invalidPath', {
-            path: src,
-        }));
+        uiLogger.error(commands.theme.subcommands.preview.errors.invalidPath(src));
     };
     try {
-        const stats = fs_1.default.statSync(src);
+        const stats = fs.statSync(src);
         if (!stats.isDirectory()) {
             logInvalidPath();
             return false;
@@ -47,11 +40,11 @@ function validateSrcPath(src) {
 }
 function handleUserInput() {
     const onTerminate = () => {
-        logger_1.logger.log((0, lang_1.i18n)('commands.theme.subcommands.preview.logs.processExited'));
-        process.exit(exitCodes_1.EXIT_CODES.SUCCESS);
+        uiLogger.log(commands.theme.subcommands.preview.logs.processExited);
+        process.exit(EXIT_CODES.SUCCESS);
     };
-    (0, process_1.handleExit)(onTerminate);
-    (0, process_1.handleKeypress)(key => {
+    handleExit(onTerminate);
+    handleKeypress(key => {
         if ((key.ctrl && key.name === 'c') || key.name === 'q') {
             onTerminate();
         }
@@ -60,33 +53,33 @@ function handleUserInput() {
 async function determineSrcAndDest(args) {
     let absoluteSrc;
     let dest;
-    const { projectDir, projectConfig } = await (0, config_1.getProjectConfig)();
+    const { projectDir, projectConfig } = await getProjectConfig();
     if (!(projectDir && projectConfig)) {
         // Not in a project, prompt for src and dest of traditional theme
-        const previewPromptAnswers = await (0, previewPrompt_1.previewPrompt)(args);
+        const previewPromptAnswers = await previewPrompt(args);
         const src = args.src || previewPromptAnswers.src;
         dest = args.dest || previewPromptAnswers.dest;
-        absoluteSrc = path_1.default.resolve((0, path_2.getCwd)(), src);
+        absoluteSrc = path.resolve(getCwd(), src);
         if (!dest || !validateSrcPath(absoluteSrc)) {
-            process.exit(exitCodes_1.EXIT_CODES.ERROR);
+            process.exit(EXIT_CODES.ERROR);
         }
     }
     else {
         // In a project
-        let themeJsonPath = (0, themes_1.getThemeJSONPath)((0, path_2.getCwd)());
+        let themeJsonPath = getThemeJSONPath(getCwd());
         if (!themeJsonPath) {
-            const projectComponents = await (0, structure_1.findProjectComponents)(projectDir);
-            const themeComponents = projectComponents.filter(c => c.type === Projects_1.ComponentTypes.HublTheme);
+            const projectComponents = await findProjectComponents(projectDir);
+            const themeComponents = projectComponents.filter(c => c.type === ComponentTypes.HublTheme);
             if (themeComponents.length === 0) {
-                logger_1.logger.error((0, lang_1.i18n)('commands.theme.subcommands.preview.errors.noThemeComponents'));
-                process.exit(exitCodes_1.EXIT_CODES.ERROR);
+                uiLogger.error(commands.theme.subcommands.preview.errors.noThemeComponents);
+                process.exit(EXIT_CODES.ERROR);
             }
-            const answer = await (0, previewPrompt_1.previewProjectPrompt)(themeComponents);
+            const answer = await previewProjectPrompt(themeComponents);
             themeJsonPath = `${answer.themeComponentPath}/theme.json`;
         }
-        const { dir: themeDir } = path_1.default.parse(themeJsonPath);
+        const { dir: themeDir } = path.parse(themeJsonPath);
         absoluteSrc = themeDir;
-        const { base: themeName } = path_1.default.parse(themeDir);
+        const { base: themeName } = path.parse(themeDir);
         dest = `@projects/${projectConfig.name}/${themeName}`;
     }
     return { absoluteSrc, dest };
@@ -94,15 +87,15 @@ async function determineSrcAndDest(args) {
 async function handler(args) {
     const { derivedAccountId, notify, noSsl, resetSession, port, generateFieldsTypes, } = args;
     const { absoluteSrc, dest } = await determineSrcAndDest(args);
-    const filePaths = await (0, upload_1.getUploadableFileList)(absoluteSrc, false);
+    const filePaths = await getUploadableFileList(absoluteSrc, false);
     function startProgressBar(numFiles) {
-        const initialUploadProgressBar = new cli_progress_1.default.SingleBar({
+        const initialUploadProgressBar = new cliProgress.SingleBar({
             gracefulExit: true,
             format: '[{bar}] {percentage}% | {value}/{total} | {label}',
             hideCursor: true,
-        }, cli_progress_1.default.Presets.rect);
+        }, cliProgress.Presets.rect);
         initialUploadProgressBar.start(numFiles, 0, {
-            label: (0, lang_1.i18n)('commands.theme.subcommands.preview.initialUploadProgressBar.start'),
+            label: commands.theme.subcommands.preview.initialUploadProgressBar.start,
         });
         let uploadsHaveStarted = false;
         const uploadOptions = {
@@ -114,7 +107,8 @@ async function handler(args) {
                 if (!uploadsHaveStarted) {
                     uploadsHaveStarted = true;
                     initialUploadProgressBar.update(0, {
-                        label: (0, lang_1.i18n)('commands.theme.subcommands.preview.initialUploadProgressBar.uploading'),
+                        label: commands.theme.subcommands.preview.initialUploadProgressBar
+                            .uploading,
                     });
                 }
             },
@@ -127,13 +121,13 @@ async function handler(args) {
             onFinalErrorCallback: () => initialUploadProgressBar.increment(),
             onFinishCallback: (results) => {
                 initialUploadProgressBar.update(numFiles, {
-                    label: (0, lang_1.i18n)('commands.theme.subcommands.preview.initialUploadProgressBar.finish'),
+                    label: commands.theme.subcommands.preview.initialUploadProgressBar.finish,
                 });
                 initialUploadProgressBar.stop();
                 results.forEach(result => {
-                    if (result.resultType == files_1.FILE_UPLOAD_RESULT_TYPES.FAILURE) {
-                        logger_1.logger.error('Uploading file "%s" to "%s" failed', result.file, dest);
-                        (0, index_1.logError)(result.error, new index_1.ApiErrorContext({
+                    if (result.resultType == FILE_UPLOAD_RESULT_TYPES.FAILURE) {
+                        uiLogger.error(commands.theme.subcommands.preview.errors.uploadFailed(result.file, dest));
+                        logError(result.error, new ApiErrorContext({
                             accountId: derivedAccountId,
                             request: dest,
                             payload: result.file,
@@ -144,7 +138,7 @@ async function handler(args) {
         };
         return uploadOptions;
     }
-    (0, usageTracking_1.trackCommandUsage)('preview', {}, derivedAccountId);
+    trackCommandUsage('preview', {}, derivedAccountId);
     let createUnifiedDevServer;
     try {
         // @ts-ignore TODO: Remove when we deprecate Node 18
@@ -154,9 +148,9 @@ async function handler(args) {
         createUnifiedDevServer = createDevServer;
     }
     catch (e) {
-        logger_1.logger.warn('Unified dev server requires node 20 to run. Defaulting to legacy preview.');
+        uiLogger.warn('Unified dev server requires node 20 to run. Defaulting to legacy preview.');
     }
-    const isUngatedForUnified = await (0, hasFeature_1.hasFeature)(derivedAccountId, constants_1.FEATURES.UNIFIED_THEME_PREVIEW);
+    const isUngatedForUnified = await hasFeature(derivedAccountId, FEATURES.UNIFIED_THEME_PREVIEW);
     if (isUngatedForUnified && createUnifiedDevServer) {
         if (port) {
             process.env['PORT'] = port.toString();
@@ -169,7 +163,7 @@ async function handler(args) {
         });
     }
     else {
-        (0, theme_preview_dev_server_1.preview)(derivedAccountId, absoluteSrc, dest, {
+        preview(derivedAccountId, absoluteSrc, dest, {
             notify,
             filePaths,
             noSsl,
@@ -183,27 +177,27 @@ async function handler(args) {
 function themePreviewBuilder(yargs) {
     yargs
         .option('src', {
-        describe: (0, lang_1.i18n)('commands.theme.subcommands.preview.options.src.describe'),
+        describe: commands.theme.subcommands.preview.positionals.src,
         type: 'string',
         requiresArg: true,
     })
         .option('dest', {
-        describe: (0, lang_1.i18n)('commands.theme.subcommands.preview.options.dest.describe'),
+        describe: commands.theme.subcommands.preview.positionals.dest,
         type: 'string',
         requiresArg: true,
     })
         .option('notify', {
         alias: 'n',
-        describe: (0, lang_1.i18n)('commands.theme.subcommands.preview.options.notify.describe'),
+        describe: commands.theme.subcommands.preview.options.notify,
         type: 'string',
         requiresArg: true,
     })
         .option('no-ssl', {
-        describe: (0, lang_1.i18n)('commands.theme.subcommands.preview.options.noSsl.describe'),
+        describe: commands.theme.subcommands.preview.options.noSsl,
         type: 'boolean',
     })
         .option('port', {
-        describe: (0, lang_1.i18n)('commands.theme.subcommands.preview.options.port.describe'),
+        describe: commands.theme.subcommands.preview.options.port,
         type: 'number',
     })
         .option('resetSession', {
@@ -216,7 +210,7 @@ function themePreviewBuilder(yargs) {
     });
     return yargs;
 }
-const builder = (0, yargsUtils_1.makeYargsBuilder)(themePreviewBuilder, command, describe, {
+const builder = makeYargsBuilder(themePreviewBuilder, command, describe, {
     useGlobalOptions: true,
     useConfigOptions: true,
     useAccountOptions: true,
@@ -227,4 +221,4 @@ const themePreviewCommand = {
     handler,
     builder,
 };
-exports.default = themePreviewCommand;
+export default themePreviewCommand;

package/commands/theme.d.ts

@@ -1,3 +1,3 @@
-import { YargsCommandModuleBucket } from '../types/Yargs';
+import { YargsCommandModuleBucket } from '../types/Yargs.js';
 declare const themeCommand: YargsCommandModuleBucket;
 export default themeCommand;