/**
 * 
 * @authors Tony.Deng (dengtongyu123@163.com)
 * @date    2017-05-17 15:35:29
 * @version $Id$
 */

const gulp = require('gulp');
const webpack = require('gulp-webpack');
const stylus = require('gulp-stylus');
const swig = require('gulp-swig');
const htmlmin = require('gulp-htmlmin');
const uglify = require('gulp-uglify');
const tmodjs = require('gulp-tmod');
const browserSync = require('browser-sync');
const reload = browserSync.reload;
const proxyMiddleware = require('http-proxy-middleware');
const lodash = require('lodash');
const path = require('path');
const plumber = require('gulp-plumber');
const notify = require('gulp-notify');
const babel = require('gulp-babel');
const runSequence = require('run-sequence');

let swigOpts = {
    defaults: {
        varControls: ['{[', ']}'],
        cache: false
    }
};

function onErrorHandler(err) {
	notify.onError({
		title: "Webpage",
        subtitle: err.plugin + " error!",
        message: "Error: <%= error.message %>",
        sound: "Beep"
	})(err);
	this.emit('end');
}


function pathType(filePath) {
	let type = path.parse(filePath).ext;
	if(type == '.styl') {
		return 0;
	}else if(type == '.htm') {
		return 1;
	}else if(type == '.html') {
		return 2;
	}else if(type == '.js') {
		if(filePath.match(/build/ig)) {
			return 4;
		}else {
			return 3;
		}
	}else if(type == '.tmod') {
		return 5;
	}

}

module.exports =  function (pathConfig,config) {

	let swigData = require('./' + config.base + '/pages/' + pathConfig.currPath + '/data.json');
	swigData.now = function () {
	    return new Date().getTime()
	};
    swigOpts.defaults.locals = swigData;

    let webPackConfig = require('./webpack.config.js')(pathConfig.currPath);

    function watcherListFun(watchList) {
    	for (var i = 0; i < watchList.length; i++) {
			if(watchList[i].taskName[0] == 'uglify_build' || watchList[i].taskName[0] == 'htmlmin_build') continue;

    		gulp.watch(watchList[i].watchPath,watchList[i].taskName).on('change', function (event) {
				let fileType = pathType(event.path);
		        pathConfig[watchList[fileType].taskPath] = path.relative(__dirname,event.path);
		        //added为新增,deleted为删除，changed为改变
		        //变化类型 和 变化的文件的路径
				console.log(event.type + ' : ' + pathConfig[watchList[fileType].taskPath]);

		    });
    	}
	}

	let watchList = [{
		watchPath:pathConfig.styleBuildPath,
		taskName:['stylus_build'],
		taskPath:'styleChangePath'
	},
	{
		watchPath:pathConfig.htmlBuildPath,
		taskName:['html_build'],
		taskPath:'swigChangePath'
	},
	{
		watchPath:pathConfig.htmlminBuildPath,
		taskName:['htmlmin_build'],
		taskPath:'htmlminChangePath'
	},
	{
		watchPath:pathConfig.scriptBuildPath,
		taskName:['js_build'],
		taskPath:'scriptChangePath'
	},
	{
		watchPath:pathConfig.uglifyBuildPath,
		taskName:['uglify_build'],
		taskPath:'uglifyChangePath'
	},
	{
		watchPath:pathConfig.tmodBuildPath,
		taskName:['tmodjs_build'],
		taskPath:'tmodChangePath'
	}];

	//server任务
	gulp.task('server', function () {

		//代理配置
		let proxy = proxyMiddleware(
			['/node_modules','/res/images/userimage'],
			{
				//target:'http://172.26.68.35:8085'//
				target: 'http://node.dengtongyu.com'
				//target:'http://47.94.23.46:80'
			}
		);
		let proxy2 = proxyMiddleware(
			['/data/getPictureList'],
			{
				target: 'http://localhost:8080'
			}
		);

	    browserSync({
	        host: 'localhost',
	        open: 'external',
	        startPath: '/pages/' + pathConfig.currPath,
	        browser: 'google chrome',
	        ghostMode: false, // 每个页面的镜像独立，不相互影响
	        server: {
	            baseDir: 'build',
	            middleware: [proxy,proxy2]
	        }
		});
		
		watcherListFun(watchList);
	    
    });

	//stylus任务
	gulp.task('stylus_build', function () {
	    return gulp.src(pathConfig.styleBuildPath, config)
			.pipe(plumber({errorHandler: onErrorHandler}))
	        .pipe(stylus({
		    	compress: true
		    }))
			.pipe(gulp.dest(config.build))
	        .on("end", reload);
	});

	//swig任务
	gulp.task('swig_build', function () {
		return gulp.src(pathConfig.htmlBuildPath, config)
			.pipe(plumber({errorHandler: onErrorHandler}))
	        .pipe(swig(swigOpts))
	        .pipe(gulp.dest(config.build))
	        .on("end", reload);
	});

	//htmlmin任务
	gulp.task('htmlmin_build', function () {
		return gulp.src(pathConfig.htmlminBuildPath, config)
			.pipe(plumber({errorHandler: onErrorHandler}))
	        .pipe(htmlmin({collapseWhitespace: true}))
			.pipe(gulp.dest(config.build))
	        .on("end", reload);
	});

	//webpack任务
	gulp.task('webpack_build', function () {
		return gulp.src(pathConfig.scriptBuildPath)
			.pipe(plumber({errorHandler: onErrorHandler}))
			.pipe(webpack( webPackConfig ))
			.pipe(babel({
				presets: ['env']
			}))
  			.pipe(gulp.dest(pathConfig.webpackOutPath))
			.on("end", reload);
	});

	//uglify任务
	gulp.task('uglify_build', function () {
		return gulp.src(pathConfig.uglifyBuildPath, {base: config.build})
			.pipe(plumber({errorHandler: onErrorHandler}))
	        .pipe(uglify())
	        .pipe(gulp.dest(config.build))
	        .on("end", reload);
	});

	//tmod任务
	gulp.task('tmod_build', function () {
		//console.log(pathConfig.tmodBuildPath);
		return gulp.src(pathConfig.tmodBuildPath)
			.pipe(plumber({errorHandler: onErrorHandler}))
	        .pipe(tmodjs({
				templateBase: pathConfig.tmodBasePath,
				output: pathConfig.tmodOutPath,
				combo: false,
				type: 'cmd'
			}))	
	        .on("end", reload);
	});

	//watch html任务
	gulp.task('html_build', function () {
		runSequence('swig_build','htmlmin_build');
	});

	//watch js任务
	gulp.task('js_build', function () {
		//console.log('执行了js_build')
		runSequence('webpack_build', 'uglify_build');
	});

	//watch tmodjs任务
	gulp.task('tmodjs_build', function () {
		runSequence('tmod_build', 'webpack_build', 'uglify_build');
	});
}