@bigcommerce/stencil-cli 8.8.6 → 8.9.1

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,
@@ -65,6 +65,7 @@ class StencilStart {
         const updatedStencilConfig = this.updateStencilConfig(
             initialStencilConfig,
             storeInfoFromAPI,
+            browserSyncPort,
         );
         this._storeSettingsLocale = await this.getStoreSettingsLocale(
             cliOptions,
@@ -72,7 +73,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) {
@@ -126,12 +127,12 @@ class StencilStart {
         }
     }
 
-    updateStencilConfig(stencilConfig, storeInfoFromAPI) {
+    updateStencilConfig(stencilConfig, storeInfoFromAPI, browserSyncPort) {
         return {
             ...stencilConfig,
             storeUrl: storeInfoFromAPI.sslUrl,
             normalStoreUrl: storeInfoFromAPI.baseUrl,
-            port: Number(stencilConfig.port) + 1,
+            port: browserSyncPort,
         };
     }
 
@@ -151,7 +152,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 +219,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.1",
   "type": "module",
   "description": "CLI tool to run BigCommerce Stores locally for theme development.",
   "main": "index.js",

package/server/index.js

@@ -14,7 +14,7 @@ function buildManifest(srcManifest, options) {
     const parsedSecureUrl = new URL(options.dotStencilFile.storeUrl); // The url to a secure page (prompted as login page)
     const parsedNormalUrl = new URL(options.dotStencilFile.normalStoreUrl); // The host url of the homepage;
     const storeUrl = parsedSecureUrl.protocol + '//' + parsedSecureUrl.host;
-    resManifest.server.port = options.dotStencilFile.port;
+    resManifest.server.port = parseInt(options.dotStencilFile.port, 10) + 1;
     pluginsByName['./plugins/router/router.module.js'].storeUrl = storeUrl;
     pluginsByName['./plugins/router/router.module.js'].normalStoreUrl =
         parsedNormalUrl.protocol + '//' + parsedNormalUrl.host;