var gulp = require('gulp');
var del = require('del');
var gutil = require('gulp-util')
var plugins = require("gulp-load-plugins")({lazy:false});

var templateFolder = '../../annot-server/webapp/templates/';
var staticFolder = '../../annot-server/static';

var clientBaseName = 'app';
var vendorBaseName = 'lib';

gulp.task('clean', function (cb) {
    del([
        staticFolder + "/css/app*",
        staticFolder + "/js/app*",
        staticFolder + "/data/categories.json",
    ],{'force':true}, cb);
});

var scriptsSrc = ['!./app/**/*_test.js','./app/**/*.js'];

gulp.task('scripts', function(){
    //combine all js files of the app
    gulp.src(scriptsSrc)
        .pipe(plugins.jshint())
        .pipe(plugins.jshint.reporter('default'))
        .pipe(plugins.jshint.reporter('fail'))
        .pipe(plugins.concat(clientBaseName+'.js'))
        .pipe(gulp.dest(staticFolder+'/js'))
        .pipe(plugins.filesize())
        .pipe(plugins.uglify())
        .pipe(plugins.rename(clientBaseName+'.min.js'))
        .pipe(gulp.dest(staticFolder+'/js'))
        .pipe(plugins.filesize())
        .on('error', gutil.log);
});


gulp.task('css', function(){
    gulp.src('./app/**/*.css')
        .pipe(plugins.csslint({ 'box-sizing': false }))
        .pipe(plugins.csslint.reporter())
        .pipe(plugins.concat(clientBaseName+'.css'))
        .pipe(gulp.dest(staticFolder+'/css'))
        .pipe(plugins.filesize())
        .pipe(plugins.minifyCss({keepBreaks:true}))
        .pipe(plugins.rename(clientBaseName+'.min.css'))
        .pipe(gulp.dest(staticFolder+'/css'))
        .pipe(plugins.filesize());
});

var vendorJSsrc = [
  '!./bower_components/**/*.min.js',
  '!./bower_components/bootstrap/Gruntfile.js',
  '!./bower_components/bootstrap/grunt/*',
  '!./bower_components/bootstrap/js/*',
  '!./bower_components/jquery/src/**/*',
  '!./bower_components/angular-bootstrap/ui-bootstrap.js',
  './bower_components/jquery/dist/jquery.js',
  './bower_components/angular/angular.js',
  './bower_components/**/*.js'
];

gulp.task('vendorJS', function(){
    //concatenate vendor JS files
    gulp.src(vendorJSsrc)
        .pipe(plugins.concat('lib.js'))
        .pipe(gulp.dest(staticFolder+'/js'))
        .pipe(plugins.filesize())
        .pipe(plugins.uglify())
        .pipe(plugins.rename('lib.min.js'))
        .pipe(gulp.dest(staticFolder+'/js'))
        .pipe(plugins.filesize())
        .on('error', gutil.log);
});

gulp.task('vendorCSS', function(){
    //concatenate vendor CSS files
    gulp.src(['!./bower_components/**/*.min.css',
        './bower_components/**/*.css'])
        .pipe(plugins.concat(vendorBaseName+'.css'))
        .pipe(gulp.dest(staticFolder+'/css'))
        .pipe(plugins.filesize())
        .pipe(plugins.minifyCss({keepBreaks:true}))
        .pipe(plugins.rename(vendorBaseName+'.min.css'))
        .pipe(gulp.dest(staticFolder+'/css'))
        .pipe(plugins.filesize());
});

gulp.task('vendorFonts', function(){
    gulp.src(['./bower_components/**/fonts/*'])
        .pipe(plugins.flatten())
        .pipe(gulp.dest(staticFolder+'/css/fonts'));
});

gulp.task('copy-index', function() {
    gulp.src('./app/annotationclient.html')
        .pipe(gulp.dest(templateFolder));
});

gulp.task('copy-data', function() {
    gulp.src('./data/**/*')
        .pipe(gulp.dest(staticFolder+'/data'));
});

gulp.task('copy-img', function() {
    gulp.src('./img/**/*')
        .pipe(gulp.dest(staticFolder+'/img'));
});

gulp.task('watch',function(){
    gulp.watch([
        templateFolder+'/**/*.html',
        staticFolder+'/**/*.js',
        staticFolder+'/**/*.css'
    ], function(event) {
        return gulp.src(event.path)
            .pipe(plugins.webserver.reload());
    });
    gulp.watch(['./app/**/*.js','!./app/**/*test.js'],['scripts']);
    gulp.watch('./app/**/*.css',['css']);
    gulp.watch('./app/annotationclient.html',['copy-index']);
    gulp.watch('./data/**/*',['copy-data']);
    gulp.watch('./img/**/*',['copy-img']);

});

gulp.task('connect', function() {
    gulp.src('build').pipe(
        plugins.webserver({
            port: 9000,
            livereload: true
        })
    );
});

gulp.task('default',['scripts','css','copy-index','copy-data','copy-img','vendorJS','vendorCSS','vendorFonts']);