var _ = require('lodash');
var fs = require('fs');
var del = require('del');
var path = require('path');
var ejs = require('gulp-ejs');
var gulpif = require('gulp-if');
var less = require('gulp-less');
var util = require('./lib/util');
var uglify = require('gulp-uglify');
var usemin = require('gulp-usemin');
var lazyImageCSS = require('gulp-lazyimagecss');  // 自动为图片样式添加 宽/高/background-size 属性
var minifyCSS = require('gulp-cssnano');
var imagemin = require('gulp-imagemin');
var pngquant = require('imagemin-pngquant');
var tmtsprite = require('gulp-tmtsprite');   // 雪碧图合并
var ejshelper = require('tmt-ejs-helper');
var postcss = require('gulp-postcss');  // CSS 预处理
var postcssPxtorem = require('postcss-pxtorem'); // 转换 px 为 rem
var postcssAutoprefixer = require('autoprefixer');
var posthtml = require('gulp-posthtml');
var posthtmlPx2rem = require('posthtml-px2rem');;
var RevAll = require('gulp-rev-all');   // reversion
var revDel = require('gulp-rev-delete-original');
var sass = require('gulp-sass');
var changed = require('./common/changed')();
var webpack = require('webpack-stream');
var babel = require('gulp-babel');
var eslint = require('gulp-eslint');

//svg转换用到的组件
var fs = require('fs');
var rename = require('gulp-rename');
var svgmin = require('gulp-svgmin');
var svgInline = require('gulp-svg-inline');
var replace = require('gulp-replace');
var parseSVG = require('./common/parseSVG');
var svgToPng = require('./common/svgToPng');
var svgSymbol = require('gulp-svg-sprite');

var webpackConfigPath = path.join(process.cwd(), 'webpack.config.js');
var webpackConfig; // webpack 配置
var jsPath = path.join(process.cwd(), 'src', 'js');

if (util.dirExist(jsPath) && util.fileExist(webpackConfigPath)) {
  webpackConfig = require(webpackConfigPath);
}

