@bigcommerce/stencil-cli 8.8.6 → 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-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.6",
+  "version": "8.9.0",
   "type": "module",
   "description": "CLI tool to run BigCommerce Stores locally for theme development.",
   "main": "index.js",