watch this even more or less

Author: McNull

.idea/inspectionProfiles/Project_Default.xml

@@ -6,50 +6,62 @@ var clean = require('gulp-rimraf');
 
 module.exports = function (gulp, module) {
 
-  var exclude = '*.css|*.js|*.svg|*.map';
+  var exclude = /(\.css|\.js|\.svg|\.map|\.less|\.map)$/i;
 
-  module.task('copy-clean', function () {
+  // Sometimes node is unable to read the stat property (file-busy)
+
+  function isFile(file) {
+    try {
+      return file.stat && file.stat.isFile();
+    } catch (e) {
+      return false;
+    }
+  }
+
+  // Cleaning the copy must go in two phases.
+  // gulp-rimraf will throw an exception if a file is already deleted by deleting the containing directory.
+  // So we first clean the files and then any empty directory leftovers.
+
+  // This task can only start AFTER the other modules tasks. The build will crash if any of the other tasks
+  // is writing output files and it's somehow included in the gulp.src().
+
+  module.task('copy-clean', ['scripts', 'styles', 'svg'], function () {
 
     var outputFiles = [
-      path.join(module.folders.dest, '**/!(' + exclude + ')')
+      path.join(module.folders.dest, '**/*')
     ];
 
     return gulp.src(outputFiles, { read: false })
       .pipe(filter(function (file) {
-        // gulp-rimraf will throw an exception if a file is already deleted by deleting the containing directory.
-        return file.stat.isFile();
+        return !exclude.test(file.path) && isFile(file);
       }))
       .pipe(clean({ force: true }));
 
   });
 
-  module.task('copy-clean-dirs', ['copy-clean'], function() {
+  module.task('copy-clean-dirs', ['copy-clean'], function () {
     var outputFiles = [
-      path.join(module.folders.dest, '**/!(' + exclude + ')')
+      path.join(module.folders.dest, '**/*')
     ];
 
     return gulp.src(outputFiles, { read: false })
-      .pipe(filter(function(file) {
+      .pipe(filter(function (file) {
         // Only include directories
-        return !file.stat.isFile();
+        return !exclude.test(file.path) && !isFile(file);
       }))
-      .pipe(sort(function(fileA, fileB) {
+      .pipe(sort(function (fileA, fileB) {
         // Reorder directories -- deepest first
 
         var a = fileA.path.split(path.sep).length;
         var b = fileB.path.split(path.sep).length;
 
         return b - a;
       }))
-      .pipe(filter(function(file) {
+      .pipe(filter(function (file) {
         // Only empty directories
         var files = fs.readdirSync(file.path);
         return !files || files.length == 0;
       }))
-//      .pipe(filter(function(file) {
-//        console.log(file);
-//        return true;
-//      }))
       .pipe(clean({ force: true }));
   });
 
@@ -68,7 +80,7 @@ module.exports = function (gulp, module) {
     return gulp.src(glob)
       .pipe(filter(function (file) {
         // Only copy files -- don't copy empty directories
-        return file.stat.isFile();
+        return !exclude.test(file.path) && isFile(file);
       }))
       .pipe(gulp.dest(module.folders.dest));
 

.idea/runConfigurations/gulpfile_js_app_styles.xml

@@ -19,8 +19,11 @@ module.exports = function (gulp, module) {
     '!**/*.ignore.js'
   ];
 
-  module.watch('scripts-watch', function() {
-    gulp.watch(inputFiles, [ module.name + '-scripts' ]);
+  module.watch('scripts', function() {
+    return {
+      glob: inputFiles
+    };
+//    gulp.watch(inputFiles, [ module.name + '-scripts' ]);
   });
 
   module.task('scripts-clean', function() {

.idea/runConfigurations/gulpfile_js_app_styles_watch.xml

@@ -21,8 +21,17 @@ module.exports = function (gulp, module) {
     '!**/*.ignore.css'
   ];
 
-  module.watch('styles-watch', function() {
-    gulp.watch(inputFiles, [ module.name + '-styles' ]);
+  module.watch('styles', function() {
+
+    // Include all *.less files in the watch
+    var files = inputFiles.concat([]);
+    files.splice(1, 0, path.join(module.folders.src, '**/*.less'));
+
+    return {
+      glob: files,
+      tasks: [ 'styles' ]
+    };
+
   });
 
   module.task('styles-clean', function() {
@@ -68,6 +77,16 @@ module.exports = function (gulp, module) {
       .pipe(gulpIf(/\.less$/ , less()))
       .pipe(concat(module.name + '.css'))
       .pipe(prefixer(['last 2 versions', '> 1%', 'ie 8']))
+      .pipe(filter(function(file) {
+
+        // For gulp-sourcemaps to work with less import statements we'll need to rebase the file
+
+        file.base = path.join(file.base, module.folders.src);
+        file.path = path.join(file.base, module.name + '.css');
+
+        return true;
+
+      }))
       .pipe(sourcemaps.write('.', { sourceRoot: '../src/' + module.name }))
       .pipe(gulp.dest(module.folders.dest))
 

.idea/webResources.xml

@@ -20,8 +20,10 @@ module.exports = function(gulp, module) {
     path.join(module.folders.src, '**/*.ng.svg')
   ];
 
-  module.watch('templates-watch', function() {
-    gulp.watch(inputFiles, [ module.name + '-templates' ]);
+  module.watch('templates', function() {
+    return {
+      glob: inputFiles
+    };
   });
 
   module.task('templates-clean', function() {

gulp-tasks/module-tasks/copy-task.js

@@ -93,11 +93,46 @@ module.exports = function (gulp) {
 
   // - - - - - - - 8-< - - - - - - - - - - - - - - - - - - - -
 
-  function moduleWatchTask(taskname, depsOrFn, fn) {
+  function moduleWatchTask(taskname, fn) {
     var module = this;
-    var fulltaskname = module.name + '-' + taskname;
+    var fulltaskname = module.name + '-' + taskname + '-watch';
+
+    module.task(taskname + '-watch', null, function(cb) {
+
+      var opt = fn();
+
+      if(!opt) {
+        throw new Error('No options returned from watch: ' + taskname);
+      }
+
+      if(!opt.glob) {
+        throw new Error('No glob watch property in options: ' + taskname);
+      }
+
+      opt.tasks = opt.tasks || [taskname];
+
+      var i = opt.tasks.length;
+
+      while(i--) {
+        opt.tasks[i] = module.name + '-' + opt.tasks[i];
+      }
+
+      var watcher =  gulp.watch(opt.glob, opt.tasks);
+
+      function onEvent(event) {
+        console.log(event);
+      }
+
+      watcher.on('change', function(event) {
+        console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
+        var exec = require('child_process').exec;
+
+        exec('growlnotify -n angular-project-template -m "' + module.name + '-' + taskname + ': build triggered."')
+      });
+
+      cb();
+    }, true);
 
-    module.task(taskname, depsOrFn, fn, true);
     module.watchTasks.push(fulltaskname);
   }
 

gulp-tasks/module-tasks/scripts-task.js

@@ -0,0 +1,13 @@
+#!/bin/sh
+
+# At the moment of writing gulp doesn't handle thrown exceptions very well when watching for file modifications.
+# This ensures the watch is up and running.
+
+# https://github.com/gulpjs/gulp/issues/216
+
+gulp build
+
+until gulp watch
+ do growlnotify -name gulp -m "gulp watch restarted"
+ sleep 1
+done