Updated some packages and implemented OS notifications for linting and SASS errors

Author: Joe Alves

generated/gulpfile.js

@@ -1,8 +1,6 @@
-'use strict';
-
 // All used modules.
-var babel = require('gulp-babel');
 var gulp = require('gulp');
+var babel = require('gulp-babel');
 var runSeq = require('run-sequence');
 var plumber = require('gulp-plumber');
 var concat = require('gulp-concat');
@@ -17,6 +15,7 @@ var eslint = require('gulp-eslint');
 var mocha = require('gulp-mocha');
 var karma = require('karma').server;
 var istanbul = require('gulp-istanbul');
+var notify = require('gulp-notify');
 
 // Development tasks
 // --------------------------------------------------------------
@@ -33,6 +32,9 @@ gulp.task('reloadCSS', function () {
 gulp.task('lintJS', function () {
 
     return gulp.src(['./browser/js/**/*.js', './server/**/*.js'])
+        .pipe(plumber({
+            errorHandler: notify.onError('Linting FAILED! Check your gulp process.')
+        }))
         .pipe(eslint())
         .pipe(eslint.format())
         .pipe(eslint.failOnError());
@@ -81,10 +83,15 @@ gulp.task('testBrowserJS', function (done) {
 });
 
 gulp.task('buildCSS', function () {
+
+    var sassCompilation = sass();
+    sassCompilation.on('error', console.error.bind(console));
+
     return gulp.src('./browser/scss/main.scss')
-        .pipe(sass({
-            errLogToConsole: true
+        .pipe(plumber({
+            errorHandler: notify.onError('SASS processing failed! Check your gulp process.')
         }))
+        .pipe(sassCompilation)
         .pipe(rename('style.css'))
         .pipe(gulp.dest('./public'));
 });
@@ -110,8 +117,6 @@ gulp.task('seedDB', function () {
 
 });
 
-// --------------------------------------------------------------
-
 // Production tasks
 // --------------------------------------------------------------
 
@@ -134,8 +139,6 @@ gulp.task('buildJSProduction', function () {
 
 gulp.task('buildProduction', ['buildCSSProduction', 'buildJSProduction']);
 
-// --------------------------------------------------------------
-
 // Composed tasks
 // --------------------------------------------------------------
 
@@ -149,13 +152,14 @@ gulp.task('build', function () {
 
 gulp.task('default', function () {
 
-    livereload.listen();
     gulp.start('build');
 
+    // Run when anything inside of browser/js changes.
     gulp.watch('browser/js/**', function () {
         runSeq('buildJS', 'reload');
     });
 
+    // Run when anything inside of browser/scss changes.
     gulp.watch('browser/scss/**', function () {
         runSeq('buildCSS', 'reloadCSS');
     });
@@ -171,4 +175,6 @@ gulp.task('default', function () {
     // Run browser testing when a browser test file changes.
     gulp.watch('tests/browser/**/*', ['testBrowserJS']);
 
+    livereload.listen();
+
 });

generated/package.json

@@ -8,7 +8,7 @@
     "postinstall": "gulp build"
   },
   "dependencies": {
-    "angular": "^1.4.0",
+    "angular": "^1.5.0-beta.0",
     "angular-bootstrap": "^0.12.0",
     "angular-mocks": "^1.4.0",
     "angular-ui-router": "^0.2.15",
@@ -31,12 +31,13 @@
     "gulp-minify-css": "^0.4.6",
     "gulp-mocha": "^2.0.0",
     "gulp-ng-annotate": "^0.5.2",
+    "gulp-notify": "^2.2.0",
     "gulp-plumber": "^0.6.6",
     "gulp-rename": "^1.2.0",
     "gulp-sass": "^2.0.4",
     "gulp-sourcemaps": "^1.3.0",
     "gulp-uglify": "^1.1.0",
-    "karma": "^0.12.31",
+    "karma": "^0.13.14",
     "karma-chai": "^0.1.0",
     "karma-coverage": "^0.2.7",
     "karma-mocha": "^0.1.10",