gulpfile.js

(function() {
  "use strict";

  var del         = require('del');
  var runSequence = require('run-sequence');
  var merge       = require('event-stream').merge;
  var gulp        = require('gulp');
  var $           = require('gulp-load-plugins')();

  var uglify_options = {
    mangle: {
      chrome: false,
    },
    compress: {
    },
  };

  gulp.task('clean-debug', callback => {
    return del(['src/manifest.json', 'src/css'], callback);
  });

  gulp.task('clean-build', ['clean-tmp'], callback => {
    return del(['dist', 'archive.zip'], callback);
  });

  gulp.task('clean-tmp', callback => {
    return del(['tmp'], callback);
  });

  gulp.task('copy-build', () => {
    return merge(
      gulp.src('src/_locales/**/*.json', { base: 'src' })
      .pipe($.plumber({
        errorHandler: $.notify.onError('Error: <%= error.message %>')
      }))
      .pipe(gulp.dest('dist')),
      gulp.src([
        'src/img/icons/**/*.+(png|svg)',
        '!src/img/icons/icon.svg',
        '!**/*.+(md|pdf)'], { base: 'src' })
      .pipe($.plumber({
        errorHandler: $.notify.onError('Error: <%= error.message %>')
      }))
      .pipe(gulp.dest('dist')),
      gulp.src('src/History.txt', { base: 'src' })
      .pipe($.plumber({
        errorHandler: $.notify.onError('Error: <%= error.message %>')
      }))
      .pipe(gulp.dest('dist'))
    );
  });

  gulp.task('compass-debug', () => {
    return gulp.src('src/sass/*.scss', { base: 'src' })
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
           .pipe($.compass({
             css:         'src/css',
             sass:        'src/sass',
             environment: 'development',
             comments:    true,
             sourcemap:   true,
           }));
  });

  gulp.task('compass-build', () => {
    return gulp.src('src/sass/*.scss', { base: 'src' })
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
           .pipe($.compass({
             css:         'src/css',
             sass:        'src/sass',
             environment: 'production',
             style:       'compressed',
           }));
  });

  gulp.task('autoprefixer', () => {
    return gulp.src(['src/css/*.css', '!src/**/*.min.css'], { base: 'src' })
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
           .pipe($.autoprefixer({
             browsers: [ 'last 2 Chrome versions' ],
           })
           .pipe(gulp.dest('src')));
  });

  gulp.task('csscomb', () => {
    return gulp.src(['src/css/*.css', '!src/**/*.min.css'], { base: 'src' })
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
           .pipe($.csscomb())
           .pipe(gulp.dest('src'));
  });

  gulp.task('clean-css', () => {
    return gulp.src('src/css/*.css', { base: 'src' })
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
           .pipe($.minifyCss())
           .pipe(gulp.dest('src'));
  });

  gulp.task('replace-debug', () => {
    return gulp.src('src/manifest_base.json')
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
           .pipe($.replace('@@extensionTitleDebug', ' Debug'))
           .pipe($.replace('@@backgroundScripts',
             '["js/common.js", "js/common_func.js",' +
             ' "js/indexedDB.js", "js/purge.js"]'))
           .pipe($.replace('@@contentScripts',
             '["js/common.js", "js/common_func.js", ' +
             '"js/content_scripts/keybind.js", ' +
             '"js/content_scripts/excludeDialog.js", ' +
             '"js/content_scripts/formCache.js"]'))
           .pipe($.rename('manifest.json'))
           .pipe(gulp.dest('src'));
  });

  gulp.task('replace-build', () => {
    return gulp.src('src/manifest_base.json')
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
           .pipe($.replace('@@extensionTitleDebug', ''))
           .pipe($.replace('@@backgroundScripts',
             '["js/commons.min.js", "js/indexedDB.min.js", "js/purge.min.js"]'))
           .pipe($.replace('@@contentScripts',
             '["js/commons.min.js",' +
             '"js/content_scripts/content_scripts.min.js"]'
           ))
           .pipe($.rename('manifest.json'))
           .pipe(gulp.dest('dist'));
  });

  gulp.task('usemin-build', () => {
    return gulp.src('src/**/*.html', { base: 'src' })
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
           .pipe($.usemin({
             css: [],
             js: [],
           }))
           .pipe(gulp.dest('dist'));
  });

  gulp.task('usemin', callback => {
    runSequence('babel', 'usemin-build', 'clean-tmp', callback);
  });

  gulp.task('htmlhint', () => {
    return gulp.src('src/**.*.html')
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
           .pipe($.htmlhint())
           .pipe($.htmlhint.failReporter());
  });

  gulp.task('minify-html', () => {
    return gulp.src('dist/**/*.html')
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
           .pipe($.minifyHtml())
           .pipe(gulp.dest('dist'));
  });

  gulp.task('jsonminify', () => {
    return gulp.src(['dist/**/*.json'], { base: 'dist' })
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
           .pipe($.jsonminify())
           .pipe(gulp.dest('dist'));
  });

  gulp.task('jshint', () => {
    return gulp.src(['src/js/**/*.js', '!src/**/*.min.js'])
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
           .pipe($.jshint({ lookup: '.jshintrc' }))
           .pipe($.jshint.reporter('jshint-stylish'));
  });

  gulp.task('babel', () => {
    return gulp.src(['src/js/**/*.js'], { base: 'src' })
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
           .pipe($.babel({ blacklist: [ 'strict' ] }))
           .pipe(gulp.dest('tmp'));
  });

  gulp.task('uglify-build', () => {
    return merge(
      gulp.src(['tmp/js/common.js', 'tmp/js/common_func.js'], { base: 'tmp' })
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
          .pipe($.concat('commons.min.js'))
          .pipe($.stripDebug())
          .pipe($.sourcemaps.init())
          .pipe($.uglify(uglify_options))
          .pipe($.sourcemaps.write('./'))
          .pipe(gulp.dest('dist/js')),
      gulp.src([
        'tmp/js/blank.js',
        'tmp/js/indexedDB.js',
        'tmp/js/options.js',
        'tmp/js/popup.js',
        'tmp/js/purge.js',
      ], { base: 'tmp' })
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
          .pipe($.stripDebug())
          .pipe($.sourcemaps.init())
          .pipe($.uglify(uglify_options))
          .pipe($.rename({
            extname: '.min.js'
          }))
          .pipe($.sourcemaps.write('./'))
          .pipe(gulp.dest('dist')),
      gulp.src([
        'tmp/js/load_scripts/getScrollPosition.js',
      ], { base: 'tmp' })
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
          .pipe($.stripDebug())
          .pipe($.sourcemaps.init())
          .pipe($.uglify(uglify_options))
          .pipe($.sourcemaps.write('./'))
          .pipe(gulp.dest('dist')),
      gulp.src([
        'tmp/js/content_scripts/excludeDialog.js',
        'tmp/js/content_scripts/formCache.js',
        'tmp/js/content_scripts/keybind.js',
      ], { base: 'tmp' })
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
          .pipe($.concat('content_scripts.min.js'))
          .pipe($.stripDebug())
          .pipe($.sourcemaps.init())
          .pipe($.uglify(uglify_options))
          .pipe($.sourcemaps.write('./'))
          .pipe(gulp.dest('dist/js/content_scripts'))
    );
  });

  gulp.task('js-build', callback => {
    runSequence('jshint', 'babel', 'uglify-build', 'clean-tmp', callback);
  });

  gulp.task('sass-debug', callback => {
    runSequence('compass-debug', 'autoprefixer', 'csscomb', callback);
  });

  gulp.task('sass-build', callback => {
    runSequence(
      'compass-build', 'autoprefixer', 'csscomb', 'clean-css', callback);
  });

  gulp.task('zip', () => {
    return gulp.src(['dist/**', '!**/*.map'])
           .pipe($.plumber({
             errorHandler: $.notify.onError('Error: <%= error.message %>')
           }))
           .pipe($.zip('archive.zip'))
           .pipe(gulp.dest('.'));
  });

  gulp.task('default', callback => {
    runSequence('debug', 'watch', callback);
  });
  gulp.task('debug', callback => {
    runSequence(
      'clean-debug',
      ['htmlhint', 'sass-debug', 'jshint', 'replace-debug'],
      callback);
  });
  gulp.task('build', callback => {
    runSequence(
      'clean-build',
      'copy-build',
      ['compass-build', 'jshint', 'replace-build', 'htmlhint'],
      ['autoprefixer', 'babel', 'jsonminify'],
      'usemin-build',
      ['csscomb', 'uglify-build', 'minify-html'],
      ['clean-css'],
      'clean-tmp',
      callback);
  });
  gulp.task('package', callback => {
    runSequence('build', 'zip', callback);
  });
  gulp.task('watch', () => {
    gulp.watch('src/manifest_base.json', () => {
      runSequence('replace-debug');
    });
    gulp.watch('src/*.html', () => {
      runSequence('htmlhint');
    });
    gulp.watch('src/**/*.js', () => {
      runSequence('jshint');
    });
    gulp.watch('src/**/*.scss', () => {
      runSequence('sass-debug');
    });
  });
  gulp.task('watch-build', () => {
    gulp.watch('src/**/*.json', () => {
      runSequence('copy-build', 'jsonminify');
    });
    gulp.watch('src/manifest_base.json', () => {
      runSequence('replace-build', 'jsonminify');
    });
    gulp.watch('src/*.html', () => {
      runSequence('htmlhint', 'usemin', 'minify-html');
    });
    gulp.watch('src/**/*.js', () => {
      runSequence('js-build');
    });
    gulp.watch('src/**/*.scss', () => {
      runSequence('sass-build', 'usemin');
    });
  });
})();