feat: add port and hostname option to config

it defaults to 5173 and localhost

Author: yooouuri

README.md

@@ -39,8 +39,6 @@ import { defineConfig } from '@bistroo/vue-ssr'
 import { fileURLToPath } from 'node:url'
 
 export default defineConfig({
-  devPort: 5173,
-  startPort: 6173,
   vite: {
     resolve: {
       alias: {

example/vue-ssr.config.ts

@@ -2,8 +2,6 @@ import { defineConfig } from '@bistroo/vue-ssr'
 import { fileURLToPath } from 'node:url'
 
 export default defineConfig({
-  devPort: 1234,
-  startPort: 1234,
   vite: {
     resolve: {
       alias: {

src/cli.ts

@@ -14,7 +14,7 @@ const command = args._[0];
 if (command === 'build') {
   await build(config?.vite)
 } else if (command === 'start') {
-  await start(config?.startPort ?? 5173)
+  await start(config?.port ?? 5173, config?.hostname ?? 'localhost')
 } else {
-  await dev({ port: config?.devPort ?? 6173, viteConfig: config?.vite })
+  await dev({ port: config?.port ?? 5173, hostname: config?.hostname ?? 'localhost', viteConfig: config?.vite })
 }

src/node/dev.ts

@@ -13,7 +13,7 @@ import { vueSsrPlugin } from '../vue/plugin'
 
 const __dirname = dirname(fileURLToPath(import.meta.url))
 
-export async function dev({ port, viteConfig: viteConfig }: { port: number, viteConfig?: UserConfig }) {
+export async function dev({ port, hostname, viteConfig: viteConfig }: { port: number, hostname: string, viteConfig?: UserConfig }) {
   const manifest = {}
 
   const vite = await createServer(mergeConfig({
@@ -115,7 +115,7 @@ export async function dev({ port, viteConfig: viteConfig }: { port: number, vite
     }
   })
 
-  app.listen(port, () => {
-    console.log(`http://localhost:${port}`)
+  app.listen(port, hostname, () => {
+    console.log(`http://${hostname}:${port}`)
   })
 }

src/node/start.ts

@@ -7,7 +7,7 @@ import cookieParser from 'cookie-parser'
 import { load } from 'cheerio'
 import { type HeadTag } from '@vueuse/head'
 
-export async function start(port: number) {
+export async function start(port: number, hostname: string) {
   const template = fs.readFileSync(join(cwd(), 'dist/client/index.html'), 'utf-8')
 
   const manifest = JSON.parse(
@@ -95,7 +95,7 @@ export async function start(port: number) {
     res.status(200).set({ 'Content-Type': 'text/html' }).end($.html())
   })
 
-  app.listen(port, () => {
-    console.log(`http://localhost:${port}`)
+  app.listen(port, hostname, () => {
+    console.log(`http://${hostname}:${port}`)
   })
 }

src/types.ts

@@ -5,8 +5,8 @@ import { Request, Response } from 'express'
 
 export type VueSsrConfig = {
   vite?: UserConfig
-  devPort?: number
-  startPort?: number
+  port?: number
+  hostname?: string
 }
 
 export type State = { value?: any }