@bigcommerce/stencil-cli 8.8.5 → 8.9.0

package/bin/stencil-start.js

@@ -23,7 +23,8 @@ program
     .option(
         '-cu, --channelUrl [channelUrl]',
         'Set a custom domain url to bypass dns/proxy protection',
-    );
+    )
+    .option('-p --port [portnumber]', 'Set port number to listen dev server');
 const cliOptions = prepareCommand(program);
 const options = {
     open: cliOptions.open,
@@ -33,6 +34,7 @@ const options = {
     tunnel: cliOptions.tunnel,
     cache: cliOptions.cache,
     channelUrl: cliOptions.channelUrl,
+    port: cliOptions.port,
 };
 
 async function run() {

package/lib/stencil-push.utils.js

@@ -9,6 +9,7 @@ import Bundle from './stencil-bundle.js';
 import themeApiClient from './theme-api-client.js';
 import ThemeConfig from './theme-config.js';
 import StencilConfigManager from './StencilConfigManager.js';
+import BuildConfigManager from './BuildConfigManager.js';
 
 const themeConfigManager = ThemeConfig.getInstance(THEME_PATH);
 const stencilConfigManager = new StencilConfigManager();
@@ -58,8 +59,16 @@ utils.generateBundle = async (options) => {
         ? { dest: THEME_PATH, name: options.saveBundleName }
         : { dest: os.tmpdir(), name: uuid() };
     const rawConfig = await themeConfigManager.getRawConfig();
-    const bundle = new Bundle(THEME_PATH, themeConfigManager, rawConfig, output);
+    const buildConfigManager = new BuildConfigManager();
     try {
+        await buildConfigManager.initConfig();
+        const bundle = new Bundle(
+            THEME_PATH,
+            themeConfigManager,
+            rawConfig,
+            output,
+            buildConfigManager,
+        );
         const bundleZipPath = await bundle.initBundle();
         return { ...options, bundleZipPath };
     } catch (err) {

package/lib/stencil-start.js

@@ -57,7 +57,7 @@ class StencilStart {
         }
         const initialStencilConfig = await this._stencilConfigManager.read();
         // Use initial (before updates) port for BrowserSync
-        const browserSyncPort = initialStencilConfig.port;
+        const browserSyncPort = cliOptions.port || initialStencilConfig.port;
         const channelUrl = await this.getChannelUrl(initialStencilConfig, cliOptions);
         const storeInfoFromAPI = await this._themeApiClient.checkCliVersion({
             storeUrl: channelUrl,
@@ -72,7 +72,7 @@ class StencilStart {
         );
         await this.startLocalServer(cliOptions, updatedStencilConfig);
         this._logger.log(this.getStartUpInfo(updatedStencilConfig));
-        await this.startBrowserSync(cliOptions, updatedStencilConfig, browserSyncPort);
+        await this.startBrowserSync(cliOptions, browserSyncPort);
     }
 
     async getStoreSettingsLocale(cliOptions, stencilConfig) {
@@ -131,7 +131,6 @@ class StencilStart {
             ...stencilConfig,
             storeUrl: storeInfoFromAPI.sslUrl,
             normalStoreUrl: storeInfoFromAPI.baseUrl,
-            port: Number(stencilConfig.port) + 1,
         };
     }
 
@@ -151,7 +150,7 @@ class StencilStart {
         });
     }
 
-    async startBrowserSync(cliOptions, stencilConfig, browserSyncPort) {
+    async startBrowserSync(cliOptions, browserSyncPort) {
         const DEFAULT_WATCH_FILES = ['/assets', '/templates', '/lang', '/.config'];
         const DEFAULT_WATCH_IGNORED = ['/assets/scss', '/assets/css'];
         const { themePath, configPath } = this._themeConfigManager;
@@ -218,7 +217,7 @@ class StencilStart {
                 ignoreInitial: true,
                 ignored: watchIgnored.map((val) => path.join(themePath, val)),
             },
-            proxy: `localhost:${stencilConfig.port}`,
+            proxy: `localhost:${Number(browserSyncPort) + 1}`,
             tunnel,
         });
         // Handle manual reloading of browsers by typing 'rs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigcommerce/stencil-cli",
-  "version": "8.8.5",
+  "version": "8.9.0",
   "type": "module",
   "description": "CLI tool to run BigCommerce Stores locally for theme development.",
   "main": "index.js",