fix: explicitly set port for hapi server (#1291)

Author: jairo-bc

lib/stencil-start.js

@@ -65,6 +65,7 @@ class StencilStart {
         const updatedStencilConfig = this.updateStencilConfig(
             initialStencilConfig,
             storeInfoFromAPI,
+            browserSyncPort,
         );
         this._storeSettingsLocale = await this.getStoreSettingsLocale(
             cliOptions,
@@ -126,11 +127,12 @@ class StencilStart {
         }
     }
 
-    updateStencilConfig(stencilConfig, storeInfoFromAPI) {
+    updateStencilConfig(stencilConfig, storeInfoFromAPI, browserSyncPort) {
         return {
             ...stencilConfig,
             storeUrl: storeInfoFromAPI.sslUrl,
             normalStoreUrl: storeInfoFromAPI.baseUrl,
+            port: browserSyncPort,
         };
     }
 

package-lock.json

@@ -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;