fix(atomic): make sure Stencil start on the good port (#697)

https://coveord.atlassian.net/browse/CDX-858
coveo · Mar 1, 2022 · 662746c · 662746c
1 parent 363bc47
commit 662746c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/create-atomic/template/start-netlify.mjs b/packages/create-atomic/template/start-netlify.mjs
@@ -8,7 +8,8 @@ const args = process.argv.slice(2);
 
 const main = async () => {
   // Dynamic Stencil port discovery feature, unsupported by Netlify.
-  const stencilPort = await getPort({port: portNumbers(3333, 3399)});
+  const stencilPort =
+    process.env.STENCIL_PORT || (await getPort({port: [3333]}));
 
   process.on('SIGINT', () => {
     // Intermittent issue with Netlify not shutting down Stencil port properly.
@@ -26,6 +27,7 @@ const main = async () => {
     ],
     {
       stdio: 'inherit',
+      env: {STENCIL_PORT: stencilPort, ...process.env},
     }
   );
 };

diff --git a/packages/create-atomic/template/stencil.config.ts b/packages/create-atomic/template/stencil.config.ts
@@ -14,6 +14,9 @@ export const config: Config = {
       copy: [{src: 'pages', keepDirStructure: false}],
     },
   ],
+  devServer: {
+    port: parseInt(process.env.STENCIL_PORT) || 3333,
+  },
   plugins: [dotenvPlugin()],
   rollupPlugins: {
     before: [