@shoper/cli 0.6.4-3 → 0.7.1-1

package/build/theme/features/theme/utils/hidden_directory/hidden_directory_utils.js

@@ -7,7 +7,6 @@ import { ThemeChecksums } from '../../../../class/checksums/theme_checksums.js';
 export class HiddenDirectoryUtils {
     static async ensureFilesInsideThemeMetaDataDirectoryUntouched(themeDirectory, logger) {
         const themeMetadataPath = this.getThemeHiddenDirectoryPath(themeDirectory);
-        console.log('themeMetadataPath', themeMetadataPath);
         const themeChecksums = new ThemeChecksums({
             themeDir: themeDirectory,
             loggerApi: logger

package/build/theme/features/theme/verify/verify/theme_verify_service.js

@@ -3,12 +3,12 @@ import { ThemePublishUtils } from '../../skinstore/theme_publish_utils.js';
 import { ThemePushErrorsFactory } from '../../push/theme_push_errors_factory.js';
 import { join } from '../../../../../utils/path_utils.js';
 import { v4 as uuid } from 'uuid';
-import { ThemeArchive } from '../../../../class/archive/theme_archive.js';
+import { ThemeArchiveUtils } from '../../utils/archive/theme_archive_utils.js';
+import { ThemeActionsUtils } from '../../actions/theme_actions_utils.js';
+import { ThemeFilesUtils } from '../../utils/files/theme_files_utils.js';
 import { THEME_WILDCARD_ACTION_NAME } from '../../actions/service/theme_actions_service_constants.js';
 import { THEME_ACTIONS_TYPES } from '../../actions/theme_actions_constants.js';
-import { ThemeFilesStructureUtils } from '../../utils/files_structure/theme_files_structure_utils.js';
-import { ThemeActionsUtils } from '../../actions/theme_actions_utils.js';
-import { ArrayUtils } from '@dreamcommerce/utilities';
+import { FILE_STATES } from '../../../../../utils/fs/fs_constants.js';
 export class ThemeVerifyService {
     #loggerApi;
     constructor({ loggerApi }) {
@@ -23,13 +23,15 @@ export class ThemeVerifyService {
             throw ThemePushErrorsFactory.createErrorWhilePushingUnpublishedThemeWithSkinstoreData(credentials.shopUrl);
         try {
             this.#loggerApi.debug('Getting file records from action data.');
+            //TODO to do api?
             const filesRecords = await ThemeActionsUtils.getFilesRecordsFromActionData({
                 themeRootDir,
                 themeAction: verifyAction,
-                filesStructure
+                filesStructure,
+                themeChecksums
             });
             this.#loggerApi.debug('Filtering for modified or not created files to verify.');
-            const filesToVerify = await ArrayUtils.asyncFilter(filesRecords, async ({ path }) => (await themeChecksums.hasThemeFileBeenModified(path)) || !(await themeChecksums.hasThemeFileBeenCreated(path)));
+            const filesToVerify = filesRecords.filter(({ state }) => [FILE_STATES.modified, FILE_STATES.created].includes(state));
             this.#loggerApi.debug('Files to verify determined.', { details: { count: filesToVerify.length } });
             if (filesToVerify.length) {
                 this.#loggerApi.info(`Verifying ${filesToVerify.length} theme files.`);
@@ -46,11 +48,16 @@ export class ThemeVerifyService {
             await this._createFilesList(themeRootDir, filesToVerify);
             const themeArchivePath = join(tmpDir, `${uuid()}.zip`);
             this.#loggerApi.info('Creating theme archive for verification.');
-            await new ThemeArchive(themeRootDir).createFullArchive({
+            await ThemeArchiveUtils.create({
                 dist: themeArchivePath,
-                actionValue: THEME_WILDCARD_ACTION_NAME,
-                actionType: THEME_ACTIONS_TYPES.push,
-                logger: this.#loggerApi
+                rootDir: themeRootDir,
+                logger: this.#loggerApi,
+                files: await ThemeActionsUtils.getFilesThatMatchesAction({
+                    actionValue: THEME_WILDCARD_ACTION_NAME,
+                    actionType: THEME_ACTIONS_TYPES.push,
+                    filesStructure,
+                    rootDir: themeRootDir
+                })
             });
             this.#loggerApi.info('Theme archive created.');
             const { isSuccess, messages } = await themeFilesUploadApi.uploadArchive({
@@ -63,11 +70,11 @@ export class ThemeVerifyService {
         }
         finally {
             this.#loggerApi.debug('Cleaning up files list.');
-            await ThemeFilesStructureUtils.removeAFilesListFile(themeRootDir);
+            await ThemeFilesUtils.removeAFilesListFile(themeRootDir);
         }
     }
     async _createFilesList(themeRootDir, filesRecords) {
         this.#loggerApi.debug('Creating filesList.json for the archive.');
-        await ThemeFilesStructureUtils.createAFilesListFile(themeRootDir, ThemeFilesStructureUtils.mapFilesRecordsToFilesList(filesRecords));
+        await ThemeFilesUtils.createAFilesListFile(themeRootDir, ThemeFilesUtils.mapFilesRecordsToFilesList(filesRecords));
     }
 }

package/build/theme/features/theme/watch/api/theme_watch_api.js

@@ -0,0 +1,19 @@
+import { FeatureApi } from '@dreamcommerce/star_core';
+import { THEME_WATCH_API_NAME } from '../theme_watch_constants.js';
+export class ThemeWatchApi extends FeatureApi {
+    moduleName = THEME_WATCH_API_NAME;
+    #service;
+    constructor(service) {
+        super();
+        this.#service = service;
+    }
+    async watchTheme(props) {
+        return this.#service.watchTheme(props);
+    }
+    stopWatching() {
+        return this.#service.stopWatching();
+    }
+    ensureBrowserTabOpen() {
+        return this.#service.ensureBrowserTabOpen();
+    }
+}

package/build/theme/features/theme/watch/service/theme_watch_service.js

@@ -0,0 +1,167 @@
+import { AppLog } from '../../../../../cli/utilities/features/logger/logs/app_log.js';
+import chokidar from 'chokidar';
+import { APP_LOGS_TYPES } from '../../../../../cli/utilities/features/logger/logs/app_logs_constants.js';
+import { relative } from '../../../../../utils/path_utils.js';
+import { SHOP_BROWSER_TAB_ID, THEME_BATCH_DELAY_MS } from '../theme_watch_constants.js';
+import { FILE_STATES } from '../../../../../utils/fs/fs_constants.js';
+export class ThemeWatchService {
+    #themePushApi;
+    #isPushing = false;
+    #pendingPush = false;
+    #browserApi;
+    #batchTimeout = null;
+    #onMessage = null;
+    #changedFiles = new Set();
+    #watcher = null;
+    #urlForWatchedTheme = null;
+    constructor({ themePushApi, browserClient }) {
+        this.#themePushApi = themePushApi;
+        this.#browserApi = new browserClient({
+            onDisconnected: () => {
+                this._onInfoMessage('Browser closed');
+            }
+        });
+    }
+    async watchTheme({ themeChecksums, executionContext, credentials, themeFilesUploadApi, filesStructure, action, openBrowser = false, onMessage }) {
+        this.#onMessage = onMessage || null;
+        const themePath = executionContext.themeRootDir;
+        this.#urlForWatchedTheme = `${credentials.shopUrl}/admin/configSkins/skin-preview/id/${executionContext.themeId}`;
+        if (openBrowser) {
+            await this.#browserApi.launch();
+            await this.#browserApi.openTab(this.#urlForWatchedTheme, SHOP_BROWSER_TAB_ID);
+        }
+        this._onInfoMessage(`Watching for changes in: ${themePath}`);
+        this.#watcher = chokidar.watch(themePath, {
+            ignored: /^(?:.*[/\\])?\..*$/,
+            persistent: true,
+            ignoreInitial: true,
+            awaitWriteFinish: {
+                stabilityThreshold: 100,
+                pollInterval: 50
+            }
+        });
+        const handleFileChange = async (filePath) => {
+            const relativePath = relative(themePath, filePath);
+            await themeChecksums.updateCurrentChecksums();
+            const fileState = await themeChecksums.getFileState(relativePath);
+            if (fileState == FILE_STATES.unchanged)
+                return;
+            this._onInfoMessage(`Detected change in: ${relativePath} ${fileState}`);
+            this.#changedFiles.add(relativePath);
+            if (this.#batchTimeout)
+                this._clearQueuedBatch();
+            this.#batchTimeout = setTimeout(async () => {
+                const fileCount = this.#changedFiles.size;
+                this._onInfoMessage(`Processing batch of ${fileCount} file(s)`);
+                this.#batchTimeout = null;
+                if (this.#isPushing) {
+                    this._onInfoMessage(`Push in progress, queuing another push...`);
+                    this.#pendingPush = true;
+                    return;
+                }
+                try {
+                    await this._executePush({
+                        credentials,
+                        filesStructure,
+                        action,
+                        executionContext,
+                        themeChecksums,
+                        themeFilesUploadApi
+                    });
+                }
+                catch (err) {
+                    this.#onMessage?.(err);
+                }
+            }, THEME_BATCH_DELAY_MS);
+        };
+        this.#watcher
+            .on('add', handleFileChange)
+            .on('change', handleFileChange)
+            .on('unlink', handleFileChange)
+            .on('error', (error) => this._onErrorMessage(`Watcher error:`, error))
+            .on('ready', () => this._onInfoMessage('Initial scan complete. Ready for changes.'));
+    }
+    async ensureBrowserTabOpen() {
+        if (!this.#urlForWatchedTheme)
+            return;
+        if (!this.#browserApi.isBrowserOpen()) {
+            this._onInfoMessage(`Browser is not open, launching...`);
+            await this.#browserApi.launch();
+            await this.#browserApi.openTab(this.#urlForWatchedTheme, SHOP_BROWSER_TAB_ID);
+            this._onInfoMessage(`Browser opened with new tab`);
+            return;
+        }
+        if (!this.#browserApi.isTabOpen(SHOP_BROWSER_TAB_ID)) {
+            this._onInfoMessage(`Tab was closed, reopening...`);
+            await this.#browserApi.openTab(this.#urlForWatchedTheme, SHOP_BROWSER_TAB_ID);
+            return;
+        }
+        this._onInfoMessage(`Browser and tab already open`);
+    }
+    async stopWatching() {
+        this._onInfoMessage('Shutting down...');
+        if (this.#batchTimeout)
+            this._clearQueuedBatch();
+        await this.#watcher?.close();
+        await this.#browserApi.close();
+        this.#urlForWatchedTheme = null;
+    }
+    _clearQueuedBatch() {
+        if (this.#batchTimeout) {
+            clearTimeout(this.#batchTimeout);
+            this.#batchTimeout = null;
+        }
+    }
+    async _refreshBrowserTab() {
+        if (!SHOP_BROWSER_TAB_ID || !this.#browserApi.isTabOpen(SHOP_BROWSER_TAB_ID))
+            return;
+        try {
+            this._onInfoMessage(`Refreshing browser tab...`);
+            await this.#browserApi.refresh(SHOP_BROWSER_TAB_ID);
+            this._onInfoMessage(`Browser tab refreshed`);
+        }
+        catch (error) {
+            this._onErrorMessage(`Error refreshing browser:`, error);
+        }
+    }
+    async _executePush(params) {
+        this.#isPushing = true;
+        this.#pendingPush = false;
+        try {
+            this.#changedFiles.clear();
+            this._onInfoMessage(`Pushing theme...`);
+            await this.#themePushApi.partialPush(params);
+            this._onSuccessMessage(`Theme pushed successfully`);
+            await this._refreshBrowserTab();
+            if (this.#pendingPush) {
+                this._onInfoMessage(`Executing queued push...`);
+                this.#isPushing = false;
+                await this._executePush(params);
+            }
+        }
+        finally {
+            this.#isPushing = false;
+        }
+    }
+    _onInfoMessage(message, details) {
+        this.#onMessage?.(new AppLog({
+            level: APP_LOGS_TYPES.info,
+            message,
+            details
+        }));
+    }
+    _onErrorMessage(message, error) {
+        this.#onMessage?.(new AppLog({
+            level: APP_LOGS_TYPES.error,
+            message,
+            details: error
+        }));
+    }
+    _onSuccessMessage(message, details) {
+        this.#onMessage?.(new AppLog({
+            level: APP_LOGS_TYPES.success,
+            message,
+            details
+        }));
+    }
+}

package/build/theme/features/theme/watch/theme_watch_constants.js

@@ -0,0 +1,4 @@
+export const THEME_WATCH_FEATURE_NAME = 'ThemeWatch';
+export const THEME_WATCH_API_NAME = 'ThemeWatchApi';
+export const THEME_BATCH_DELAY_MS = 750;
+export const SHOP_BROWSER_TAB_ID = 'shop-page';

package/build/theme/features/theme/watch/theme_watch_initializer.js

@@ -0,0 +1,22 @@
+import { FEATURE_CORES_TYPES, SyncFeatureInitializer } from '@dreamcommerce/star_core';
+import { THEME_WATCH_FEATURE_NAME } from './theme_watch_constants.js';
+import { ThemeWatchService } from './service/theme_watch_service.js';
+import { THEME_PUSH_API_NAME } from '../push/theme_push_constants.js';
+import { ThemeWatchApi } from './api/theme_watch_api.js';
+import { Browser } from '../../../class/browser/browser.js';
+//TODO to pownna byc inicjalizacja w komponencie reaktowym/komendzie watch.tsx
+export class ThemeWatchInitializer extends SyncFeatureInitializer {
+    static featureName = THEME_WATCH_FEATURE_NAME;
+    init() {
+        const themePushApi = this.getApiSync(THEME_PUSH_API_NAME);
+        const service = new ThemeWatchService({ themePushApi, browserClient: Browser });
+        return {
+            cores: [
+                {
+                    type: FEATURE_CORES_TYPES.api,
+                    instance: new ThemeWatchApi(service)
+                }
+            ]
+        };
+    }
+}

package/build/theme/index.js

@@ -15,6 +15,8 @@ import { ThemePushInitializer } from './features/theme/push/theme_push_initializ
 import { ThemeVerifyInitializer } from './features/theme/verify/theme_verify_initializer.js';
 import { ThemeDeleteInitializer } from './features/theme/delete/theme_delete_initalizer.js';
 import { ThemeActionsInitializer } from './features/theme/actions/theme_actions_initializer.js';
+import { ThemeWatchCommand } from './commands/watch/theme_watch_command.js';
+import { ThemeWatchInitializer } from './features/theme/watch/theme_watch_initializer.js';
 export const COMMANDS = {
     [THEME_COMMANDS_NAME.list]: ThemeListCommand,
     [THEME_COMMANDS_NAME.pull]: ThemePullCommand,
@@ -23,14 +25,16 @@ export const COMMANDS = {
     [THEME_COMMANDS_NAME.verify]: ThemeVerifyCommand,
     [THEME_COMMANDS_NAME.info]: ThemeInfoCommand,
     [THEME_COMMANDS_NAME.delete]: ThemeDeleteCommand,
-    [THEME_COMMANDS_NAME.publish]: ThemePublishCommand
+    [THEME_COMMANDS_NAME.publish]: ThemePublishCommand,
+    [THEME_COMMANDS_NAME.watch]: ThemeWatchCommand
 };
 export const COMMAND_TO_FEATURES_MAP = {
     [THEME_COMMANDS_NAME.pull]: [ThemeMergeInitializer, ThemeFetchInitializer],
     [THEME_COMMANDS_NAME.init]: ThemeInitInitializer,
     [THEME_COMMANDS_NAME.push]: [ThemeFetchInitializer, ThemePushInitializer],
     [THEME_COMMANDS_NAME.verify]: ThemeVerifyInitializer,
-    [THEME_COMMANDS_NAME.delete]: ThemeDeleteInitializer
+    [THEME_COMMANDS_NAME.delete]: ThemeDeleteInitializer,
+    [THEME_COMMANDS_NAME.watch]: [ThemeFetchInitializer, ThemePushInitializer, ThemeWatchInitializer]
 };
 export const getThemeInitializersForCommand = (commandName) => {
     if (!commandName)

package/build/ui/command_input/command_input.js

@@ -0,0 +1,25 @@
+import { Box } from '../box.js';
+import { Text } from '../text.js';
+import React, { useState } from 'react';
+import TextInput from 'ink-text-input';
+import { COMMAND_PREFIX } from '../../theme/commands/watch/theme_watch_constants.js';
+export const CommandInput = ({ onSubmit, commands = [] }) => {
+    const [query, setQuery] = useState('');
+    const showSuggestions = query.startsWith(COMMAND_PREFIX);
+    const searchTerm = query.substring(1);
+    const filteredCommands = commands.filter((cmd) => cmd.key.startsWith(searchTerm));
+    const handleSubmit = (value) => {
+        onSubmit(value);
+        setQuery('');
+    };
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Box, { borderStyle: "round", borderColor: "blue", paddingX: 1, flexDirection: "row" },
+            React.createElement(Text, { color: "blue" }, '> '),
+            React.createElement(TextInput, { value: query, onChange: setQuery, onSubmit: handleSubmit, placeholder: `Type ${COMMAND_PREFIX} to see commands...` })),
+        showSuggestions ? (React.createElement(Box, { flexDirection: "column", marginTop: 1, marginLeft: 2 },
+            filteredCommands.map((cmd) => (React.createElement(Box, { key: cmd.key },
+                React.createElement(Box, { width: 15 },
+                    React.createElement(Text, { color: "cyan", bold: true }, cmd.key)),
+                React.createElement(Text, { color: "gray" }, cmd.description)))),
+            filteredCommands.length === 0 && React.createElement(Text, { color: "red" }, "No matching commands found"))) : null));
+};

package/build/ui/logs/log_entry.js

@@ -0,0 +1,12 @@
+export class LogEntry {
+    id;
+    type;
+    content;
+    timestamp;
+    constructor({ id, type, content, timestamp }) {
+        this.id = id;
+        this.type = type;
+        this.content = content;
+        this.timestamp = timestamp;
+    }
+}

package/build/ui/logs/logs_constants.js

@@ -0,0 +1,20 @@
+import { CSS_TEXT_COLORS } from '../color_constants.js';
+export const LOG_TYPES = {
+    info: 'info',
+    success: 'success',
+    error: 'error',
+    warning: 'warning',
+    custom: 'custom'
+};
+export const MAP_LOG_TYPE_TO_TEXT_COLOR = {
+    [LOG_TYPES.info]: CSS_TEXT_COLORS.info,
+    [LOG_TYPES.success]: CSS_TEXT_COLORS.success,
+    [LOG_TYPES.error]: CSS_TEXT_COLORS.danger,
+    [LOG_TYPES.warning]: CSS_TEXT_COLORS.warning
+};
+export const MAP_LOG_TYPE_TO_LABEL = {
+    [LOG_TYPES.info]: 'INFO',
+    [LOG_TYPES.success]: 'SUCCESS',
+    [LOG_TYPES.error]: 'ERROR',
+    [LOG_TYPES.warning]: 'WARNING'
+};

package/build/ui/logs/logs_list.js

@@ -0,0 +1,18 @@
+import { Box } from '../box.js';
+import { Text } from '../text.js';
+import React from 'react';
+import { LOG_TYPES, MAP_LOG_TYPE_TO_LABEL, MAP_LOG_TYPE_TO_TEXT_COLOR } from './logs_constants.js';
+export const LogsList = ({ logs }) => {
+    return (React.createElement(Box, { flexDirection: "column", marginBottom: 1, width: "100%" }, logs.map((log) => {
+        if (log.type === LOG_TYPES.custom)
+            return React.createElement(Box, { key: log.id }, log.content);
+        const logLabel = MAP_LOG_TYPE_TO_LABEL[log.type];
+        const logColor = MAP_LOG_TYPE_TO_TEXT_COLOR[log.type];
+        return typeof log.content === 'string' ? (React.createElement(Text, { key: log.id },
+            React.createElement(Text, { color: logColor },
+                "[",
+                logLabel,
+                "] "),
+            log.content)) : (log.content);
+    })));
+};

package/build/ui/logs/use_logs.js

@@ -0,0 +1,23 @@
+import { useState } from 'react';
+import { LOG_TYPES } from './logs_constants.js';
+import { LogEntry } from './log_entry.js';
+import { v4 as uuid } from 'uuid';
+export const useLogs = (maxLogs) => {
+    const [logs, setLogs] = useState([]);
+    const addLog = (content, type = LOG_TYPES.info) => {
+        setLogs((prev) => {
+            const newLogs = [
+                ...prev,
+                new LogEntry({
+                    id: uuid(),
+                    type,
+                    content,
+                    timestamp: Date.now()
+                })
+            ];
+            return newLogs.slice(-maxLogs);
+        });
+    };
+    const clearLogs = () => setLogs([]);
+    return { logs, addLog, clearLogs };
+};

package/build/ui/ui_dump/ui_dump.js

@@ -16,6 +16,7 @@ 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';
+import { Text } from '../text.js';
 export const UiDump = () => {
     return (React.createElement(Box, { flexDirection: "column", gap: 1 },
         React.createElement(UiComponentBox, { name: "Icons" },
@@ -41,13 +42,17 @@ export const UiDump = () => {
                 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(MessageBox, { header: "Theme created!", type: MESSAGE_BOX_VARIANTS.success },
+                React.createElement(Text, null, "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(MessageBox, { header: "Theme created!", type: MESSAGE_BOX_VARIANTS.info },
+                React.createElement(Text, null, "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(MessageBox, { header: "Theme created!", type: MESSAGE_BOX_VARIANTS.warning },
+                React.createElement(Text, null, "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(MessageBox, { header: "Theme created!", type: MESSAGE_BOX_VARIANTS.error },
+                React.createElement(Text, null, "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/utils/array_utils.js

@@ -4,3 +4,6 @@ export const asyncFilter = async (array, callback) => {
         return array.filter((_v, index) => results[index]);
     });
 };
+export const asyncMap = async (array, callback) => {
+    return Promise.all(array.map(callback));
+};

package/build/utils/checksums/checksums_utils.js

@@ -12,16 +12,12 @@ export const computeFileChecksum = async (filePath, algorithm = 'md5') => {
         const hash = createHash(algorithm);
         const stream = createReadStream(filePath);
         stream.on('data', (data) => {
-            console.log('data chunk received for hashing');
-            console.log('data', data);
             hash.update(data);
         });
         stream.on('close', () => {
-            console.log('file read completed, finalizing checksum computation');
             resolve(hash.digest('hex'));
         });
         stream.on('error', (err) => {
-            console.log('error while reading file for checksum computation', err);
             reject(err);
         });
     });

package/build/utils/fs/fs_constants.js

@@ -0,0 +1,6 @@
+export const FILE_STATES = {
+    created: 'created',
+    modified: 'modified',
+    deleted: 'deleted',
+    unchanged: 'unchanged'
+};

package/build/utils/fs/fs_utils.js

@@ -100,7 +100,7 @@ export const getAllFilesAndDirectoriesInside = async (path, options) => {
         withFileTypes
     });
 };
-export const getAllDirectoriesNamesInside = async (path, options) => {
+export const getAllDirectoriesNamesInside = async (path, options = { recursive: false, hidden: false }) => {
     const { recursive = true, hidden = true } = options;
     const files = await fsPromises.readdir(path, {
         recursive,

package/package.json

@@ -2,7 +2,7 @@
     "name": "@shoper/cli",
     "packageManager": "yarn@3.2.0",
     "sideEffects": false,
-    "version": "0.6.4-3",
+    "version": "0.7.1-1",
     "description": "CLI tool for Shoper",
     "author": "Joanna Firek",
     "license": "MIT",
@@ -54,6 +54,7 @@
         "ink": "6.0.1",
         "ink-link": "4.1.0",
         "ink-gradient": "3.0.0",
+        "ink-text-input": "6.0.0",
         "inquirer": "12.5.2",
         "inquirer-select-line": "1.1.3",
         "is-hidden-file": "1.1.2",
@@ -67,15 +68,18 @@
         "pino-pretty": "13.1.2",
         "react": "19.1.0",
         "reflect-metadata": "0.2.2",
+        "chokidar": "4.0.3",
         "rxjs": "7.8.2",
         "semver": "7.7.1",
         "strip-ansi": "7.1.0",
         "tmp-promise": "3.0.3",
         "uuid": "11.1.0",
+        "micromatch": "4.0.8",
         "walk-sync": "3.0.0",
         "yauzl": "3.2.0",
+        "figlet": "1.9.4",
         "yazl": "3.3.1",
-        "figlet": "1.9.4"
+        "puppeteer": "24.31.0"
     },
     "devDependencies": {
         "@babel/core": "7.27.1",
@@ -86,14 +90,15 @@
         "@types/fs-extra": "11.0.4",
         "@types/jest": "29.5.14",
         "@types/jsonwebtoken": "9.0.9",
-        "@types/klaw": "3.0.7",
-        "@types/lodash": "4.17.17",
         "@types/node": "18.19.84",
         "@types/react": "19.1.8",
         "@types/semver": "7.7.0",
         "@types/tmp": "0.2.6",
         "@types/yauzl": "2.10.3",
         "@types/yazl": "2.4.6",
+        "@types/klaw": "3.0.7",
+        "@types/lodash": "4.17.17",
+        "@types/micromatch": "4.0.9",
         "@typescript-eslint/eslint-plugin": "8.29.1",
         "babel-jest": "29.7.0",
         "eslint": "9.39.1",