fix(examples): auto-assign the hub side-car port instead of failing hard

getPort({ random: false }) throws when the preferred side-car port is taken (e.g. by a lingering previous hub instance), so `vite dev` refused to start while the old instance kept serving — which made it look like new code changes (like ctx.terminals spawning) had no effect. Walk a port range and fall back to a random free port instead; clients discover the chosen port via __connection.json either way.

Author: antfubot

examples/minimal-vite-devframe-hub/src/minimal-vite-devframe-hub.ts

@@ -77,7 +77,10 @@ export function minimalViteDevframeHub(options: MinimalViteDevframeHubOptions =
       started = undefined
 
       const cwd = viteConfig!.root
-      const port = options.port ?? await getPort({ port: 9777, random: false })
+      // Prefer 9777 but keep booting when it's taken (e.g. a lingering
+      // previous instance) — walk the range, then fall back to a random free
+      // port. Clients discover whatever was chosen via `__connection.json`.
+      const port = options.port ?? await getPort({ port: 9777, portRange: [9777, 9877] })
 
       // Serve the side-car's connection meta (`__connection.json`) at a URL
       // base so a browser loaded there can discover the WS endpoint via

examples/storybook-hub/src/storybook-hub.ts

@@ -153,7 +153,10 @@ export function storybookHub(options: StorybookHubOptions = {}): Plugin {
     killDevServers()
 
     const cwd = viteConfig?.root ?? process.cwd()
-    const port = options.port ?? await getPort({ port: 9787, random: false })
+    // Prefer 9787 but keep booting when it's taken (e.g. a lingering previous
+    // instance) — walk the range, then fall back to a random free port. The
+    // client discovers whatever was chosen via `__connection.json`.
+    const port = options.port ?? await getPort({ port: 9787, portRange: [9787, 9887] })
 
     const serveConnectionMeta = (metaBase: string): void => {
       server.middlewares.use(`${metaBase}${DEVFRAME_CONNECTION_META_FILENAME}`, (_req, res) => {