Add a banner advertising the final server URL.

So it's not as hard to miss across all the log.

Signed-off-by: David Calavera <[email protected]>

Author: calavera

package-lock.json

@@ -11,6 +11,7 @@
     "@oclif/command": "^1",
     "@oclif/config": "^1",
     "ascii-table": "0.0.9",
+    "boxen": "^3.0.0",
     "copy-template-dir": "^1.4.0",
     "execa": "^1.0.0",
     "fs-extra": "^7.0.1",

package.json

@@ -9,6 +9,8 @@ const { serverSettings } = require('../../detect-server')
 const openBrowser = require('../../utils/openBrowser')
 const Command = require('@netlify/cli-utils')
 const { getAddons } = require('netlify/src/addons')
+const chalk = require('chalk')
+const boxen = require('boxen')
 
 function isFunction(settings, req) {
   return settings.functionsPort && req.url.match(/^\/.netlify\/functions\/.+/)
@@ -148,7 +150,10 @@ class DevCommand extends Command {
     }
 
     const url = await startProxy(settings, addonUrls)
-    this.log(`Netlify dev server is now ready on ${url}`)
+
+    const banner = chalk.bold(`Netlify dev server is now ready on ${url}`)
+    this.log(boxen(banner, {padding: 1, margin: 1, align: 'center', borderColor: '#00c7b7'}))
+
     openBrowser(url)
   }
 }