REnamedgulpfile.js

// Include gulp.
var gulp = require('gulp');
// Initialize browser sync.
var browserSync = require('browser-sync').create();
// Read the default configuration.
var config = require('./config.json');
// Include plugins.
var sass = require('gulp-sass');
var plumber = require('gulp-plumber');
var notify = require('gulp-notify');
var autoprefix = require('gulp-autoprefixer');
var glob = require('gulp-sass-glob');
var rename = require('gulp-rename');
var sourcemaps = require('gulp-sourcemaps');
var scssLint = require('gulp-scss-lint');
var shell = require('gulp-shell');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var babel = require('gulp-babel');

// Search for local configuration.
try {
    var local_config = require('./config.local.json');
    config = _.merge(config, local_config);
}
catch (e) {
    // Do nothing.
}

// CSS.
// -------------------------------------------------------------- //

gulp.task('css', function () {
    return gulp.src(config.css.src)
        .pipe(glob())
        .pipe(plumber({
            errorHandler: function (error) {
                notify.onError({
                    title: "Gulp",
                    subtitle: "Failure!",
                    message: "Error: <%= error.message %>",
                    sound: "Beep"
                })(error);
                this.emit('end');
            }
        }))
        .pipe(sourcemaps.init())
        .pipe(sass({
            outputStyle: 'compressed',
            errLogToConsole: true,
            includePaths: config.css.includePaths
        }))
        .pipe(autoprefix('last 2 versions', '> 1%', 'ie 9', 'ie 10'))
        .pipe(sourcemaps.write('./'))
        .pipe(gulp.dest(config.css.dest))
        .pipe(browserSync.reload({stream: true, match: '**/*.css'}));
});

// Pattern lab CSS.
// ----------------------------------------------------------------- //
// Search for changes inside the pattern-lab/source/_patterns folders
// the scss processor is going to compile scss files inside the components folders.
// ----------------------------------------------------------------- //

gulp.task('pl:scss', function () {
    return gulp.src(config.css.src, {base: './'})
        .pipe(glob())
        .pipe(plumber({
            errorHandler: function (error) {
                notify.onError({
                    title: "Gulp",
                    subtitle: "Failure!",
                    message: "Error: <%= error.message %>",
                    sound: "Beep"
                })(error);
                this.emit('end');
            }
        }))
        .pipe(sourcemaps.init())
        .pipe(sass(config.sass))
        .pipe(autoprefix(config.autoprefixer))
        .pipe(rename(function (path) {
            path.dirname = path.dirname.replace(/src/i, 'dist');
            return path;
        }))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('.'))
        .pipe(browserSync.reload({stream: true, match: '**/*.css'}));
});

// Image tasks
// ----------------------------------------------------------------- //
// copy images placed in src/img and compresses it an paste them in the
// public PL directory.
// todo: deprecate the following one once moved to drupal.
// ----------------------------------------------------------------- //

gulp.task('copyfiles', function () {
    // Exclude the icon directory and its contents, explicitly name file types to
    // prevent creation of an empty directory.
    return gulp.src([
        'src/img/*.{svg,gif,jpg,png}',
        'src/img/**/*.{svg,gif,jpg,png}'
    ])
        .pipe(gulp.dest('pattern-lab/source/images'));
});

// Watch task.
// ------------------------------------------------------------------- //

gulp.task('watch', function () {
    gulp.watch(config.css.src, ['css', 'pl:scss', 'pl:generate']);
    // gulp.watch(config.pattern_lab.src, ['pl:scss', 'pl:generate']);
    gulp.watch(config.pattern_lab.src, ['pl:generate', 'copyfiles']);
    gulp.watch(config.pattern_lab.javascript.src, ['javascript', 'pl:generate']);
    gulp.watch(['src/img/*.{svg,gif,jpg,png}', 'src/img/**.*.{svg,gif,jpg,png}'], ['copyfiles', 'pl:generate']);
});

// Static Server + Watch.
// ------------------------------------------------------------------- //

gulp.task('serve', ['css', 'watch', 'pl:generate'], function () {
    browserSync.init({
        serveStatic: ['./pattern-lab/public']
    });
});

// Generate pl with PHP.
// -------------------------------------------------------------------- //

gulp.task('pl:generate', shell.task('php pattern-lab/core/console --generate'));

// SCSS Linting.
// TODO: implement the following one.
// -------------------------------------------------------------------- //

// gulp.task('scss-lint', function() {
//   return gulp.src([config.css.src])
//     .pipe(scssLint())
//     .pipe(scssLint.format())
//     .pipe(scssLint.failOnError());
// });

// Jacine:

// General JS
gulp.task('js:theme', () => {
    return gulp.src('js/src/**/*.js')
        .pipe(sourcemaps.init())
        .pipe(babel())
        .on('error', errorHandler)
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('js/dist'))
        .pipe(browserSync.stream({match: '**/*.js'}));
});

// Component JS.
gulp.task('js:components', () => {
    return gulp.src('components/**/*.js', {base: './'})
        .pipe(sourcemaps.init())
        .pipe(babel())
        .on('error', errorHandler)
        .pipe(sourcemaps.write('.'))
        .pipe(rename(function (path) {
            path.dirname = path.dirname.replace(/src/i, 'dist');
            return path;
        }))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('.'))
        .pipe(browserSync.stream({match: '**/*.js'}));
});


// zakiya:

gulp.task('js', function () {
    return gulp.src(config.js.src)
        .pipe(plumber({
            errorHandler: function (error) {
                console.log(error.message);
                this.emit('end');
            }
        }))
        .pipe(concat(config.js.finalfile))
        .pipe(gulp.dest(config.js.dest))
        .pipe(rename({suffix: '.min'}))
        .pipe(uglify())
        .pipe(gulp.dest(config.js.dest))
        .pipe(browserSync.reload({stream: true}))
});


// Default Task
// --------------------------------------------------------------------- //

gulp.task('default', ['serve']);