// 引入所需的插件
const gulp = require('gulp')
const clean = require('gulp-clean')
const cleanCSS = require('gulp-clean-css')
const fontmin = require('gulp-fontmin')
const htmlmin = require('gulp-html-minifier-terser')
const htmlclean = require('gulp-htmlclean')
const terser = require('gulp-terser')
const ttf2woff2 = require('gulp-ttf2woff2')

// 压缩和清理 HTML
gulp.task('minify-html', () => {
  return gulp.src('./public/**/*.html')// 看情况修改
    .pipe(htmlclean())
    .pipe(htmlmin({
      collapseWhitespace: true, // 折叠文档树中构成文本节点的空白区域
      removeComments: true, // 清除 html 注释
      collapseBooleanAttributes: true,
      // 省略布尔属性的值，例如：<input checked="true"/> ==> <input />
      removeEmptyAttributes: true,
      // 删除所有空格作属性值，例如：<input id="" /> ==> <input />
      removeScriptTypeAttributes: true,
      // 删除<script>的 type="text/javascript"
      removeStyleLinkTypeAttributes: true,
      // 删除<style>和<link>的 type="text/css"
      removeAttributeQuotes: true, // 移除属性值周围的引号
      removeCDATASectionsFromCDATA: true, // 从 CDATA 部分移除注释
      caseSensitive: true, // 以区分大小写的方式处理属性
      minifyJS: true, // 压缩页面 JS
      minifyCSS: true, // 压缩页面 CSS
      minifyURLs: true, // 压缩页面 URL
    }))
    .pipe(gulp.dest('./public'))// 看情况修改
})

// 压缩 CSS
gulp.task('minify-css', () => {
  return gulp.src(['./public/**/*.css'])// 看情况修改
    .pipe(cleanCSS({
      level: {
        2: {
          mergeAdjacentRules: true,
          // 控制相邻规则的合并，默认为 true
          mergeIntoShorthands: true,
          // 控制属性合并为简写形式，默认为 true
          mergeMedia: true,
          // 控制 @media 规则的合并，默认为 true
          mergeNonAdjacentRules: true,
          // 控制非相邻规则的合并，默认为 true
          mergeSemantically: false,
          // 控制语义合并，默认为 false
          overrideProperties: true,
          // 基于可读性控制属性覆盖，默认为 true
          removeEmpty: true,
          // 控制删除空规则和嵌套块，默认为 true
          reduceNonAdjacentRules: true,
          // 控制非相邻规则的缩减，默认为 true
          removeDuplicateFontRules: true,
          // 控制删除重复的 @font-face 规则，默认为 true
          removeDuplicateMediaBlocks: true,
          // 控制删除重复的 @media 规则，默认为 true
          removeDuplicateRules: true,
          // 控制删除重复的规则，默认为 true
          removeUnusedAtRules: false,
          // 控制删除未使用的 at 规则，默认为 false（自版本 4.1.0 起可用）
          restructureRules: false,
          // 控制规则重构，默认为 false
          skipProperties: []
        // 控制不进行优化的属性，默认为 []，即所有属性都进行优化（自版本 4.1.0 起可用）
        }
      }
    }))
    .pipe(gulp.dest('./public'))// 看情况修改
})

// 压缩 JavaScript
gulp.task('compress', async () => {
  return gulp.src(['./public/**/*.js', '!./public/**/*.min.js'])// 看情况修改
    .pipe(terser())
    .pipe(gulp.dest('./public'))// 看情况修改
})

// 读取文章使用字体，然后压缩
gulp.task('mini-font', (cb) => {
  const buffers = []
  gulp
    .src(['./public/**/*.html']) // 看情况修改
    .on('data', (file) => {
      buffers.push(file.contents)
    })
    .on('end', () => {
      const text = Buffer.concat(buffers).toString('utf-8')
      minifyFont(text, cb)
    })
})

// 压缩字体
function minifyFont(text, cb) {
  gulp
    .src('./public/font/*.ttf') // 原字体所在目录
    .pipe(fontmin({
      text
    }))
    .pipe(gulp.dest('./public/fonts/')) // 压缩后的输出目录
    .on('end', cb)
}

// 定义转换 TTF 到 WOFF2 的任务
gulp.task('convertFonts', () => {
  return gulp.src('./public/fonts/*.ttf')// 看情况修改
    .pipe(ttf2woff2())
    .pipe(gulp.dest('./public/fonts/'))// 看情况修改
})

// 删除字体原文件，主题生成的图片文件
gulp.task('clean-files', () => {
  return gulp.src(['./public/font', './public/images'], { read: false, allowEmpty: true })// 看情况修改
    .pipe(clean())
})

// 运行 gulp 命令时依次执行以下任务
gulp.task('default', gulp.series(
  gulp.parallel('compress', 'minify-css', 'minify-html', 'mini-font',),
  'convertFonts', // 在 'mini-font' 完成后执行 'convertFonts'，最后执行 clean-files
  'clean-files'
))

gulp.task('clean-files', () => {
  return gulp.src([
    './public/font',
    './public/images',
    './public/fonts/yourfont.eot',
    './public/fonts/yourfont.ttf',
    './public/fonts/yourfont.svg',
    './public/fonts/yourfont.woff', // 看情况修改字体名字
  ], { read: false, allowEmpty: true })
    .pipe(clean())
})