@shoper/cli 0.1.0-9 → 0.2.0

package/build/theme/features/themes/list/services/themes_list_service.js

@@ -1,20 +1,20 @@
 import { ThemeMetaData } from '../model/theme_list_metadata.js';
 import { STATUS_CODES } from '@dreamcommerce/star_core';
-import { HttpErrorsFactory } from '../../../../../cli/class/errors/http_errors_factory.js';
+import { HttpErrorsFactory } from '../../../../../cli/class/errors/http/http_errors_factory.js';
 import { DownloadFileErrorsFactory } from '../../../../../utils/download_file/download_file_errors_factory.js';
 export class ThemesListService {
-    httpApi;
+    #httpApi;
     constructor(httpApi) {
-        this.httpApi = httpApi;
+        this.#httpApi = httpApi;
     }
     async getThemes({ shopUrl }) {
         try {
-            const { response } = this.httpApi.getThemes(shopUrl);
-            const { data, status } = await response;
-            if (status !== STATUS_CODES.ok)
+            const { response: request } = this.#httpApi.getThemes(shopUrl);
+            const response = await request;
+            if (response?.status !== STATUS_CODES.ok)
                 return;
             //TODO baseHttpApi + model mapper
-            return data.map(({ _links, ...rest }) => new ThemeMetaData({
+            return response?.data.map(({ _links, ...rest }) => new ThemeMetaData({
                 ...rest,
                 links: _links
             }));
@@ -34,4 +34,10 @@ export class ThemesListService {
             }
         }
     }
+    async getTheme({ themeId, shopUrl }) {
+        const themes = await this.getThemes({ shopUrl });
+        if (!themes)
+            return;
+        return themes.find((theme) => String(theme.skinId) === themeId);
+    }
 }

package/build/theme/hooks/{ensure_theme_meta_data_untouched.js → ensure_theme_meta_data_untouched_hook.js}

@@ -1,13 +1,13 @@
 import { useApi } from '../../cli/hooks/ensure_cli_initialized_hook.js';
 import { EXECUTION_CONTEXT_API_NAME, EXECUTION_CONTEXTS } from '../../cli/features/execution_context/execution_context_constants.js';
-import { ThemeDirectoryUtils } from '../features/theme/directory/theme_directory_utils.js';
+import { HiddenDirectoryUtils } from '../features/theme/utils/hidden_directory/hidden_directory_utils.js';
 const ensureThemeMetaDataUntouched = async () => {
     const executionContextApi = useApi(EXECUTION_CONTEXT_API_NAME);
     const executionContext = await executionContextApi.getExecutionContext();
     if (executionContext.type !== EXECUTION_CONTEXTS.theme)
         return;
     try {
-        await ThemeDirectoryUtils.ensureFilesInsideThemeMetaDataDirectoryUntouched(executionContext.themeRootDir);
+        await HiddenDirectoryUtils.ensureFilesInsideThemeMetaDataDirectoryUntouched(executionContext.themeRootDir);
     }
     catch (err) {
         console.error(err);

package/build/theme/hooks/theme_checksums/ensure_theme_current_checksums_up_to_date_constants.js

@@ -2,6 +2,6 @@ import { THEME_COMMANDS_NAME } from '../../commands/theme_commands_constants.js'
 export const THEME_COMMANDS_THAT_REQUIRES_UP_TO_DATE_CHECKSUMS = [
     THEME_COMMANDS_NAME.push,
     THEME_COMMANDS_NAME.showChanges,
-    THEME_COMMANDS_NAME.push,
+    THEME_COMMANDS_NAME.pull,
     THEME_COMMANDS_NAME.verify
 ];

package/build/theme/hooks/theme_checksums/{ensure_theme_current_checksums_up_to_date.js → ensure_theme_current_checksums_up_to_date_hook.js}

@@ -1,10 +1,8 @@
 import { EXECUTION_CONTEXT_API_NAME, EXECUTION_CONTEXTS } from '../../../cli/features/execution_context/execution_context_constants.js';
 import { useApi } from '../../../cli/hooks/ensure_cli_initialized_hook.js';
-import { ThemeChecksumsUtils } from '../../features/theme/utils/checksums/theme_checksums_utils.js';
-import { computeChecksumsFromSource } from '../../../utils/checksums/checksums_utils.js';
 import { THEME_COMMANDS_THAT_REQUIRES_UP_TO_DATE_CHECKSUMS } from './ensure_theme_current_checksums_up_to_date_constants.js';
+import { ThemeChecksums } from '../../../theme/class/checksums/theme_checksums.js';
 export const ensureThemeChecksumsUpToDate = async ({ Command }) => {
-    console.log('Command', Command.id);
     if (!THEME_COMMANDS_THAT_REQUIRES_UP_TO_DATE_CHECKSUMS.includes(Command.id))
         return;
     const executionContextApi = useApi(EXECUTION_CONTEXT_API_NAME);
@@ -15,7 +13,6 @@ export const ensureThemeChecksumsUpToDate = async ({ Command }) => {
      * Naive solution, recalculate checksums every time a command based on checksums calculation is executed;
      * If performance becomes an issue, we can implement a more sophisticated solution, eg. recalculate checksums only when files in the theme directory have changed.
      */
-    const checksums = await computeChecksumsFromSource(executionContext.themeRootDir);
-    await ThemeChecksumsUtils.createThemeCurrentChecksumsFile(executionContext.themeRootDir, checksums);
+    await new ThemeChecksums(executionContext.themeRootDir).updateCurrentChecksums();
 };
 export default ensureThemeChecksumsUpToDate;

package/build/theme/hooks/themes_actions/ensure_themes_actions_hook.js

@@ -31,6 +31,7 @@ const ensureThemesActionsHook = async ({ Command, argv }) => {
             console.error('Unauthorized. Please authorize first.');
             const cliAuthTokensApi = useApi(CLI_AUTH_TOKENS_API_NAME);
             await promptForToken(cliAuthTokensApi);
+            //TODO loader
             await themesActionsApi.ensureThemesActions({
                 credentials,
                 themeId

package/build/theme/hooks/themes_actions/ensure_themes_actions_hook_constants.js

@@ -3,5 +3,6 @@ export const THEME_COMMANDS_THAT_REQUIRED_ACTIONS_LIST = [
     THEME_COMMANDS_NAME.pull,
     THEME_COMMANDS_NAME.init,
     THEME_COMMANDS_NAME.push,
+    THEME_COMMANDS_NAME.delete,
     THEME_COMMANDS_NAME.showChanges
 ];

package/build/theme/index.js

@@ -1,15 +1,21 @@
-import { ThemeListCommand } from './commands/theme_list_command.js';
-import { ThemePullCommand } from './commands/theme_pull_command.js';
-import { ThemeInitCommand } from './commands/theme_init_command.js';
+import { ThemeListCommand } from './commands/list/theme_list_command.js';
+import { ThemePullCommand } from './commands/pull/theme_pull_command.js';
+import { ThemeInitCommand } from './commands/init/theme_init_command.js';
 import { THEME_COMMANDS_NAME } from './commands/theme_commands_constants.js';
-import { ThemePushCommand } from './commands/theme_push_command.js';
+import { ThemePushCommand } from './commands/push/theme_push_command.js';
 import { ThemeShowChangesCommand } from './commands/theme_show_changes_command.js';
 import { ThemeVerifyCommand } from './commands/theme_verify_command.js';
+import { ThemeInfoCommand } from './commands/info/theme_info_command.js';
+import { ThemeDeleteCommand } from './commands/delete/theme_delete_command.js';
+import { ThemePublishCommand } from './commands/publish/theme_publish_command.js';
 export const COMMANDS = {
     [THEME_COMMANDS_NAME.list]: ThemeListCommand,
     [THEME_COMMANDS_NAME.pull]: ThemePullCommand,
     [THEME_COMMANDS_NAME.init]: ThemeInitCommand,
     [THEME_COMMANDS_NAME.push]: ThemePushCommand,
     [THEME_COMMANDS_NAME.showChanges]: ThemeShowChangesCommand,
-    [THEME_COMMANDS_NAME.verify]: ThemeVerifyCommand
+    [THEME_COMMANDS_NAME.verify]: ThemeVerifyCommand,
+    [THEME_COMMANDS_NAME.info]: ThemeInfoCommand,
+    [THEME_COMMANDS_NAME.delete]: ThemeDeleteCommand,
+    [THEME_COMMANDS_NAME.publish]: ThemePublishCommand
 };

package/build/theme/utils/directory_validator/directory_validator_constants.js

@@ -1,13 +1,9 @@
+import { platformSeparator } from '../../../utils/path_utils.js';
 export const FILES_MODIFICATION_TYPES = {
     add: 'add',
     remove: 'remove',
     edit: 'edit'
 };
 export const DEFAULT_PERMISSION_FOR_ALL_FILES_KEY = '*';
-export const DEFAULT_PERMISSION_FOR_DIRECTORY_KEY = '*/';
+export const DEFAULT_PERMISSION_FOR_DIRECTORY_KEY = `*${platformSeparator}`;
 export const PERMISSION_KEY = '__permission__';
-export const DEFAULT_DIRECTORY_STRUCTURE_PERMISSION = {
-    canAdd: false,
-    canEdit: false,
-    canDelete: false
-};

package/build/theme/utils/directory_validator/directory_validator_utils.js

@@ -2,7 +2,7 @@ import { join, looksLikeDirectory, platformSeparator } from '../../../utils/path
 import { fileExists, getAllFilesAndDirectoriesInside, isDirectory } from '../../../utils/fs/fs_utils.js';
 import uniq from 'lodash/uniq.js';
 import { computeFileChecksum } from '../../../utils/checksums/checksums_utils.js';
-import { DEFAULT_DIRECTORY_STRUCTURE_PERMISSION, DEFAULT_PERMISSION_FOR_ALL_FILES_KEY, DEFAULT_PERMISSION_FOR_DIRECTORY_KEY, FILES_MODIFICATION_TYPES, PERMISSION_KEY } from './directory_validator_constants.js';
+import { DEFAULT_PERMISSION_FOR_ALL_FILES_KEY, DEFAULT_PERMISSION_FOR_DIRECTORY_KEY, FILES_MODIFICATION_TYPES, PERMISSION_KEY } from './directory_validator_constants.js';
 import { CHECKSUM_KEY } from '../../../utils/checksums/checksums_utils_constants.js';
 import _ from 'lodash';
 export const validateDirectory = async ({ rootDirectory, permissions, checksums }) => {
@@ -32,7 +32,7 @@ const _checkPermissions = async ({ permissionPart, permissionParts, parts = [],
     const files = uniq([
         ...filesInsideCurrentDirectory,
         //TODO fix another way
-        ...Object.keys(checksumsPart ?? {}).filter((key) => key !== CHECKSUM_KEY && key !== './')
+        ...Object.keys(checksumsPart ?? {}).filter((key) => key !== CHECKSUM_KEY && key !== `.${platformSeparator}`)
     ]);
     const parentPath = join(...parts);
     const filesInsideCurrentDirectoryObject = {};
@@ -47,16 +47,6 @@ const _checkPermissions = async ({ permissionPart, permissionParts, parts = [],
             permissionParts,
             permissions
         });
-        if (!permissionKey) {
-            console.log('permission', permission);
-            console.log('parts', parts);
-            console.log('permissionPart', permissionPart);
-            console.log('permissionParts', permissionParts);
-            console.log('permissions', permissions);
-            console.log('file', file);
-            console.log('fullPath', fullPath);
-            // console.log('permission', permission, 'permissionKey', permissionKey);
-        }
         const action = await _checkPermission({
             permission: permission[PERMISSION_KEY],
             path: file,
@@ -134,14 +124,8 @@ const _checkPermission = async ({ permission, path, checksumsPart, filesInDirect
 const _getClosestPermission = (permissions, parts) => {
     if (!parts.length) {
         return {
-            permission: {
-                [DEFAULT_PERMISSION_FOR_DIRECTORY_KEY]: {
-                    [PERMISSION_KEY]: DEFAULT_DIRECTORY_STRUCTURE_PERMISSION
-                },
-                [DEFAULT_PERMISSION_FOR_ALL_FILES_KEY]: {
-                    [PERMISSION_KEY]: DEFAULT_DIRECTORY_STRUCTURE_PERMISSION
-                }
-            }
+            permission: permissions[DEFAULT_PERMISSION_FOR_ALL_FILES_KEY],
+            permissionKey: DEFAULT_PERMISSION_FOR_ALL_FILES_KEY
         };
     }
     const permissionPart = _.at(permissions, parts.join('.'))?.[0];
@@ -162,19 +146,17 @@ const _getClosestPermission = (permissions, parts) => {
 export const mapToPermissionsTree = (paths) => {
     const tree = {};
     Object.entries(paths).forEach(([path, permissions]) => {
-        //TODO Cross platform
-        const parts = path.split('/').filter(Boolean);
+        const parts = path.split(platformSeparator).filter(Boolean);
         let currentLevel = tree;
         parts.forEach((part, index) => {
             if (index === parts.length - 1) {
-                // TODO cross platform
-                const finalPart = path.endsWith('/') ? `${part}/` : part;
+                const finalPart = path.endsWith(platformSeparator) ? join(part, platformSeparator) : part;
                 if (!currentLevel[finalPart])
                     currentLevel[finalPart] = {};
                 currentLevel[finalPart][PERMISSION_KEY] = { ...permissions };
             }
             if (index !== parts.length - 1) {
-                const finalPart = `${part}/`;
+                const finalPart = join(part, platformSeparator);
                 if (!currentLevel[finalPart])
                     currentLevel[finalPart] = {};
                 currentLevel = currentLevel[finalPart];

package/build/ui/box.js

@@ -0,0 +1,2 @@
+import { Box as InkBox } from 'ink';
+export const Box = InkBox;

package/build/ui/color_constants.js

@@ -0,0 +1,30 @@
+export const CSS_COLOR_TOKENS_VALUES = {
+    theme1: '#E23F46',
+    theme2: '#24B26F',
+    theme3: '#F2C533',
+    theme4: '#33A2F2',
+    theme5: '#FFEA00',
+    theme6: '#D75F5F',
+    theme7: '#5FD7FF',
+    theme8: '#EEEEEE',
+    theme9: '#BFBFBF',
+    theme10: '#000000'
+};
+export const CSS_TEXT_COLORS = {
+    danger: CSS_COLOR_TOKENS_VALUES.theme1,
+    success: CSS_COLOR_TOKENS_VALUES.theme2,
+    warning: CSS_COLOR_TOKENS_VALUES.theme3,
+    warningLight: CSS_COLOR_TOKENS_VALUES.theme5,
+    info: CSS_COLOR_TOKENS_VALUES.theme4,
+    infoLight: CSS_COLOR_TOKENS_VALUES.theme7,
+    invert: CSS_COLOR_TOKENS_VALUES.theme10
+};
+export const CSS_BORDER_COLORS = {
+    danger: CSS_COLOR_TOKENS_VALUES.theme1,
+    warning: CSS_COLOR_TOKENS_VALUES.theme3,
+    info: CSS_COLOR_TOKENS_VALUES.theme9,
+    success: CSS_COLOR_TOKENS_VALUES.theme2
+};
+export const CSS_BACKGROUND_COLORS = {
+    danger: CSS_COLOR_TOKENS_VALUES.theme6
+};

package/build/ui/command.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Text } from './text.js';
+import { CSS_TEXT_COLORS } from './color_constants.js';
+export const Command = ({ children }) => {
+    return React.createElement(Text, { color: CSS_TEXT_COLORS.infoLight }, children);
+};

package/build/ui/file_name.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Text } from './text.js';
+import { CSS_TEXT_COLORS } from './color_constants.js';
+export const FileName = ({ children }) => {
+    return React.createElement(Text, { color: CSS_TEXT_COLORS.warningLight }, children);
+};

package/build/ui/flag.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Text } from './text.js';
+import { CSS_TEXT_COLORS } from './color_constants.js';
+export const Flag = ({ children }) => {
+    return React.createElement(Text, { color: CSS_TEXT_COLORS.infoLight }, children);
+};

package/build/ui/icons/error_icon.js

@@ -0,0 +1,7 @@
+import logSymbols from 'log-symbols';
+import React from 'react';
+import { Text } from '../text.js';
+import { CSS_TEXT_COLORS } from '../color_constants.js';
+export const ErrorIcon = () => {
+    return React.createElement(Text, { color: CSS_TEXT_COLORS.danger }, logSymbols.error);
+};

package/build/ui/icons/info_icon.js

@@ -0,0 +1,7 @@
+import logSymbols from 'log-symbols';
+import React from 'react';
+import { Text } from '../text.js';
+import { CSS_TEXT_COLORS } from '../color_constants.js';
+export const InfoIcon = () => {
+    return React.createElement(Text, { color: CSS_TEXT_COLORS.infoLight }, logSymbols.info);
+};

package/build/ui/icons/success_icon.js

@@ -0,0 +1,7 @@
+import logSymbols from 'log-symbols';
+import React from 'react';
+import { Text } from '../text.js';
+import { CSS_TEXT_COLORS } from '../color_constants.js';
+export const SuccessIcon = () => {
+    return React.createElement(Text, { color: CSS_TEXT_COLORS.success }, logSymbols.success);
+};

package/build/ui/icons/warning_icon.js

@@ -0,0 +1,7 @@
+import logSymbols from 'log-symbols';
+import React from 'react';
+import { Text } from '../text.js';
+import { CSS_TEXT_COLORS } from '../color_constants.js';
+export const WarningIcon = () => {
+    return React.createElement(Text, { color: CSS_TEXT_COLORS.warning }, logSymbols.warning);
+};

package/build/ui/link.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import InkLink from 'ink-link';
+import { CSS_TEXT_COLORS } from './color_constants.js';
+import { Text } from './text.js';
+export const Link = ({ url, children }) => {
+    return (React.createElement(InkLink, { url: url },
+        React.createElement(Text, { color: CSS_TEXT_COLORS.info }, children)));
+};

package/build/ui/list/list.js

@@ -0,0 +1,10 @@
+import { LIST_TYPES } from './list_constants.js';
+import { Box } from '../box.js';
+import React from 'react';
+import { ListItem } from './list_item.js';
+export const List = ({ type = LIST_TYPES.unordered, items }) => {
+    return (React.createElement(Box, { flexDirection: "column", gap: 1, width: "100%", marginLeft: 2 }, items.map((item, index) => {
+        const itemContent = typeof item === 'string' ? item : item.content;
+        return (React.createElement(ListItem, { key: index, index: index, type: type }, itemContent));
+    })));
+};

package/build/ui/list/list_constants.js

@@ -0,0 +1,4 @@
+export const LIST_TYPES = {
+    ordered: 'ordered',
+    unordered: 'unordered'
+};

package/build/ui/list/list_item.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Box } from '../box.js';
+import { Text } from '../text.js';
+import { LIST_TYPES } from './list_constants.js';
+export const ListItem = ({ children, index, type }) => {
+    const indicator = type === LIST_TYPES.ordered ? `${index + 1}. ` : '•';
+    return (React.createElement(Box, { key: index },
+        React.createElement(Text, null, indicator),
+        React.createElement(Box, { marginLeft: 1, flexGrow: 1 },
+            React.createElement(Text, null, children))));
+};

package/build/ui/message_box/error.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MessageBox } from './message_box.js';
+import { MESSAGE_BOX_VARIANTS } from './message_box_constants.js';
+export const Error = ({ children, ...props }) => (React.createElement(MessageBox, { type: MESSAGE_BOX_VARIANTS.error, ...props }, children));

package/build/ui/message_box/info.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MessageBox } from './message_box.js';
+import { MESSAGE_BOX_VARIANTS } from './message_box_constants.js';
+export const Info = ({ children, ...props }) => (React.createElement(MessageBox, { type: MESSAGE_BOX_VARIANTS.info, ...props }, children));

package/build/ui/message_box/message_box.js

@@ -0,0 +1,11 @@
+import { Box } from '../box.js';
+import { Text } from '../text.js';
+import React from 'react';
+import { MESSAGE_BOX_TYPE_TO_BORDER_COLORS, MESSAGE_BOX_TYPE_TO_ICON, MESSAGE_BOX_VARIANTS } from './message_box_constants.js';
+export const MessageBox = ({ header, type = MESSAGE_BOX_VARIANTS.info, children }) => {
+    return (React.createElement(Box, { paddingY: 1, paddingX: 2, gap: 1, alignItems: "flex-start", borderStyle: "round", display: "flex", flexWrap: "nowrap", borderColor: MESSAGE_BOX_TYPE_TO_BORDER_COLORS[type] },
+        React.createElement(Box, { width: "auto" }, MESSAGE_BOX_TYPE_TO_ICON[type]),
+        React.createElement(Box, { display: "flex", flexDirection: "column", gap: 1 },
+            header ? React.createElement(Text, { bold: true }, header) : null,
+            children)));
+};

package/build/ui/message_box/message_box_constants.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { InfoIcon } from '../icons/info_icon.js';
+import { WarningIcon } from '../icons/warning_icon.js';
+import { SuccessIcon } from '../icons/success_icon.js';
+import { ErrorIcon } from '../icons/error_icon.js';
+import { CSS_BORDER_COLORS } from '../color_constants.js';
+export const MESSAGE_BOX_VARIANTS = {
+    info: 'info',
+    warning: 'warning',
+    success: 'success',
+    error: 'error'
+};
+export const MESSAGE_BOX_TYPE_TO_ICON = {
+    [MESSAGE_BOX_VARIANTS.info]: React.createElement(InfoIcon, null),
+    [MESSAGE_BOX_VARIANTS.warning]: React.createElement(WarningIcon, null),
+    [MESSAGE_BOX_VARIANTS.success]: React.createElement(SuccessIcon, null),
+    [MESSAGE_BOX_VARIANTS.error]: React.createElement(ErrorIcon, null)
+};
+export const MESSAGE_BOX_TYPE_TO_BORDER_COLORS = {
+    [MESSAGE_BOX_VARIANTS.info]: CSS_BORDER_COLORS.info,
+    [MESSAGE_BOX_VARIANTS.warning]: CSS_BORDER_COLORS.warning,
+    [MESSAGE_BOX_VARIANTS.success]: CSS_BORDER_COLORS.success,
+    [MESSAGE_BOX_VARIANTS.error]: CSS_BORDER_COLORS.danger
+};

package/build/ui/message_box/success.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MessageBox } from './message_box.js';
+import { MESSAGE_BOX_VARIANTS } from './message_box_constants.js';
+export const Success = ({ children, ...props }) => (React.createElement(MessageBox, { type: MESSAGE_BOX_VARIANTS.success, ...props }, children));

package/build/ui/message_box/warning.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MessageBox } from './message_box.js';
+import { MESSAGE_BOX_VARIANTS } from './message_box_constants.js';
+export const Warning = ({ children, ...props }) => (React.createElement(MessageBox, { type: MESSAGE_BOX_VARIANTS.warning, ...props }, children));

package/build/ui/prompts/prompt_confirmation.js

@@ -0,0 +1,11 @@
+import inquirer from 'inquirer';
+export const promptConfirmation = async (message) => {
+    return inquirer.prompt([
+        {
+            type: 'confirm',
+            name: 'proceed',
+            message,
+            default: true
+        }
+    ]);
+};

package/build/ui/prompts/prompt_input.js

@@ -0,0 +1,10 @@
+import inquirer from 'inquirer';
+export const promptInput = (message) => {
+    return inquirer.prompt([
+        {
+            type: 'input',
+            name: 'input',
+            message
+        }
+    ]);
+};

package/build/ui/table/t_cell.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Box } from '../box.js';
+import { Text } from '../text.js';
+export const TCell = ({ children, ...rest }) => {
+    return (React.createElement(Box, { ...rest },
+        React.createElement(Text, null, children)));
+};

package/build/ui/table/t_header.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Box } from '../box.js';
+import { CSS_BORDER_COLORS } from '../color_constants.js';
+import { TCell } from './t_cell.js';
+export const THeader = ({ data }) => {
+    return (React.createElement(Box, { borderStyle: "single", borderColor: CSS_BORDER_COLORS.info, borderBottom: true, borderLeft: false, borderRight: false, borderTop: false, display: "flex" }, data.map(({ width, content }, index) => {
+        return (React.createElement(TCell, { key: index, paddingLeft: 2, paddingTop: 1, paddingBottom: 1, width: width }, content));
+    })));
+};

package/build/ui/table/t_row.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Box } from '../box.js';
+export const TRow = ({ children }) => {
+    return (React.createElement(Box, { width: "100%", display: "flex" }, children));
+};

package/build/ui/table/table.js

@@ -0,0 +1,18 @@
+import { Box } from '../box.js';
+import { THeader } from './t_header.js';
+import React from 'react';
+import { TRow } from './t_row.js';
+import { TCell } from './t_cell.js';
+export const Table = ({ data }) => {
+    const headersData = data?.headers || [];
+    const rowsData = data?.rows || [];
+    return (React.createElement(Box, { display: "flex", flexDirection: "column", gap: 1 },
+        headersData.length ? React.createElement(THeader, { data: headersData }) : null,
+        rowsData.length
+            ? rowsData.map((rows, index) => {
+                return (React.createElement(TRow, { key: index }, rows.map((cellContent, cellIndex) => {
+                    return (React.createElement(TCell, { paddingLeft: 2, key: `${index}-${cellIndex}`, width: headersData[cellIndex]?.width }, cellContent));
+                })));
+            })
+            : null));
+};

package/build/ui/text.js

@@ -0,0 +1,2 @@
+import { Text as InkText } from 'ink';
+export const Text = InkText;

package/build/ui/tip.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Box } from './box.js';
+import { Text } from './text.js';
+export const Tip = ({ children }) => {
+    return (React.createElement(Box, null,
+        React.createElement(Text, null,
+            React.createElement(Text, { bold: true }, "Tip: "),
+            children)));
+};

package/build/ui/ui_dump/ui_component_box.js

@@ -0,0 +1,9 @@
+import { Box } from '../box.js';
+import { Text } from '../text.js';
+import React from 'react';
+export const UiComponentBox = ({ children, name }) => {
+    return (React.createElement(Box, { flexDirection: "column", gap: 1 },
+        React.createElement(Box, null,
+            React.createElement(Text, { bold: true }, name)),
+        React.createElement(Box, null, children)));
+};

package/build/ui/ui_dump/ui_dump.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { Box } from '../box.js';
+import { Command } from '../command.js';
+import { UiComponentBox } from './ui_component_box.js';
+import { FileName } from '../file_name.js';
+import { ErrorIcon } from '../icons/error_icon.js';
+import { WarningIcon } from '../icons/warning_icon.js';
+import { InfoIcon } from '../icons/info_icon.js';
+import { SuccessIcon } from '../icons/success_icon.js';
+import { Flag } from '../flag.js';
+import { Link } from '../link.js';
+import { List } from '../list/list.js';
+import { LIST_TYPES } from '../list/list_constants.js';
+import { Tip } from '../tip.js';
+import { MessageBox } from '../message_box/message_box.js';
+import { MESSAGE_BOX_VARIANTS } from '../message_box/message_box_constants.js';
+import { TABLE_COMPONENT_DATA } from './ui_dump_constants.js';
+import { Table } from '../table/table.js';
+export const UiDump = () => {
+    return (React.createElement(Box, { flexDirection: "column", gap: 1 },
+        React.createElement(UiComponentBox, { name: "Icons" },
+            React.createElement(ErrorIcon, null),
+            React.createElement(WarningIcon, null),
+            React.createElement(InfoIcon, null),
+            React.createElement(SuccessIcon, null)),
+        React.createElement(UiComponentBox, { name: "Command" },
+            React.createElement(Command, null, "shoper theme pull")),
+        React.createElement(UiComponentBox, { name: "Flag" },
+            React.createElement(Flag, null, "--pretty")),
+        React.createElement(UiComponentBox, { name: "FileName" },
+            React.createElement(FileName, null, "warning/toxic/unicorn.com")),
+        React.createElement(UiComponentBox, { name: "FileName" },
+            React.createElement(Link, { url: "https://shoper.pl" }, "Shoper")),
+        React.createElement(UiComponentBox, { name: "Unordered List" },
+            React.createElement(List, { items: [{ content: 'item' }, { content: 'item' }, { content: 'item' }, { content: 'item' }] })),
+        React.createElement(UiComponentBox, { name: "Unordered List" },
+            React.createElement(List, { type: LIST_TYPES.ordered, items: [{ content: 'item' }, { content: 'item' }, { content: 'item' }, { content: 'item' }] })),
+        React.createElement(UiComponentBox, { name: "FileName" },
+            React.createElement(Tip, null,
+                "To include Skinstore data in the future, add the `",
+                React.createElement(Flag, null, "--with-settings"),
+                "` flag.")),
+        React.createElement(UiComponentBox, { name: "Success Message Box" },
+            React.createElement(MessageBox, { header: "Theme created!", type: MESSAGE_BOX_VARIANTS.success }, "A copy of theme ID: 1 (\"Storefront\") has been created with the name \"Storefront Copy 2\" and ID: 5.")),
+        React.createElement(UiComponentBox, { name: "Info Message Box" },
+            React.createElement(MessageBox, { header: "Theme created!", type: MESSAGE_BOX_VARIANTS.info }, "A copy of theme ID: 1 (\"Storefront\") has been created with the name \"Storefront Copy 2\" and ID: 5.")),
+        React.createElement(UiComponentBox, { name: "Warnging Message Box" },
+            React.createElement(MessageBox, { header: "Theme created!", type: MESSAGE_BOX_VARIANTS.warning }, "A copy of theme ID: 1 (\"Storefront\") has been created with the name \"Storefront Copy 2\" and ID: 5.")),
+        React.createElement(UiComponentBox, { name: "Error Message Box" },
+            React.createElement(MessageBox, { header: "Theme created!", type: MESSAGE_BOX_VARIANTS.error }, "A copy of theme ID: 1 (\"Storefront\") has been created with the name \"Storefront Copy 2\" and ID: 5.")),
+        React.createElement(UiComponentBox, { name: "Table" },
+            React.createElement(Table, { data: TABLE_COMPONENT_DATA }))));
+};

package/build/ui/ui_dump/ui_dump_constants.js

@@ -0,0 +1,21 @@
+export const TABLE_COMPONENT_DATA = {
+    headers: [
+        {
+            content: 'Component',
+            width: 20
+        },
+        {
+            content: 'Description',
+            width: 20
+        },
+        {
+            content: 'Props',
+            width: 20
+        }
+    ],
+    rows: [
+        ['Box', 'A flexible', 'borderStyle'],
+        ['Box', 'A flexible', 'borderStyle'],
+        ['Box', 'A flexible', 'borderStyle']
+    ]
+};

package/build/ui/ui_utils.js

@@ -0,0 +1,11 @@
+import { render as inkRender } from 'ink';
+export const render = async (element, options) => {
+    const { waitUntilExit } = inkRender(element, options);
+    await waitUntilExit();
+    // We need to wait for other pending tasks -- unmounting of the ink component -- to complete
+    return new Promise((resolve) => setImmediate(resolve));
+};
+export const renderOnce = (element, options) => {
+    const instance = inkRender(element, options);
+    instance.unmount();
+};

package/build/ui/validation_errors/validation_error_content.js

@@ -0,0 +1,19 @@
+import { Text } from '../text.js';
+import { List } from '../list/list.js';
+import { ValidationErrorsUtils } from './validation_errors_utils.js';
+import React from 'react';
+export const ValidationErrorContent = ({ errors }) => {
+    if (typeof errors === 'string') {
+        return React.createElement(Text, null, errors);
+    }
+    if (Array.isArray(errors)) {
+        return (React.createElement(List, { items: errors.map((error) => ({
+                content: error
+            })) }));
+    }
+    return (React.createElement(List, { items: Object.entries(errors).map(([title, errorMessages]) => {
+            return {
+                content: `${title} - ${ValidationErrorsUtils.getErrorContent(errorMessages)}`
+            };
+        }) }));
+};