module.exports = function (gulp, config) {
  process.env.NODE_ENV = 'production';

  var targetDir = '../../activity/' + config.projectName + '/';
  var paths = {
    src: {
      dir: './',
      img: './img/**/*.{JPG,jpg,png,gif,svg}',
      slice: './slice/**/*.png',
      js: './js/**/*.js',
      media: './media/**/*',
      less: './css/**/*.less',
      sass: './css/**/*.scss',
      html: ['./**/*.html', '!./_*/**.html', '!./html_tpl/**/*.html'],
      htmlAll: './**/*.html',
      php: './**/*.php',
      svg: './svg/**/*.svg'
    },
    tmp: {
      dir: './tmp',
      css: './tmp/css',
      img: './tmp/img',
      html: './tmp',
      sprite: './tmp/sprite',
      js: './tmp/js',
      svg: './tmp/svg',
      symboltemp: './tmp/symboltemp/',
      symbol: './tmp/symbolsvg'
    },
    dist: {
      dir: targetDir,
      css: targetDir + 'css',
      img: targetDir + 'img',
      svg: targetDir + 'svg',
      html: targetDir,
      sprite: targetDir + 'sprite'
    }
  };

  var webp = require('./common/webp')(config);

  var lazyDir = config.lazyDir || ['../slice', '../svg'];

  var postcssOption = [];

  if (config.supportREM) {
    postcssOption = [
      postcssAutoprefixer(),
      //  周玉杰加的如果不行可删除  开始
      postcssPxtorem({
        root_value: '75', // 基准值 html{ font-zise: 20px; }
        prop_white_list: [], // 对所有 px 值生效
        minPixelValue: 0 // 忽略 1px 值
      })

      //  周玉杰加的如果不行可删除  结束

      // 如果删除了上面的 就要解开注释
      // postcssPxtorem({
      //   root_value: '20', // 基准值 html{ font-zise: 20px; }
      //   prop_white_list: [], // 对所有 px 值生效
      //   minPixelValue: 2 // 忽略 1px 值
      // })
      ]
  } else {
    postcssOption = [
      postcssAutoprefixer()
    ]
  }

  // 清除 dev 目录
  function delDev() {
    return del('./dev', {
      force: true
    });
  }

  // 清除 dist 目录
  function delDist() {
    return del([paths.dist.dir], {
      force: true
    });
  }

  // 清除 tmp 目录
  function delTmp() {
    return del([paths.tmp.dir]);
  }

  function delSVG() {
    return del([paths.tmp.symboltemp]);
  }

  //编译 less
  function compileLess() {
    return gulp.src(paths.src.less)
      .pipe(less({relativeUrls: true}))
      .pipe(lazyImageCSS({SVGGracefulDegradation: config.SVGGracefulDegradation, imagePath: lazyDir}))
      .pipe(tmtsprite({margin: 4}))
      .pipe(gulpif('*.png', gulp.dest(paths.tmp.sprite), gulp.dest(paths.tmp.css)));
  }

  //编译 less
  function compileSass() {
    return gulp.src(paths.src.sass)
      .pipe(sass())
      .on('error', sass.logError)
      .pipe(lazyImageCSS({SVGGracefulDegradation: config.SVGGracefulDegradation, imagePath: lazyDir}))
      .pipe(tmtsprite({margin: 4}))
      .pipe(gulpif('*.png', gulp.dest(paths.tmp.sprite), gulp.dest(paths.tmp.css)));
  }

  //自动补全
  function compileAutoprefixer() {
    // return gulp.src('./tmp/css/style-*.css')
    return gulp.src(paths.tmp.css + '/**/*.css')
      .pipe(svgInline({
        maxImageSize: 10 * 1024 * 1024,
        extensions: [/.svg/ig],
      }))
      .pipe(postcss(postcssOption))
      .pipe(gulp.dest(paths.tmp.css));
  }

  //CSS 压缩
  function miniCSS() {
    // return gulp.src('./tmp/css/style-*.css')
    return gulp.src(paths.tmp.css + '/**/*.css')
      .pipe(minifyCSS({
        safe: true,
        reduceTransforms: false,
        advanced: false,
        compatibility: 'ie7',
        keepSpecialComments: 0
      }))
      .pipe(gulp.dest(paths.tmp.css));
  }

  //图片压缩
  function imageminImg() {
    return gulp.src(paths.src.img)
      .pipe(imagemin({
        use: [pngquant()]
      }))
      .pipe(gulp.dest(paths.tmp.img));
  }

  //复制媒体文件
  function copyMedia() {
    return gulp.src(paths.src.media, {base: paths.src.dir}).pipe(gulp.dest(paths.tmp.dir));
  }

  //编译 JS
  function compileJs() {
    var condition = webpackConfig ? true : false;

    return gulp.src(paths.src.js)
      .pipe(eslint())
      .pipe(eslint.format('../node_modules/eslint-friendly-formatter'))
      .pipe(eslint.failAfterError())
      .pipe(gulpif(
        condition,
        webpack(webpackConfig),
        babel({
          presets: ['es2015', 'stage-2']
        })
      ))
      .pipe(uglify())
      .pipe(gulp.dest(paths.tmp.js));
  }

  //雪碧图压缩
  function imageminSprite() {
    // return gulp.src('./tmp/sprite/**/*')
    return gulp.src(paths.tmp.sprite + '/**/*')
      .pipe(imagemin({
        use: [pngquant()]
      }))
      .pipe(gulp.dest(paths.tmp.sprite));
  }

  //html 编译
  function compileHtml() {
    return gulp.src(paths.src.html)
      .pipe(ejs(ejshelper()))
      .pipe(gulpif(
        config.supportREM,
        posthtml(
          posthtmlPx2rem({
            rootValue: 20,
            minPixelValue: 2
          })
        ))
      )
      .pipe(parseSVG({devPath: 'tmp', SVGGracefulDegradation: config.SVGGracefulDegradation}))
      .pipe(gulp.dest(paths.tmp.html))
      .pipe(usemin())
      .pipe(gulp.dest(paths.tmp.html));
  }


  //webp 编译
  function supportWebp() {
    if (config['supportWebp']) {
      return webp();
    } else {
      return function noWebp(cb) {
        cb();
      }
    }
  }

  //新文件名(md5)
  function reversion(cb) {

    var RevOptions = {
      fileNameManifest: 'manifest.json',
      dontRenameFile: ['.html', '.php'],
      dontUpdateReference: ['.html'],
      includeFilesInManifest: ['.css', '.js', '.html', 'htm'],
      transformFilename: function (file, hash) {
        var ext = path.extname(file.path);

        // if(ext === '.html'){
        //     return path.basename(file.path, ext) + ext;
        // }

        return path.basename(file.path, ext) + '.' + hash.substr(0, 8) + ext;
      }
    };

    if (config['reversion']) {
      // return gulp.src(['./tmp/**/*'])
      return gulp.src([paths.tmp.dir + '/**/*'])
        .pipe(RevAll.revision(RevOptions))
        .pipe(gulp.dest(paths.tmp.dir))
        .pipe(revDel({
          exclude: /(.html|.htm)$/
        }))
        // .pipe(RevAll.manifestFile())
        .pipe(gulp.dest(paths.tmp.dir));
    } else {
      cb();
    }
  }

  function miniSVG() {
    if (config.SVGGracefulDegradation) {
      return gulp.src(paths.src.svg)
        .pipe(svgmin({
          plugins: [{
            convertPathData: true
          }, {
            removeTitle: true
          }, {
            mergePaths: false
          }, {
            removeUnknownsAndDefaults: false
          }, {
            removeDoctype: true
          }, {
            removeComments: true
          }, {
            cleanupNumericValues: {
              floatPrecision: 2
            }
          }, {
            convertColors: {
              names2hex: true,
              rgb2hex: true
            }
          }]
        }))
        .pipe(svgToPng())
        .pipe(gulp.dest(paths.tmp.svg));
    } else {
      return gulp.src(paths.src.svg)
        .pipe(svgmin({
          plugins: [{
            convertPathData: true
          }, {
            removeTitle: true
          }, {
            mergePaths: false
          }, {
            removeUnknownsAndDefaults: false
          }, {
            removeDoctype: true
          }, {
            removeComments: true
          }, {
            cleanupNumericValues: {
              floatPrecision: 2
            }
          }, {
            convertColors: {
              names2hex: true,
              rgb2hex: true
            }
          }]
        }))
        .pipe(gulp.dest(paths.tmp.svg));
    }
  }

  function svgSymbols() {
    return gulp.src(paths.tmp.symboltemp + '**/*.svg')
      .pipe(svgSymbol({
        mode: {
          inline: true,
          symbol: true
        },
        shape: {
          id: {
            generator: function (id) {
              var ids = id.replace(/.svg/ig, '');
              return ids;
            }
          }
        }
      }))
      .pipe(rename(function (path) {
        path.dirname = './';
        path.basename = 'symbol';
      }))
      .pipe(gulp.dest(paths.tmp.symbol));
  }


  function findChanged(cb) {

    if (!config['supportChanged']) {
      return gulp.src('./tmp/**/*', {base: paths.tmp.dir})
        .pipe(gulp.dest(paths.dist.dir))
        .on('end', function () {
          delTmp();
        })
    } else {
      var diff = changed('./tmp');
      var tmpSrc = [];

      if (!_.isEmpty(diff)) {

        //如果有reversion
        if (config['reversion'] && config['reversion']['available']) {
          var keys = _.keys(diff);

          //先取得 reversion 生成的manifest.json
          var reversionManifest = require(path.resolve('./tmp/manifest.json'));

          if (reversionManifest) {
            reversionManifest = _.invert(reversionManifest);

            reversionManifest = _.pick(reversionManifest, keys);

            reversionManifest = _.invert(reversionManifest);

            _.forEach(reversionManifest, function (item, index) {
              tmpSrc.push('./tmp/' + item);
              console.log('[changed:] ' + util.colors.blue(index));
            });

            //将新的 manifest.json 保存
            fs.writeFileSync('./tmp/manifest.json', JSON.stringify(reversionManifest));

            tmpSrc.push('./tmp/manifest.json');
          }
        } else {
          _.forEach(diff, function (item, index) {
            tmpSrc.push('./tmp/' + index);
            console.log('[changed:] ' + util.colors.blue(index));
          });
        }

        return gulp.src(tmpSrc, {base: paths.tmp.dir})
          .pipe(gulp.dest(paths.dist.dir))
          .on('end', function () {
            delTmp();
          })

      } else {
        console.log('Nothing changed!');
        delTmp();
        cb();
      }
    }
  }


  //加载插件
  function loadPlugin(cb) {
    util.loadPlugin('build_dist');
    cb();
  }

  //注册 build_dist 任务
  gulp.task('build_dist', gulp.series(
    gulp.parallel(
      delDist,
      delDev
    ),
    gulp.parallel(
      compileLess,
      compileSass,
      imageminImg,
      copyMedia,
      compileJs,
      miniSVG
    ),
    compileAutoprefixer,
    imageminSprite,
    miniCSS,
    compileHtml,
    svgSymbols,
    reversion,
    supportWebp(),
    delSVG,
    findChanged,
    loadPlugin
  ));
};