Port server option (#467)

Co-authored-by: Eric Lau <[email protected]>

Author: CoveMB

README.md

@@ -18,6 +18,7 @@ Install dependencies with `yarn install`.
 - Run `yarn lint` to run the linter across the codebase (optionally `yarn lint --fix` will automatically fix fixable issues, like formatting issues).
 
 `packages/ui` is the interface built in Svelte. From the `packages/ui` directory, run `yarn dev` to spin up a local server to develop the UI.
+- By default, the local server runs on port 8080. To use another port, set the environment variable `PORT`, for example: `PORT=800 yarn dev`
 
 You'll need to supply your own environment variables if you want to enable Wizard AI Assistant (OPENAI_API_KEY) and/or logging (REDIS_URL, REDIS_TOKEN).
 

packages/ui/rollup.config.mjs

@@ -1,15 +1,15 @@
-import svelte from 'rollup-plugin-svelte';
+import alias from '@rollup/plugin-alias';
 import commonjs from '@rollup/plugin-commonjs';
 import json from '@rollup/plugin-json';
 import resolve from '@rollup/plugin-node-resolve';
 import replace from '@rollup/plugin-replace';
-import alias from '@rollup/plugin-alias';
-import livereload from 'rollup-plugin-livereload';
-import { terser } from 'rollup-plugin-terser';
 import typescript from '@rollup/plugin-typescript';
-import styles from 'rollup-plugin-styles';
 import proc from 'child_process';
 import events from 'events';
+import livereload from 'rollup-plugin-livereload';
+import styles from 'rollup-plugin-styles';
+import svelte from 'rollup-plugin-svelte';
+import { terser } from 'rollup-plugin-terser';
 import serve from './rollup.server.mjs';
 
 const production = !process.env.ROLLUP_WATCH;
@@ -142,7 +142,10 @@ export default [
 
       // In dev mode, call `npm run start` once
       // the bundle has been generated
-      !production && serve(),
+      !production &&
+        serve({
+          port: process.env.PORT || '8080',
+        }),
 
       livereloader,
 

packages/ui/rollup.server.mjs

@@ -4,15 +4,15 @@ const state = (global.ROLLUP_SERVER = global.ROLLUP_SERVER || {
   server: undefined,
 });
 
-export default function serve() {
+export default function serve({ port = '8080' }) {
   function toExit() {
     if (state.server) state.server.kill(0);
   }
 
   return {
     writeBundle() {
       if (state.server) return;
-      state.server = proc.spawn('npm', ['run', 'start', '--', '--dev'], {
+      state.server = proc.spawn('npm', ['run', 'start', '--', '--dev', '-p', port], {
         stdio: ['ignore', 'inherit', 'inherit'],
         shell: true,
       });