feat(cli): add --open to dev command, fix #257

histoire-dev · Feb 8, 2023 · 876161b · 876161b
1 parent 7ce2088
commit 876161b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/packages/histoire/src/node/bin.ts b/packages/histoire/src/node/bin.ts
@@ -16,6 +16,7 @@ program.version(version)
 program.command('dev')
   .describe('open the stories in your browser for development')
   .option('-p, --port <port>', 'Listening port of the server')
+  .option('--open', 'Open in your default browser')
   .action(async (options) => {
     const { devCommand } = await import('./commands/dev.js')
     return devCommand(options)

diff --git a/packages/histoire/src/node/commands/dev.ts b/packages/histoire/src/node/commands/dev.ts
@@ -6,6 +6,7 @@ import { createServer } from '../server.js'
 
 export interface DevOptions {
   port: number
+  open?: boolean
 }
 
 export async function devCommand (options: DevOptions) {
@@ -15,7 +16,10 @@ export async function devCommand (options: DevOptions) {
     const ctx = await createContext({
       mode: 'dev',
     })
-    const { server, viteConfigFile, close } = await createServer(ctx, { port: options.port })
+    const { server, viteConfigFile, close } = await createServer(ctx, {
+      port: options.port,
+      open: options.open,
+    })
     server.printUrls()
 
     // Histoire config watcher

diff --git a/packages/histoire/src/node/server.ts b/packages/histoire/src/node/server.ts
@@ -14,11 +14,17 @@ import { createMarkdownFilesWatcher, onMarkdownListChange } from './markdown.js'
 
 export interface CreateServerOptions {
   port?: number
+  open?: boolean
 }
 
 export async function createServer (ctx: Context, options: CreateServerOptions = {}) {
   const getViteServer = async (collecting: boolean) => {
     const { viteConfig, viteConfigFile } = await getViteConfigWithPlugins(collecting, ctx)
+
+    if (!collecting && options.open) {
+      viteConfig.server.open = true
+    }
+
     const server = await createViteServer(viteConfig)
     await server.pluginContainer.buildStart({})
     return {