gulpfile.js

/*jslint node: true */
'use strict';

var gulp = require('gulp');

var browserify = require('browserify');
var reactify = require('reactify');
var source = require('vinyl-source-stream');
var connect = require('gulp-connect');
var nodemon = require('gulp-nodemon');
var jest = require('gulp-jest');

var watchify = require('watchify');
var reactify = require('reactify'); 
var gulpif = require('gulp-if');
var uglify = require('gulp-uglify');
var streamify = require('gulp-streamify');
var notify = require('gulp-notify');
var concat = require('gulp-concat');
var cssmin = require('gulp-cssmin');
var sass = require('gulp-sass');
var less = require('gulp-less');
var gutil = require('gulp-util');
var shell = require('gulp-shell');
var glob = require('glob');
var livereload = require('gulp-livereload');
var jasminePhantomJs = require('gulp-jasmine2-phantomjs');
var env = require('gulp-env');
// var lr= require('tiny-lr');


var localConfig;
try {
  localConfig = require('./server/config/local.env');
} catch(e) {
  localConfig = {};
}


var browserifyTask = require('./gulp/browserify');
var styleTask = require('./gulp/style');

var dest = './client/build',
  src = './client',
  mui = './node_modules/material-ui/src',
  dependencies = [
  'react',
  'react-router',
  'react-addons',
  'flux',
  'react-tools',
  'jquery-browserify',
  'q',
  'material-ui'
];  

var config = {
  // browserSync: {
  //   server: {
  //     // We're serving the src folder as well
  //     // for sass sourcemap linking
  //     baseDir: [dest, src]
  //   },
  //   files: [
  //     dest + '/**'
  //   ]
  // },
  Less: {
    src: src + '/styles/less/main.less',
    watch: [src +'/styles/**/*.less', src+'/app/**/*.less'],
    dest: dest
  },
  markup: {
    src: src + "/www/**",
    dest: dest
  },
  fonts: {
    src: mui + '/less/material-design-fonticons/fonts/**',
    dest: dest + '/fonts/mdfonticon'
  },
  muiFonts: {
    src: mui + '/less/material-ui-icons/fonts/**',
    dest: dest + '/fonts'
  },
  Browserify: {
    // Enable source maps
    debug: true,
    // A separate bundle will be generated for each
    // bundle config in the list below
    bundleConfigs: [{
      entries: src + '/app/client.jsx',
      dest: dest,
      outputName: 'main.js',
      dependencies: dependencies
    }]
  }
};


gulp.task('serve', ['browserify','less','watch'], function () {
  // lr().listen(35729,function(){
  livereload.listen(35729, function(){
    console.log('live reload listening on 35729');
  });
});

gulp.task('watch',function(){
  gulp.watch([config.Less.watch],['less']);
});

gulp.task('browserify',function(){
  browserifyTask(config.Browserify,{
    development: true
  });
});

gulp.task('less',function(){
  styleTask(config.Less,{
    development: true
  });
});


gulp.task('deploy', function () {

  browserifyTask(config.Browserify,{
    development: false
  });
  
  styleTask(config.Less,{
    development: false,
  });

});

gulp.task('set-env', function () {
    env({
      file:'./server/config/local.env'
    });
});

gulp.task('nodemon', function(done){
  nodemon({ script: './server/server.js', env: { 'NODE_ENV': 'development'}})
  .on('restart');
});

// The default task (called when you run `gulp` from cli)
gulp.task('default', ['serve','set-env','nodemon']);


// gulp.task('serve', ['browserify', 'nodemon','watch']);

// Update Express is serving the right files
// Browserify/Reactify/Serve

gulp.task('jest', function () {
  return gulp.src('./client/app/src/').pipe(jest({
    scriptPreprocessor: "./preprocessor.js",
    unmockedModulePathPatterns: [
        "node_modules/react"
    ],
    testDirectoryName: "tests",
    testPathIgnorePatterns: [
        "node_modules",
        "spec/support"
    ],
    moduleFileExtensions: [
        "js",
        "json",
        "react"
    ]
  }));
});


// var browserifyTask = function(options) {
//   // Our app bundler
//   var appBundler = browserify({
//     entries: options.src, // Only need initial file, browserify finds the rest
//     transform: [reactify], // We want to convert JSX to normal javascript
//     debug: options.development, // Gives us sourcemapping
//     cache: {}, packageCache: {}, fullPaths: options.development // Requirement of watchify
//   });

//   // We set our dependencies as externals on our app bundler when developing    
//   (options.development ? config.dependencies : []).forEach(function (dep) {
//     appBundler.external(dep);
//   });
//    // The rebundle process
//   var rebundle = function () {
//     var start = Date.now();
//     console.log('Building APP bundle');
//     appBundler.bundle()
//       .on('error', gutil.log)
//       .pipe(source('main.js'))
//       .pipe(gulpif(!options.development, streamify(uglify())))
//       .pipe(gulp.dest(options.dest))
//       .pipe(gulpif(options.development,livereload()))
//       .pipe(notify(function () {
//         console.log('APP bundle built in ' + (Date.now() - start) + 'ms');
//       }));
//   };

//   // Fire up Watchify when developing
//   if (options.development) {
//     appBundler = watchify(appBundler);
//     appBundler.on('update', rebundle);
//   }
      
//   rebundle();
//   if (options.development) {

    // var testFiles = glob.sync('./specs/**/*-spec.js');
    // var testBundler = browserify({
    //   entries: testFiles,
    //   debug: true, // Gives us sourcemapping
    //   transform: [reactify],
    //   cache: {}, packageCache: {}, fullPaths: true // Requirement of watchify
    // });

    // dependencies.forEach(function (dep) {
    //   testBundler.external(dep);
    // });

    // var rebundleTests = function () {
    //   var start = Date.now();
    //   console.log('Building TEST bundle'); 
    //   testBundler.bundle()
    //   .on('error', gutil.log)
    //     .pipe(source('specs.js'))
    //     .pipe(gulp.dest(options.dest))
    //     .pipe(livereload())
    //     .pipe(notify(function () {
    //       console.log('TEST bundle built in ' + (Date.now() - start) + 'ms');
    //     }));
    // };

    // testBundler = watchify(testBundler);
    // testBundler.on('update', rebundleTests);
    // rebundleTests();

    // // Remove react-addons when deploying, as it is only for
    // // testing
    // if (!options.development) {
    //   dependencies.splice(dependencies.indexOf('react-addons'), 1);
    // }

  //   var vendorsBundler = browserify({
  //     debug: true,
  //     require: config.dependencies
  //   });
    
  //   // Run the vendor bundle
  //   var start = new Date();
  //   console.log('Building VENDORS bundle');
  //   vendorsBundler.bundle()
  //     .on('error', gutil.log)
  //     .pipe(source('vendors.js'))
  //     .pipe(gulpif(!options.development, streamify(uglify())))
  //     .pipe(gulp.dest(options.dest))
  //     .pipe(notify(function () {
  //       console.log('VENDORS bundle built in ' + (Date.now() - start) + 'ms');
  //     }));
    
  // } 
// };
// var styleTask = function (options) {
//   var run = function () {
//     var start = new Date();
//     console.log('Building CSS bundle');
//     gulp.src(options.src)
//       .pipe(less(config.Less).on('error', gutil.log))
//       .pipe(concat('main.css'))
//       .pipe(gulpif(!options.development,cssmin()))
//       .pipe(gulp.dest(options.dest))
//       .pipe(gulpif(options.development,livereload()))
//       .pipe(notify(function () {
//         console.log('CSS bundle built in ' + (Date.now() - start) + 'ms');
//       }));
//   };
//   run();
// };