browser-sync-2017 use chalk everywhere (#2018)

* chalk 100%

* updated test

* remove spaces that chrome would add

* fix a test

---------

Co-authored-by: Shane Osbourne <[email protected]>

Author: shakyShane

packages/browser-sync-ui/lib/UI.js

@@ -1,5 +1,6 @@
 var fs          = require("fs");
 var path        = require("path");
+var chalk       = require("chalk");
 
 var config      = require("./config");
 var eachSeries  = require("async-each-series");
@@ -188,7 +189,7 @@ function taskRunner (ui) {
             if (out) {
                 handleOut(ui, out);
             }
-            ui.logger.debug("{green:Step Complete: " + item.step);
+            ui.logger.debug(chalk.green("Step Complete: %s", item.step));
             cb();
         });
     };
@@ -247,4 +248,4 @@ function tasksComplete (ui) {
     };
 }
 
-module.exports = UI;
+module.exports = UI;

packages/browser-sync-ui/lib/plugins/sync-options/sync-options.plugin.js

@@ -1,4 +1,5 @@
 const PLUGIN_NAME = "Sync Options";
+var chalk         = require("chalk");
 
 /**
  * @type {{plugin: Function, plugin:name: string, hooks: object}}
@@ -11,9 +12,8 @@ module.exports = {
 
             "set": function (data) {
 
-                ui.logger.debug("Setting option: {magenta:%s}:{cyan:%s}", data.path.join("."), data.value);
+                ui.logger.debug("Setting option: %s:%s", chalk.magenta(data.path.join(".")), chalk.cyan(data.value));
                 bs.setOptionIn(data.path, data.value);
-
             },
 
             "setMany": function (data) {