gulpfile.js

var gulp = require('gulp'),
 sass = require('gulp-sass'),
 connect = require('gulp-connect'),
 watch = require('gulp-watch'),
 clean = require('del'),
 concat = require('gulp-concat'),
 rename = require('gulp-rename'),
 addStream = require('add-stream'),
 templateCache = require('gulp-angular-templatecache'),
 replaceName = require('gulp-html-replace'),
 mainBowerFiles = require('main-bower-files'),
 order = require("gulp-order");

var appConfig = {
    app:  'app',
    dist: 'dist',
    src : 'src'
};


gulp.task('connect', function () {
  connect.server({
    root: 'dist',
    port: 8080,
    livereload: true,
	  middleware: function (connect) {
      return [connect().use("/bower_components", connect.static("bower_components"))];
    }    
  });
});

 gulp.task('replaceName', function() {
      gulp.src('app/index.html')
        .pipe(gulp.dest('dist/'));
});


gulp.task('html', function () {
  gulp.src('app/**/*.html')
    .pipe(replaceName({
            'css': ['styles/vendor.min.css','styles/picker.min.css'],
            'js': ['scripts/vendor.min.js','scripts/script.min.js']
    }))
    .pipe(gulp.dest('dist/'))    
    .pipe(connect.reload())
});


gulp.task('copyjs', function () {
  gulp.src([
        'app/scripts/app.js',
        'app/scripts/**/*.js',
        'app/picker/**/*.js',
        'app/menu/**/*.js',                        
      ])
     //.pipe(order())
    .pipe(concat('script.min.js'))
    .pipe(gulp.dest('dist/scripts/'))
    .pipe(connect.reload());
});


gulp.task('styles', function() {
   gulp.src('app/styles/*.scss')
      .pipe(sass())
      .pipe(concat('picker.min.css'))
      .pipe(gulp.dest('dist/styles/'))
    	.pipe(connect.reload());
});

// build vendor js and styles

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

  gulp.src(mainBowerFiles('**/*.js'))
//  .pipe(uglify())
  .pipe(concat('vendor.min.js'))
  .pipe(gulp.dest('dist/scripts/'));


});


gulp.task('vendorCss', function(){  
  gulp.src(mainBowerFiles('**/*.css'))
  .pipe(concat('vendor.min.css'))
  .pipe(gulp.dest('dist/styles/'));

});


// watch task
gulp.task('watch', function() {
    gulp.watch('app/**/*.html',['html']);
    gulp.watch('app/**/*.js',['copyjs']);
    gulp.watch('app/styles/*.scss',['styles']);        
});

// clean task

gulp.task('clean', function() {
  return clean(['dist/**/*']);
});









/*

  buid task for distribution

*/

function prepareTemplates() {
  return gulp.src('app/picker/*.html')
    .pipe(templateCache(
      {
        module:'smDateTimeRangePicker',
        transformUrl: function(url) {
          return 'picker/'+url;
        }
  }));
}





gulp.task('stylePicker', function() {
   gulp.src('app/styles/date_picker.scss')
      .pipe(sass())
      .pipe(rename('picker.css'))
      .pipe(gulp.dest('src/'));
});


gulp.task('pickerJs', function () {
  gulp.src('app/picker/js/*.js')
    .pipe(addStream.obj(prepareTemplates()))
    .pipe(concat('picker.js'))
    .pipe(gulp.dest('src/'));
});

gulp.task('cleanSrc', function() {
  return clean(['src/']);
});



//Watch task
gulp.task('default',['clean','html','vendorCss','vendorJs','styles','copyjs','watch','connect']);

gulp.task('build',['cleanSrc','pickerJs','stylePicker']);