@swell/cli 2.0.1-alpha.17 → 2.0.1-alpha.18

package/dist/remote-app-command.js

@@ -1,13 +1,13 @@
+import { confirm } from '@inquirer/prompts';
 import { inflect } from 'inflection';
+import sortBy from 'lodash/sortBy.js';
 import * as path from 'node:path';
 import { default as ora } from 'ora';
-import sortBy from 'lodash/sortBy.js';
-import { confirm } from '@inquirer/prompts';
 import { AppCommand } from './app-command.js';
 import { readRcFile, writeRcFile } from './lib/app-config.js';
-import { AppConfig, SwellJsonFields, FunctionProcessingError, IgnoringFileError, allConfigFilesPaths, allBaseFilesInDir, appConfigFromFile, batchAppFilesByType, writeFile, writeJsonFile, deleteFile, hashFile, } from './lib/apps/index.js';
+import { AppConfig, FunctionProcessingError, IgnoringFileError, SwellJsonFields, allBaseFilesInDir, allConfigFilesPaths, appConfigFromFile, batchAppFilesByType, deleteFile, hashFile, writeFile, writeJsonFile, } from './lib/apps/index.js';
 import { default as localConfig } from './lib/config.js';
-import { getLoginHost, getAppFrontendHost, getStorefrontFrontendHost, getLocalFrontendHost, } from './lib/constants.js';
+import { getAppFrontendHost, getLocalFrontendHost, getLoginHost, getStorefrontFrontendHost, } from './lib/constants.js';
 import { toAppId } from './lib/create/index.js';
 import style from './lib/style.js';
 const PUSH_CONCURRENCY = 3;
