gulpfile.js

/*jslint node: true, for */

'use strict';

let gulp = require('gulp'),
    del = require('del'),
    renameFile = require("gulp-rename"),
    htmlMinifier = require('gulp-htmlmin'),
    htmlValidator = require('gulp-html'),
    sass = require('gulp-sass'),
    sassLint = require('gulp-sass-lint'),
    jsLinter = require('gulp-eslint'),
    browserSync = require('browser-sync'),
    reload = browserSync.reload,
    config = require('./config.json'),
    colors = config.colors;

gulp.task('minifyHTML', function () {
    'use strict';

    return gulp.src(['src/options/index.html'])
        .pipe(htmlMinifier({
            removeComments: true,
            collapseWhitespace: true
        }))
        .pipe(renameFile('options.html'))
        .pipe(gulp.dest('extension'));
});

gulp.task('validateHTML', function () {
    'use strict';

    return gulp.src(['src/options/index.html']).pipe(htmlValidator());
});

gulp.task('lintOptionsSass', function () {
    'use strict';

    return gulp.src('src/options/main.scss')
        .pipe(sassLint({
            configFile: './.sass-lint.yml'
        }))
        .pipe(sassLint.format())
        .pipe(sassLint.failOnError());
});

gulp.task('lintContentSass', function () {
    'use strict';

    return gulp.src('src/content/main.scss')
        .pipe(sassLint({
            configFile: './.sass-lint.yml'
        }))
        .pipe(sassLint.format())
        .pipe(sassLint.failOnError());
});

gulp.task('lintSass', ['lintOptionsSass', 'lintContentSass']);

gulp.task('compileOptionsCSS', function () {
    'use strict';

    return gulp.src('src/options/main.scss')
        .pipe(sass({
            outputStyle: 'compressed',
            precision: 10
        }).on('error', sass.logError))
        .pipe(renameFile('options.css'))
        .pipe(gulp.dest('extension'));
});

gulp.task('compileContentCSS', function () {
    'use strict';

    return gulp.src('src/content/main.scss')
        .pipe(sass({
            outputStyle: 'compressed',
            precision: 10
        }).on('error', sass.logError))
        .pipe(renameFile('content.css'))
        .pipe(gulp.dest('extension'));
});

gulp.task('compileCSS', ['compileOptionsCSS', 'compileContentCSS']);

gulp.task('lintBackgroundJS', function () {
    'use strict';

    return gulp.src('src/background/main.js')
        .pipe(jsLinter({configFile: '.eslintrc.json'}))
        .pipe(jsLinter.format())
        .pipe(jsLinter.failAfterError())
        .pipe(renameFile('background.js'))
        .pipe(gulp.dest('extension'));
});

gulp.task('lintContentJS', function () {
    'use strict';

    return gulp.src('src/content/main.js')
        .pipe(jsLinter({configFile: '.eslintrc.json'}))
        .pipe(jsLinter.format())
        .pipe(jsLinter.failAfterError())
        .pipe(renameFile('content.js'))
        .pipe(gulp.dest('extension'));
});

gulp.task('lintOptionsJS', function () {
    'use strict';

    return gulp.src('src/options/main.js')
        .pipe(jsLinter({configFile: '.eslintrc.json'}))
        .pipe(jsLinter.format())
        .pipe(jsLinter.failAfterError())
        .pipe(renameFile('options.js'))
        .pipe(gulp.dest('extension'));
});

gulp.task('lintJS', ['lintBackgroundJS', 'lintContentJS', 'lintOptionsJS']);

gulp.task('copyRawFilesToExtensionFolder', function () {
    'use strict';

    return gulp.src([
        'src/img/**/*',
        'src/_locales/**/*',
        'src/fonts/**/*',
        'src/manifest.json'
    ], {base: './src/'}).pipe(gulp.dest('extension'));
});

// TODO: add more files to watch here. For example, none of the files in the common-styles folder is being polled.
gulp.task('serve', [
    'validateHTML',
    'minifyHTML',
    'lintSass',
    'compileCSS',
    'lintJS',
    'copyRawFilesToExtensionFolder'
], function () {
    'use strict';

    gulp.watch(
        ['src/options/index.html'],
        ['validateHTML', 'minifyHTML']
    )
        .on('change', reload);

    gulp.watch(
        ['src/options/main.js'],
        ['lintOptionsJS']
    )
        .on('change', reload);

    gulp.watch(
        ['src/options/main.scss'],
        ['lintOptionsSass', 'compileOptionsCSS']
    )
        .on('change', reload);

    gulp.watch(
        ['src/background/main.js'],
        ['lintBackgroundJS']
    )
        .on('change', reload);

    gulp.watch(
        ['src/content/main.js'],
        ['lintContentJS']
    )
        .on('change', reload);

    gulp.watch(
        ['src/content/main.scss'],
        ['lintContentSass', 'compileContentCSS']
    )
        .on('change', reload);
});

gulp.task('build', [
    'validateHTML',
    'minifyHTML',
    'lintSass',
    'compileCSS',
    'lintJS',
    'copyRawFilesToExtensionFolder'
]);

gulp.task('clean', function () {
    'use strict';

    let fs = require('fs'),
        i,
        expendableFolders = ['extension'];

    for (i = 0; i < expendableFolders.length; i += 1) {
        try {
            fs.accessSync(expendableFolders[i], fs.F_OK);
            process.stdout.write('\n\tThe ' + colors.green + expendableFolders[i] +
                    colors.default + ' directory was found and ' + colors.green +
                    'will' + colors.default + ' be deleted.\n');
            del(expendableFolders[i]);
        } catch (error) {
            if (error) {
                process.stdout.write('\n\tThe ' + colors.red +
                        expendableFolders[i] + colors.default +
                        ' directory does ' + colors.red + 'not' + colors.default +
                        ' exist or is ' + colors.red + 'not' + colors.default +
                        ' accessible.\n');
            }
        }
    }

    process.stdout.write('\n');
});

gulp.task('default', function () {
    'use strict';

    let exec = require('child_process').exec;

    exec('gulp --tasks', function (error, stdout, stderr) {
        if (null !== error) {
            process.stdout.write('An error was likely generated when invoking ' +
                    'the `exec` program in the default task.');
        }

        if ('' !== stderr) {
            process.stdout.write('Content has been written to the stderr stream ' +
                    'when invoking the `exec` program in the default task.');
        }

        process.stdout.write('\n\tThis default task does ' + colors.red +
                'nothing' + colors.default + ' but generate this message. The ' +
                'available tasks are:\n\n' + stdout);
    });
});