fix(): ensure run and emulate are delegating livereload and serve to app-scripts when applicable.

Author: jthoms1

lib/ionic/emulate.js

@@ -80,19 +80,24 @@ function run(ionic, argv, rawCliArguments) {
     hasBuildCommand = results[2];
     hasServeCommand = results[3];
 
-    if (hasBuildCommand) {
+    if (hasBuildCommand && !(isLiveReload && hasServeCommand)) {
       return npmScripts.runIonicScript('build');
     }
     return Q();
   })
   .then(function() {
 
-    if (isLiveReload && hasServeCommand && false) {
+    // If we are running livereload and are using "ionic:serve" app-script
+    // then configure devServer manually
+    if (isLiveReload && hasServeCommand) {
 
       // using app-scripts and livereload is requested
-      return ConfigXml.setConfigXml(process.cwd(), {
-        devServer: serveUtil.getUrl(address, port)
-      });
+      return npmScripts.runIonicScript('serve', ['-p', port, '--address', address, '--nobrowser'])
+        .then(function() {
+          return ConfigXml.setConfigXml(process.cwd(), {
+            devServer: serveUtil.getUrl(address, port)
+          });
+        });
     } else if (isLiveReload) {
 
       // not an app-scripts project but the user wants livereload
@@ -109,12 +114,6 @@ function run(ionic, argv, rawCliArguments) {
     var optionList = cordovaUtils.filterArgumentsForCordova(cmdName, argv, rawArgs);
     return cordovaUtils.execCordovaCommand(optionList, isLiveReload, serveOptions);
   })
-  .then(function() {
-    if (isLiveReload && hasServeCommand && false) {
-      return npmScripts.runIonicScript('serve', ['-p', port, '--address', address]);
-    }
-    return Q();
-  })
   .catch(function(ex) {
     if (ex instanceof Error) {
       log.error(ex);

lib/ionic/run.js

@@ -80,19 +80,24 @@ function run(ionic, argv, rawCliArguments) {
     hasBuildCommand = results[2];
     hasServeCommand = results[3];
 
-    if (hasBuildCommand) {
+    if (hasBuildCommand && !(isLiveReload && hasServeCommand)) {
       return npmScripts.runIonicScript('build');
     }
     return Q();
   })
   .then(function() {
 
-    if (isLiveReload && hasServeCommand && false) {
+    // If we are running livereload and are using "ionic:serve" app-script
+    // then configure devServer manually
+    if (isLiveReload && hasServeCommand) {
 
       // using app-scripts and livereload is requested
-      return ConfigXml.setConfigXml(process.cwd(), {
-        devServer: serveUtil.getUrl(address, port)
-      });
+      return npmScripts.runIonicScript('serve', ['-p', port, '--address', address, '--nobrowser'])
+        .then(function() {
+          return ConfigXml.setConfigXml(process.cwd(), {
+            devServer: serveUtil.getUrl(address, port)
+          });
+        });
     } else if (isLiveReload) {
 
       // not an app-scripts project but the user wants livereload
@@ -109,12 +114,6 @@ function run(ionic, argv, rawCliArguments) {
     var optionList = cordovaUtils.filterArgumentsForCordova(cmdName, argv, rawArgs);
     return cordovaUtils.execCordovaCommand(optionList, isLiveReload, serveOptions);
   })
-  .then(function() {
-    if (isLiveReload && hasServeCommand && false) {
-      return npmScripts.runIonicScript('serve', ['-p', port, '--address', address]);
-    }
-    return Q();
-  })
   .catch(function(ex) {
     if (ex instanceof Error) {
       log.error(ex);

lib/utils/cordova.js

@@ -93,7 +93,6 @@ function execCordovaCommand(optionList, isLiveReload, serveOptions) {
   if (isLiveReload) {
     cordovaProcess.on('exit', function() {
 
-      Serve.printCommandTips(serveOptions);
       setTimeout(function() {
 
         // set it back to the original src after a few seconds
@@ -206,6 +205,7 @@ function filterArgumentsForCordova(cmdName, argv, rawCliArguments) {
  *
  * @param {Array} argv List of arguments
  * @param {String} baseDir The projects base directory
+ * @param {Obj} options options for live reload function
  * @return {Promise} Promise upon completion
  */
 function setupLiveReload(argv, baseDir) {

lib/utils/npmScripts.js

@@ -5,6 +5,7 @@ var path = require('path');
 var fs = require('fs');
 var IonicAppLib = require('ionic-app-lib');
 var log = IonicAppLib.logging.logger;
+var DEV_SERVER_COMPLETION_STRING = 'dev server running';
 
 function getScriptName(name) {
   return 'ionic:' + name;
@@ -23,12 +24,23 @@ function runIonicScript(name, argv) {
   var scriptName = getScriptName(name);
   var q = Q.defer();
 
-  var scriptSpawn = spawn('npm', ['run', scriptName, '--'].concat(argv || []), { stdio: 'inherit' })
+  var scriptSpawn = spawn('npm', ['run', scriptName, '--', '--colors'].concat(argv || []), [process.stdin, 'pipe', process.stderr])
     .on('error', function(err) {
       log.debug('Spawn command', scriptName, 'failed');
       q.reject('Unable to run spawn command ' + err);
     });
 
+  scriptSpawn.stdout.pipe(process.stdout);
+
+  scriptSpawn.stdout.on('data', function(data) {
+    var dataLines = data.toString().split('\n').find(function(line) {
+      return line.indexOf(DEV_SERVER_COMPLETION_STRING) > -1;
+    });
+    if (dataLines && dataLines.length > 0) {
+      return q.resolve();
+    }
+  });
+  
   scriptSpawn.on('exit', function(code) {
     log.debug('Spawn command', scriptName, 'completed');
     if (code !== 0) {