lithium-sdk/gulp/watch.js

### Lithium Developer Community Area

'use strict';

var lazyReq = require('lazy-req')(require);
var livereload = lazyReq('gulp-livereload');
var watch = lazyReq('gulp-debounced-watch');
var prettyTime = lazyReq('pretty-hrtime');
var path = lazyReq('path');
var fs = require('fs-extra');
// var filelog = require('gulp-filelog');

module.exports = function (gulp, gutil) {
  var scripts = require('../lib/scripts.js')(gulp, gutil);
  var text = require('../lib/text.js')(gulp, gutil);
  var server = require('../lib/server.js')(gulp, gutil);
  var skins = require('../lib/skins.js')(gulp, gutil);
  var sandboxApi = require('../lib/sandbox-api-hack.js')(gulp, gutil);
  var ComponentDepedencies = require('../lib/component-dependencies');

  var watchOpts = { debounceTimeout: 250 };

  function refreshServer(filePath) {
    gutil.log(gutil.colors.cyan('Staging file for upload: ', filePath));
    sandboxApi.syncPlugin().then(function () {
      var reloadQuery = sandboxApi.createReloadQuery(filePath);
      return sandboxApi.refreshPlugin(reloadQuery);
    }).then(function () {
      livereload().reload(filePath);
    }).catch(e => {
      gutil.log(gutil.colors.red('Failed to update server after file changed. \n' + e));
    });
  }

  function watchSrc(src) {
    src = Array.isArray(src) ? src : [src];
    src = src.concat(gutil.env.watchResIgnore || []);
    // Used for debugging
    // gulp.src(src, { read: false }).pipe(filelog()).pipe(gulp.dest('.tmp/test'));
    return src;
  }

  gulp.task('watch', [
    'watch-scripts',
    'watch-script-tpls',
    'watch-script-deps',
    'watch-text',
    'watch-res',
    'watch-res-sass',
    'watch-web',
    'watch-activecast',
    'watch-scripts-deps-limuirs'
  ]);

  gulp.task('watch-scripts', function (cb) {
    watch()(watchSrc([scripts.JS_MAIN_PATTERN]), watchOpts, function (file) {
      var startTime = process.hrtime();
      gutil.log('Starting script compile');
      return scripts.processScripts(file.path,
          scripts.PLUGIN_SCRIPTS_PATH + '/' + (file.relative.replace(file.basename, '')),
        [file.path], true, true, true).on('end', function () {
          if (!server.useLocalCompile()) {
            refreshServer(file.path);
          } else {
            livereload().reload(file.path);
          }
          gutil.log('Completed script compile in: ' + gutil.colors.green(prettyTime()(process.hrtime(startTime))));
        });
    });
    cb();
  });

  gulp.task('watch-script-tpls', function (cb) {
    watch()(watchSrc(scripts.TPL_PATTERN), watchOpts, function (file) {
      var startTime = process.hrtime();
      gutil.log('Starting script tpl compile');
      return scripts.processTpls(file.path, scripts.PLUGIN_SCRIPTS_PATH,
        [file.path], true).on('end', function () {
          if (!server.useLocalCompile()) {
            refreshServer(file.path);
          } else {
            livereload().reload(file);
          }
          gutil.log('Completed script tpl compile in: ' + gutil.colors.green(prettyTime()(process.hrtime(startTime))));
        });
    });
    cb();
  });

  gulp.task('watch-script-deps', function (cb) {
    watch()(watchSrc('./sdk.conf.json'), watchOpts, function (file) {
      return scripts.createDepsMetadata(
        scripts.PLUGIN_SCRIPTS_PATH,
        scripts.SCRIPT_DEPENDENCIES_PATH,
        true
      ).on('end', function () { refreshServer(file.path); });
    });
    cb();
  });

  gulp.task('watch-scripts-deps-limuirs', function (cb) {
    var srcPath = 'limuirs/src/components/**/*.jsx';
    watch()(watchSrc(srcPath), watchOpts, function () {
      new ComponentDepedencies(scripts.COMPONENT_DEPS_SRC_PATH, scripts.COMPONENT_DEPS_DEST_PATH,
          scripts.LIMUIRS_COMPONENT_PATH).createDepFile().then(() => {
        refreshServer(scripts.COMPONENT_DEPS_DEST_PATH);
      });
    });
    cb();
  });

  gulp.task('watch-text', function (cb) {
    var textPropPattern = gutil.env.ng.textProperties.map(function (dir) {
      return path().join(dir, text.FILES_PATTERN);
    });

    // TODO: currently goes through all files -
    // try optimizing this for processing updated file only
    watch()(watchSrc(textPropPattern), watchOpts, function (file) {
      var dirPath = gutil.env.newStructure ? 'dist/plugin/res/lang/feature' : 'plugin/res/lang/feature';
      return text.processText(textPropPattern, dirPath)
        .on('end', function () { refreshServer(file.path); });
    });
    cb();
  });

  gulp.task('watch-res', function (cb) {
    var dirPath = gutil.env.newStructure ? 'dist' : 'plugin';
    var watchPrefix = gutil.env.newStructure ? 'plugin/' : '';
    watch()(watchSrc(watchPrefix + 'res/**/*.{js,json,xml,json.ftl}'), watchOpts, function (file) {
      fs.copy(file.path, file.path.replace(process.cwd(), dirPath), function () { refreshServer(file.path); });
    });
    cb();
  });

  gulp.task('watch-res-sass', function (cb) {
    var dirPath = gutil.env.newStructure ? 'dist' : 'plugin';
    var watchPrefix = gutil.env.newStructure ? 'plugin/' : '';
    watch()(watchSrc([
      watchPrefix + 'res/feature/responsivepeak/' + server.localSkinCompileVersion() + '/**/*.{scss,properties}',
      watchPrefix + 'res/**/!(responsivepeak)/**/*.{scss,properties}'
      ]), watchOpts, function (file) {
      if (server.useLocalCompile()) {
        var startTime = process.hrtime();

        skins.compile(false, livereload()).then(function () {
          gutil.log('Completed sass skin compile in: ' + gutil.colors.green(prettyTime()(process.hrtime(startTime))));
        });
      } else {
        fs.copy(file.path, file.path.replace(process.cwd(), dirPath));
        refreshServer(file.path);
      }
    });
    cb();
  });

  gulp.task('watch-web', function (cb) {
    var dirPath = gutil.env.newStructure ? 'dist' : 'plugin';
    var watchPrefix = gutil.env.newStructure ? 'plugin/' : '';
    watch()(watchSrc(watchPrefix + 'web/**/*.*'), watchOpts, function (file) {
      return fs.copy(file.path, file.path.replace(process.cwd(), dirPath), function () { refreshServer(file); });
    });
    cb();
  });

  gulp.task('watch-activecast', function () {
    var widgetPath = gutil.env.newStructure ? 'dist/plugin/web/html/assets/js/activecast/widget.js' : 'plugin/web/html/assets/js/activecast/widget.js';
    var trackerPath = gutil.env.newStructure ? 'dist/plugin/web/html/assets/js/activecast/tracker.js' : 'plugin/web/html/assets/js/activecast/tracker.js';
    watch()([widgetPath, trackerPath], watchOpts, function (file) {
      refreshServer(file.path);
    });
  });
};