@@ -17,37 +17,51 @@ const PUSH_CONCURRENCY = 3;
  */
 export class RemoteAppCommand extends AppCommand {
     // allows child commands to set orientation
+    static delayOrientation = false;
     // most of the times this will be the target environment
     static orientation;
-    static delayOrientation = false;
-    appType = 'any';
     // API instance of the current app definition
     app = {};
     // Indicates the app was created during the command execution
     appCreated = false;
+    appType = 'any';
     // API instance of the target storefront, if applicable
     storefront = null;
     // Indicates app configs are being synced along with theme configs
     themeSyncApp = false;
+    appFrontendUrl(storeId, installedAppId) {
+        return getAppFrontendHost(storeId, installedAppId);
+    }
+    async cleanRemoteConfigs(remoteConfigs, deleteDeprecated = true) {
+        // Delete remote configs that do not have file_path etc
+        const deprecatedConfigs = remoteConfigs.filter((config) => this.isConfigDeprecated(config));
+        if (deleteDeprecated && deprecatedConfigs.length > 0) {
+            const spinner = ora();
+            spinner.start('Cleaning up deprecated configurations, please wait...');
+            await Promise.all(deprecatedConfigs.map((config) => this.removeRemoteFile(config, false)));
+            spinner.stop();
+        }
+        const validConfigs = remoteConfigs.filter((config) => !this.isConfigDeprecated(config));
+        return validConfigs;
+    }
     dashboardUrl(flags = {}, storeId) {
         const { env } = flags;
         const envFlag = env || this.ctor.orientation?.env;
         const outputEnv = envFlag === 'live' ? '' : envFlag ? 'test' : '';
         return `${getLoginHost(storeId)}/admin/${outputEnv ? `${outputEnv}/` : ''}apps/${this.app.id}`;
     }
-    appFrontendUrl(storeId, installedAppId) {
-        return getAppFrontendHost(storeId, installedAppId);
-    }
-    storefrontFrontendUrl(storeId, storefront, branchId, preview = true, editor = false) {
-        const storefrontSlug = storefront && preview
-            ? `${storeId}--${storefront.id.toLowerCase()}`
-            : storefront && editor
-                ? `${storeId}--${storefront.id.toLowerCase()}--dev`
-                : storeId;
-        return getStorefrontFrontendHost(storefrontSlug, branchId);
-    }
-    localFrontendUrl(storeId, sessionId) {
-        return getLocalFrontendHost(storeId, sessionId);
+    async deleteConfig(configId, filePath, appConfigId) {
+        const themeId = this.app.type === 'theme' && this.storefront?.theme_id;
+        return this.api.delete({
+            adminPath: `/apps/${this.app.id}/configs/${appConfigId || configId}`,
+        }, {
+            query: {
+                ...(filePath ? { file_path: filePath } : undefined),
+                ...(themeId ? { theme_id: themeId } : undefined),
+                ...(appConfigId ? { app_config_id: appConfigId } : undefined),
+                ...(this.themeSyncApp ? { $sync_app: true } : undefined),
+            },
+        });
     }
     async getApp(id = '') {
         const app = await this.api.get({ adminPath: `/apps/${id}` });
@@ -78,8 +92,8 @@ export class RemoteAppCommand extends AppCommand {
                     else if (!themeConfig && appConfig) {
                         app.configs.push(AppConfig.create({
                             ...appConfig,
-                            appPath: this.appPath,
                             appConfigId: appConfig.id,
+                            appPath: this.appPath,
                             id: undefined,
                         }));
                     }
@@ -146,6 +160,12 @@ export class RemoteAppCommand extends AppCommand {
         }
         return app;
     }
+    async getConfigData(configId) {
+        const themeId = this.app.type === 'theme' && this.storefront?.theme_id;
+        return this.api.get({
+            adminPath: `/apps/${this.app.id}/configs/${configId}/data`,
+        }, { query: { ...(themeId ? { theme_id: themeId } : undefined) } });
+    }
     async getCreateUpdateApp(updateApp) {
         const spinner = ora();
         let sourceApp;
@@ -160,7 +180,6 @@ export class RemoteAppCommand extends AppCommand {
         if (!this.swellConfig.store.id) {
             throw new Error('App swell.json is missing or `id` is not defined.');
         }
-        /* eslint-disable camelcase */
         const body = {
             ...this.swellConfig.store,
             // we store locally the private id as the id, but we need to switch it
@@ -172,7 +191,6 @@ export class RemoteAppCommand extends AppCommand {
             ...(sourceApp?.id ? { source_id: sourceApp.id } : undefined),
         };
         const appLabel = this.app.type === 'theme' ? 'theme' : 'app';
-        /* eslint-enable camelcase */
         let app = updateApp || {};
         if (!app.id) {
             // May already have a dev instance
@@ -220,45 +238,34 @@ export class RemoteAppCommand extends AppCommand {
         // check if app is already installed on store
         return this.api.get({ adminPath: `/client/apps/${this.app.id}` }, {});
     }
-    async installApp(version, spinner) {
-        return this.api.post({ adminPath: `/client/apps` }, 
-        // eslint-disable-next-line camelcase
-        {
-            body: { app_id: this.app.id, version },
-            spinner,
-            onAsyncGetPath: (response) => ({
-                adminPath: `/client/app-async-status/${response.id}`,
-            }),
-        });
-    }
-    async updateInstalledApp(version, spinner) {
-        await this.api.put({ adminPath: `/client/apps/${this.app.id}` }, {
-            body: { version },
-            spinner,
-            onAsyncGetPath: (response) => ({
-                adminPath: `/client/app-async-status/${response.id}`,
-            }),
-        });
+    getLocalAppConfigs() {
+        const localConfigs = [];
+        for (const { configFile, configType } of allConfigFilesPaths(this.appPath)) {
+            const config = appConfigFromFile(configFile, configType, this.appPath);
+            localConfigs.push(config);
+        }
+        for (const filePath of allBaseFilesInDir(this.appPath)) {
+            const config = appConfigFromFile(filePath, 'file', this.appPath);
+            localConfigs.push(config);
+        }
+        return localConfigs;
     }
-    async getVersions(version) {
+    async getVersion(version) {
         const versionsResponse = await this.api.get({ adminPath: `/apps/${this.app.id}/versions` }, {
             query: {
+                limit: 1,
                 ...(version ? { version } : undefined),
             },
         });
-        return versionsResponse.results || [];
+        return versionsResponse.results?.[0];
     }
-    async getVersion(version) {
+    async getVersions(version) {
         const versionsResponse = await this.api.get({ adminPath: `/apps/${this.app.id}/versions` }, {
             query: {
-                limit: 1,
                 ...(version ? { version } : undefined),
             },
         });
-        return versionsResponse.results?.[0];
-    }
-    async updateVersion(version, body, spinner) {
-        await this.handleRequestErrors(async () => this.api.put({ adminPath: `/apps/${this.app.id}/versions` }, { body: { version, ...body } }), () => spinner?.fail('Error updating version.'));
+        return versionsResponse.results || [];
     }
     async handleRequestErrors(request, spinnerError) {
         let showedErrors = false;
@@ -299,6 +306,21 @@ export class RemoteAppCommand extends AppCommand {
             await this.logOrientation();
         }
     }
+    async installApp(version, spinner) {
+        return this.api.post({ adminPath: `/client/apps` }, {
+            body: { app_id: this.app.id, version },
+            onAsyncGetPath: (response) => ({
+                adminPath: `/client/app-async-status/${response.id}`,
+            }),
+            spinner,
+        });
+    }
+    isConfigDeprecated(config) {
+        return !config.file_path;
+    }
+    localFrontendUrl(storeId, sessionId) {
+        return getLocalFrontendHost(storeId, sessionId);
+    }
     async logOrientation() {
         const klass = this.ctor;
         const { flags } = await this.parse(klass);
@@ -316,191 +338,6 @@ export class RemoteAppCommand extends AppCommand {
             },
         });
     }
-    async getConfigData(configId) {
-        const themeId = this.app.type === 'theme' && this.storefront?.theme_id;
-        return await this.api.get({
-            adminPath: `/apps/${this.app.id}/configs/${configId}/data`,
-        }, { query: { ...(themeId ? { theme_id: themeId } : undefined) } });
-    }
-    async deleteConfig(configId, filePath, appConfigId) {
-        const themeId = this.app.type === 'theme' && this.storefront?.theme_id;
-        return this.api.delete({
-            adminPath: `/apps/${this.app.id}/configs/${appConfigId || configId}`,
-        }, {
-            query: {
-                ...(filePath ? { file_path: filePath } : undefined),
-                ...(themeId ? { theme_id: themeId } : undefined),
-                ...(appConfigId ? { app_config_id: appConfigId } : undefined),
-                ...(this.themeSyncApp ? { $sync_app: true } : undefined),
-            },
-        });
-    }
-    async pushRemoteFile(config, log = true) {
-        const spinner = ora();
-        log && spinner.start(`Pushing ${config.filePath}`);
-        try {
-            const postData = await config.postData();
-            if (!postData) {
-                spinner.stop();
-                return;
-            }
-            const result = await this.handleRequestErrors(async () => this.postConfigData(postData), () => log && spinner.fail(`Error pushing ${config.filePath}`));
-            log && spinner.succeed(`${this.timestampStyled()} ${config.filePath}`);
-            return result;
-        }
-        catch (error) {
-            if (error instanceof IgnoringFileError) {
-                log &&
-                    spinner.fail(`Ignoring file: ${error.message} in ${config.filePath}`);
-                return;
-            }
-            if (error instanceof FunctionProcessingError) {
-                log &&
-                    spinner.fail(`${error.message} ${error.originalError?.message?.toLowerCase()}`);
-                return;
-            }
-            log && spinner.fail(error.message);
-            throw error;
-        }
-    }
-    async pullRemoteFile(config, log = true) {
-        const spinner = ora();
-        log && spinner.start(`Pulling ${config.filePath}`);
-        try {
-            const result = await this.handleRequestErrors(async () => this.getConfigData(config.id), () => log && spinner.fail(`Error pulling ${config.filePath}`));
-            await writeFile(config.appPath, result);
-            log && spinner.succeed(`${this.timestampStyled()} ${config.filePath}`);
-            return result;
-        }
-        catch (error) {
-            log && spinner.fail(error.message);
-            throw error;
-        }
-    }
-    async removeRemoteFile(config, log = true) {
-        const spinner = ora();
-        log && spinner.start(`Removing ${config.filePath}`);
-        const result = await this.handleRequestErrors(async () => this.deleteConfig(config.id, config.filePath, config.appConfigId), () => log && spinner.fail(`Error removing ${config.filePath}`));
-        log &&
-            spinner.warn(`${this.timestampStyled()} ${style.strike(config.filePath)}`);
-        return result;
-    }
-    async removeLocalFile(config, log = true) {
-        if (!config.fileData) {
-            return;
-        }
-        const spinner = ora();
-        log && spinner.start(`Removing ${config.filePath}`);
-        const result = await this.handleRequestErrors(async () => deleteFile(config.appPath), () => log && spinner.fail(`Error removing ${config.filePath}`));
-        log &&
-            spinner.warn(`${this.timestampStyled()} ${style.strike(config.filePath)}`);
-        return result;
-    }
-    showErrors(errors, spinnerError) {
-        const actualErrors = Object.keys(errors).filter((err) => Object.prototype.hasOwnProperty.call(errors, err));
-        if (spinnerError) {
-            spinnerError();
-        }
-        else {
-            this.logError(inflect('Error', actualErrors.length));
-        }
-        for (const err of actualErrors) {
-            if (!errors[err]?.message)
-                continue;
-            // we need to display `id` instead of `private_id`
-            // developers don't have any knowledge of private ids
-            const displayErr = err === 'private_id' ? 'id' : err;
-            this.logError([
-                '  -',
-                `${displayErr}:`.toLowerCase().replace(/^error:/, ''),
-                errors[err].message,
-            ]
-                .filter(Boolean)
-                .join(' '));
-        }
-    }
-    swellRcPath() {
-        return path.join(this.appPath, '.swellrc');
-    }
-    getLocalAppConfigs() {
-        const localConfigs = [];
-        for (const { configFile, configType } of allConfigFilesPaths(this.appPath)) {
-            const config = appConfigFromFile(configFile, configType, this.appPath);
-            localConfigs.push(config);
-        }
-        for (const filePath of allBaseFilesInDir(this.appPath)) {
-            const config = appConfigFromFile(filePath, 'file', this.appPath);
-            localConfigs.push(config);
-        }
-        return localConfigs;
-    }
-    async pushAppConfigs(force) {
-        const pushed = [];
-        const removed = [];
-        const localConfigs = this.getLocalAppConfigs();
-        const remoteConfigs = await this.cleanRemoteConfigs(this.app?.configs || []);
-        // Do not allow more than 10K files
-        if (localConfigs.length > 10000) {
-            this.error(`Apps only support up to 10,000 files. Found ${localConfigs.length} files.`);
-        }
-        const batches = batchAppFilesByType(localConfigs);
-        for (const batch of batches) {
-            const remoteBatchConfigs = remoteConfigs.filter((config) => config.type === batch.type);
-            const pushFiles = batch.configs.filter((batchConfig) => {
-                const remoteConfig = remoteBatchConfigs.find((config) => {
-                    return batchConfig.filePath === config.filePath;
-                });
-                return Boolean(force || !remoteConfig || remoteConfig.hash !== batchConfig.hash);
-            });
-            const filesToRemove = remoteBatchConfigs.filter((config) => {
-                return !batch.configs.find((batchConfig) => {
-                    return batchConfig.filePath === config.filePath;
-                });
-            });
-            // Skip if there are no config changes
-            if (!pushFiles.length && !filesToRemove.length) {
-                continue;
-            }
-            const updatedLog = pushFiles.length > 0
-                ? remoteBatchConfigs.length > 0
-                    ? `(${pushFiles.length}/${batch.configs.length})`
-                    : `(${pushFiles.length})`
-                : '';
-            if (pushFiles.length > 0 || filesToRemove.length > 0) {
-                this.log(`${style.appConfigName(`${batch.label} ${updatedLog}`)}`);
-            }
-            if (pushFiles.length > 0) {
-                const pushConcurrency = batch.type === 'ASSET' ? 1 : PUSH_CONCURRENCY;
-                while (pushFiles.length) {
-                    await Promise.all(pushFiles
-                        .splice(0, pushConcurrency)
-                        .map(async (config) => {
-                        const pushedConfig = await this.pushRemoteFile(config);
-                        if (pushedConfig) {
-                            pushed.push(pushedConfig.id);
-                            if (config.filePath === 'swell.json') {
-                                this.app = await this.getApp(this.app.id);
-                            }
-                        }
-                    }));
-                }
-            }
-            // Remove any deleted files
-            if (filesToRemove.length > 0) {
-                while (filesToRemove.length) {
-                    await Promise.all(filesToRemove.splice(0, PUSH_CONCURRENCY).map(async (config) => {
-                        await this.removeRemoteFile(config);
-                        removed.push(config.id);
-                    }));
-                }
-            }
-            this.log();
-        }
-        if (pushed.length === 0 && removed.length === 0) {
-            this.log(`${style.success('✔')} All files up to date.\n`);
-        }
-        return { pushed, removed };
-    }
     async pullAppConfigs(force, confirmRemove = true) {
         const pulled = [];
         const removed = [];
@@ -525,13 +362,9 @@ export class RemoteAppCommand extends AppCommand {
                 catch { }
                 return true;
             });
-            const filesToRemove = localBatchConfigs.filter((config) => {
-                return !batch.configs.find((batchConfig) => {
-                    return batchConfig.filePath === config.filePath;
-                });
-            });
+            const filesToRemove = localBatchConfigs.filter((config) => !batch.configs.some((batchConfig) => batchConfig.filePath === config.filePath));
             // Skip if there are no config changes
-            if (!pullFiles.length && !filesToRemove.length) {
+            if (pullFiles.length === 0 && filesToRemove.length === 0) {
                 continue;
             }
             const updatedLog = pullFiles.length > 0
@@ -541,7 +374,8 @@ export class RemoteAppCommand extends AppCommand {
                 this.log(`${style.appConfigName(`${batch.label} ${updatedLog}`)}`);
             }
             if (pullFiles.length > 0) {
-                while (pullFiles.length) {
+                while (pullFiles.length > 0) {
+                    // eslint-disable-next-line no-await-in-loop
                     await Promise.all(pullFiles
                         .splice(0, PUSH_CONCURRENCY)
                         .map(async (config) => {
@@ -556,15 +390,17 @@ export class RemoteAppCommand extends AppCommand {
                     const removeList = filesToRemove
                         .map((config) => config.filePath)
                         .join('\n');
+                    // eslint-disable-next-line no-await-in-loop
                     const confirmed = await confirm({
-                        message: `The following files are not in the remote app:\n\n${removeList}\n\nDo you want to delete these files locally?`,
                         default: false,
+                        message: `The following files are not in the remote app:\n\n${removeList}\n\nDo you want to delete these files locally?`,
                     });
                     if (!confirmed) {
                         filesToRemove.splice(0);
                     }
                 }
-                while (filesToRemove.length) {
+                while (filesToRemove.length > 0) {
+                    // eslint-disable-next-line no-await-in-loop
                     await Promise.all(filesToRemove.splice(0, PUSH_CONCURRENCY).map(async (config) => {
                         await this.removeLocalFile(config);
                         removed.push(config.id);
@@ -587,7 +423,7 @@ export class RemoteAppCommand extends AppCommand {
         }
         else {
             const swellConfigJson = {};
-            for (const key in SwellJsonFields) {
+            for (const key of Object.keys(SwellJsonFields)) {
                 const configKey = SwellJsonFields[key];
                 swellConfigJson[configKey] = this.app[configKey];
             }
@@ -598,40 +434,190 @@ export class RemoteAppCommand extends AppCommand {
         swellConfig.id = swellJson?.id;
         return [swellConfig, ...allOtherConfigs];
     }
-    isConfigDeprecated(config) {
-        return !config.file_path;
+    async pullRemoteFile(config, log = true) {
+        const spinner = ora();
+        log && spinner.start(`Pulling ${config.filePath}`);
+        try {
+            const result = await this.handleRequestErrors(async () => this.getConfigData(config.id), () => log && spinner.fail(`Error pulling ${config.filePath}`));
+            await writeFile(config.appPath, result);
+            log && spinner.succeed(`${this.timestampStyled()} ${config.filePath}`);
+            return result;
+        }
+        catch (error) {
+            log && spinner.fail(error.message);
+            throw error;
+        }
     }
-    async cleanRemoteConfigs(remoteConfigs, deleteDeprecated = true) {
-        // Delete remote configs that do not have file_path etc
-        const deprecatedConfigs = remoteConfigs.filter((config) => this.isConfigDeprecated(config));
-        if (deleteDeprecated && deprecatedConfigs.length > 0) {
-            const spinner = ora();
-            spinner.start('Cleaning up deprecated configurations, please wait...');
-            for (const config of deprecatedConfigs) {
-                await this.removeRemoteFile(config, false);
+    async pushAppConfigs(force) {
+        const pushed = [];
+        const removed = [];
+        const localConfigs = this.getLocalAppConfigs();
+        const remoteConfigs = await this.cleanRemoteConfigs(this.app?.configs || []);
+        // Do not allow more than 10K files
+        if (localConfigs.length > 10000) {
+            this.error(`Apps only support up to 10,000 files. Found ${localConfigs.length} files.`);
+        }
+        const batches = batchAppFilesByType(localConfigs);
+        for (const batch of batches) {
+            const remoteBatchConfigs = remoteConfigs.filter((config) => config.type === batch.type);
+            const pushFiles = batch.configs.filter((batchConfig) => {
+                const remoteConfig = remoteBatchConfigs.find((config) => batchConfig.filePath === config.filePath);
+                return Boolean(force || !remoteConfig || remoteConfig.hash !== batchConfig.hash);
+            });
+            const filesToRemove = remoteBatchConfigs.filter((config) => !batch.configs.some((batchConfig) => batchConfig.filePath === config.filePath));
+            // Skip if there are no config changes
+            if (pushFiles.length === 0 && filesToRemove.length === 0) {
+                continue;
             }
-            spinner.stop();
+            const updatedLog = pushFiles.length > 0
+                ? remoteBatchConfigs.length > 0
+                    ? `(${pushFiles.length}/${batch.configs.length})`
+                    : `(${pushFiles.length})`
+                : '';
+            if (pushFiles.length > 0 || filesToRemove.length > 0) {
+                this.log(`${style.appConfigName(`${batch.label} ${updatedLog}`)}`);
+            }
+            if (pushFiles.length > 0) {
+                const pushConcurrency = batch.type === 'ASSET' ? 1 : PUSH_CONCURRENCY;
+                while (pushFiles.length > 0) {
+                    // eslint-disable-next-line no-await-in-loop
+                    await Promise.all(pushFiles
+                        .splice(0, pushConcurrency)
+                        .map(async (config) => {
+                        const pushedConfig = await this.pushRemoteFile(config);
+                        if (pushedConfig) {
+                            pushed.push(pushedConfig.id);
+                            if (config.filePath === 'swell.json') {
+                                this.app = await this.getApp(this.app.id);
+                            }
+                        }
+                    }));
+                }
+            }
+            // Remove any deleted files
+            if (filesToRemove.length > 0) {
+                while (filesToRemove.length > 0) {
+                    // eslint-disable-next-line no-await-in-loop
+                    await Promise.all(filesToRemove.splice(0, PUSH_CONCURRENCY).map(async (config) => {
+                        await this.removeRemoteFile(config);
+                        removed.push(config.id);
+                    }));
+                }
+            }
+            this.log();
         }
-        const validConfigs = remoteConfigs.filter((config) => !this.isConfigDeprecated(config));
-        return validConfigs;
+        if (pushed.length === 0 && removed.length === 0) {
+            this.log(`${style.success('✔')} All files up to date.\n`);
+        }
+        return { pushed, removed };
+    }
+    async pushRemoteFile(config, log = true) {
+        const spinner = ora();
+        log && spinner.start(`Pushing ${config.filePath}`);
+        try {
+            const postData = await config.postData();
+            if (!postData) {
+                spinner.stop();
+                return;
+            }
+            const result = await this.handleRequestErrors(async () => this.postConfigData(postData), () => log && spinner.fail(`Error pushing ${config.filePath}`));
+            log && spinner.succeed(`${this.timestampStyled()} ${config.filePath}`);
+            return result;
+        }
+        catch (error) {
+            if (error instanceof IgnoringFileError) {
+                log &&
+                    spinner.fail(`Ignoring file: ${error.message} in ${config.filePath}`);
+                return;
+            }
+            if (error instanceof FunctionProcessingError) {
+                log &&
+                    spinner.fail(`${error.message} ${error.originalError?.message?.toLowerCase()}`);
+                return;
+            }
+            log && spinner.fail(error.message);
+            throw error;
+        }
+    }
+    async removeLocalFile(config, log = true) {
+        if (!config.fileData) {
+            return;
+        }
+        const spinner = ora();
+        log && spinner.start(`Removing ${config.filePath}`);
+        const result = await this.handleRequestErrors(async () => deleteFile(config.appPath), () => log && spinner.fail(`Error removing ${config.filePath}`));
+        log &&
+            spinner.warn(`${this.timestampStyled()} ${style.strike(config.filePath)}`);
+        return result;
+    }
+    async removeRemoteFile(config, log = true) {
+        const spinner = ora();
+        log && spinner.start(`Removing ${config.filePath}`);
+        const result = await this.handleRequestErrors(async () => this.deleteConfig(config.id, config.filePath, config.appConfigId), () => log && spinner.fail(`Error removing ${config.filePath}`));
+        log &&
+            spinner.warn(`${this.timestampStyled()} ${style.strike(config.filePath)}`);
+        return result;
+    }
+    showErrors(errors, spinnerError) {
+        const actualErrors = Object.keys(errors).filter((err) => Object.prototype.hasOwnProperty.call(errors, err));
+        if (spinnerError) {
+            spinnerError();
+        }
+        else {
+            this.logError(inflect('Error', actualErrors.length));
+        }
+        for (const err of actualErrors) {
+            if (!errors[err]?.message)
+                continue;
+            // we need to display `id` instead of `private_id`
+            // developers don't have any knowledge of private ids
+            const displayErr = err === 'private_id' ? 'id' : err;
+            this.logError([
+                '  -',
+                `${displayErr}:`.toLowerCase().replace(/^error:/, ''),
+                errors[err].message,
+            ]
+                .filter(Boolean)
+                .join(' '));
+        }
+    }
+    storefrontFrontendUrl(storeId, storefront, branchId, preview = true) {
+        const storefrontSlug = storefront && preview
+            ? `${storeId}--${storefront.id.toLowerCase()}`
+            : storeId;
+        return getStorefrontFrontendHost(storefrontSlug, branchId);
+    }
+    swellRcPath() {
+        return path.join(this.appPath, '.swellrc');
     }
     timestampStyled() {
         const date = new Date();
         return style.dim(`[${date.toLocaleTimeString()}]`);
     }
+    async updateInstalledApp(version, spinner) {
+        await this.api.put({ adminPath: `/client/apps/${this.app.id}` }, {
+            body: { version },
+            onAsyncGetPath: (response) => ({
+                adminPath: `/client/app-async-status/${response.id}`,
+            }),
+            spinner,
+        });
+    }
+    async updateVersion(version, body, spinner) {
+        await this.handleRequestErrors(async () => this.api.put({ adminPath: `/apps/${this.app.id}/versions` }, { body: { version, ...body } }), () => spinner?.fail('Error updating version.'));
+    }
     /**
      * Reads the .swellrc file and sets up the remote app configuration.
      *
      * @returns App
      */
     initApp() {
-        let app = this.swellConfig.store || {};
+        const app = this.swellConfig.store || {};
         // id refers to remote app id, so it's undefined initially
         app.id = undefined;
         // swell.json id refers to private id
         if (this.swellConfig.get('id')) {
             // use the same formula as the backend api
-            // eslint-disable-next-line camelcase
             app.private_id = toAppId(this.swellConfig.get('id'));
         }
         // Default name to private id