@bigcommerce/stencil-cli 7.4.1 → 7.5.0

package/lib/StencilConfigManager.js

@@ -129,10 +129,9 @@ class StencilConfigManager {
         }
 
         if (!config.apiHost) {
-            this._logger.log(
-                `No api host found in config file, falling back to ${API_HOST}. You may need to run 'stencil init' again.`,
-            );
             config.apiHost = API_HOST;
+        } else {
+            this._logger.log(`API host set in config file: ${config.apiHost}`);
         }
 
         return config;

package/lib/spinner.js

@@ -0,0 +1,10 @@
+const spinner = async (action, options) => {
+    // eslint-disable-next-line node/no-unsupported-features/es-syntax
+    const { oraPromise } = await import('ora');
+    return oraPromise(action, {
+        spinner: 'triangle',
+        ...options,
+    });
+};
+
+module.exports = spinner;

package/lib/stencil-init.js

@@ -1,10 +1,12 @@
 require('colors');
 
 const inquirerModule = require('inquirer');
+const nypmModule = require('nypm');
 
+const spinnerModule = require('./spinner');
 const serverConfigModule = require('../server/config');
 const StencilConfigManager = require('./StencilConfigManager');
-const { DEFAULT_CUSTOM_LAYOUTS_CONFIG, API_HOST } = require('../constants');
+const { DEFAULT_CUSTOM_LAYOUTS_CONFIG, API_HOST, THEME_PATH } = require('../constants');
 
 class StencilInit {
     /**
@@ -12,17 +14,23 @@ class StencilInit {
      * @param stencilConfigManager
      * @param serverConfig
      * @param logger
+     * @param nypm
+     * @param spinner
      */
     constructor({
         inquirer = inquirerModule,
         stencilConfigManager = new StencilConfigManager(),
         serverConfig = serverConfigModule,
         logger = console,
+        nypm = nypmModule,
+        spinner = spinnerModule,
     } = {}) {
         this._inquirer = inquirer;
         this._stencilConfigManager = stencilConfigManager;
         this._serverConfig = serverConfig;
         this._logger = logger;
+        this._nypm = nypm;
+        this._spinner = spinner;
     }
 
     /**
@@ -39,6 +47,7 @@ class StencilInit {
         const answers = await this.askQuestions(questions);
         const updatedStencilConfig = this.applyAnswers(oldStencilConfig, answers, cliOptions);
         await this._stencilConfigManager.save(updatedStencilConfig);
+        await this.installDependencies(THEME_PATH, answers.packageManager);
 
         this._logger.log(
             'You are now ready to go! To start developing, run $ ' + 'stencil start'.cyan,
@@ -123,6 +132,16 @@ class StencilInit {
             });
         }
 
+        if (!cliOptions.packageManager) {
+            prompts.push({
+                type: 'list',
+                name: 'packageManager',
+                message: 'What is your favourite Package Manager?',
+                choices: ['npm', 'yarn', 'pnpm'],
+                default: this.getPackageManager(),
+            });
+        }
+
         return prompts;
     }
 
@@ -157,6 +176,41 @@ class StencilInit {
             ...answers,
         };
     }
+
+    getPackageManager() {
+        const userAgent = process.env.npm_config_user_agent || '';
+
+        if (userAgent.startsWith('yarn')) {
+            return 'yarn';
+        }
+
+        if (userAgent.startsWith('pnpm')) {
+            return 'pnpm';
+        }
+
+        return 'npm';
+    }
+
+    /**
+     *
+     * @param {string} projectDir
+     * @param {object} packageManager
+     * @returns
+     */
+    installDependencies(projectDir, packageManager) {
+        return this._spinner(
+            this._nypm.installDependencies({
+                cwd: projectDir,
+                silent: true,
+                packageManager,
+            }),
+            {
+                text: `Installing dependencies. This could take a minute...`,
+                successText: `Dependencies installed successfully`,
+                failText: (err) => `Failed to install dependencies: ${err.message}`.red,
+            },
+        );
+    }
 }
 
 module.exports = StencilInit;

package/lib/theme-api-client.js

@@ -208,11 +208,23 @@ async function getChannelActiveTheme({ accessToken, apiHost, storeHash, channelI
  */
 async function getStoreChannels({ accessToken, apiHost, storeHash }) {
     try {
-        const response = await networkUtils.sendApiRequest({
+        const sitesResponse = await networkUtils.sendApiRequest({
             url: `${apiHost}/stores/${storeHash}/v3/sites`,
             accessToken,
         });
-        return response.data.data;
+        const channelsResponse = await networkUtils.sendApiRequest({
+            url: `${apiHost}/stores/${storeHash}/v3/channels`,
+            accessToken,
+        });
+
+        const storefrontChannels = channelsResponse.data.data.filter(
+            (channel) => channel.type === 'storefront',
+        );
+
+        return sitesResponse.data.data.filter(
+            (site) =>
+                storefrontChannels.filter((channel) => channel.id === site.channel_id).length > 0,
+        );
     } catch (err) {
         throw new Error(`Could not fetch a list of the store channels: ${err.message}`);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigcommerce/stencil-cli",
-  "version": "7.4.1",
+  "version": "7.5.0",
   "description": "CLI tool to run BigCommerce Stores locally for theme development.",
   "main": "index.js",
   "engines": {
@@ -59,7 +59,7 @@
     "ajv": "^6.12.5",
     "archiver": "^5.0.2",
     "async": "^3.2.3",
-    "axios": "^0.27.2",
+    "axios": "^0.28.0",
     "browser-sync": "^2.27.9",
     "cheerio": "^1.0.0-rc.12",
     "colors": "1.4.0",
@@ -76,7 +76,9 @@
     "lodash": "^4.17.20",
     "memory-cache": "^0.2.0",
     "npm-which": "^3.0.1",
+    "nypm": "^0.3.8",
     "object-to-spawn-args": "^2.0.0",
+    "ora": "^8.0.1",
     "parse-json": "^5.2.0",
     "postcss": "^8.4.21",
     "postcss-safe-parser": "^6.0.0",