fix(docz-core): wait for app to be ready before opening the browser

core/docz-core/package.json

@@ -47,6 +47,7 @@
     "signale": "^1.4.0",
     "titleize": "^2.1.0",
     "typescript": "3.5.3",
+    "wait-on": "^3.3.0",
     "xstate": "^4.6.7",
     "yargs": "^13.3.0"
   },
@@ -55,6 +56,7 @@
     "@types/resolve": "^0.0.8",
     "@types/shelljs": "^0.8.5",
     "@types/signale": "^1.2.1",
+    "@types/wait-on": "^3.2.0",
     "cpy": "^7.3.0",
     "docz-rollup": "^2.0.0-rc.1",
     "eslint-config-docz-ts": "^2.0.0-rc.1"

core/docz-core/src/bundler/machine/services/exec-dev-command.ts

@@ -1,12 +1,21 @@
 import spawn from 'cross-spawn'
 import sh from 'shelljs'
-
+import waitOn from 'wait-on'
 import { ServerMachineCtx } from '../context'
 import { openBrowser } from '../../../utils/open-browser'
 import * as paths from '../../../config/paths'
 
 export const execDevCommand = async ({ args }: ServerMachineCtx) => {
   sh.cd(paths.docz)
   spawn('yarn', ['dev', '--port', `${args.port}`], { stdio: 'inherit' })
-  openBrowser(`http://${args.host}:${args.port}`)
+  const url = `http://${args.host}:${args.port}`
+  console.log()
+  console.log('Buiding app')
+  await waitOn({
+    resources: [url],
+    timeout: 30000,
+  })
+  console.log()
+  console.log('App ready on ' + url)
+  openBrowser(url)
 }