gulpfile.js

/*
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/

'use strict';

// Include Gulp & Tools We'll Use
var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
var del = require('del');
var runSequence = require('run-sequence');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
var merge = require('merge-stream');
var path = require('path');

var AUTOPREFIXER_BROWSERS = [
    'chrome >= 34',
];

var styleTask = function(stylesPath, srcs) {
    return gulp.src(srcs.map(function(src) {
            return path.join('app', stylesPath, src);
        }))
        .pipe($.changed(stylesPath, {extension: '.css'}))
        .pipe($.autoprefixer(AUTOPREFIXER_BROWSERS))
        .pipe(gulp.dest('.tmp/' + stylesPath))
        .pipe($.if('*.css', $.cssmin()))
        .pipe(gulp.dest('dist/' + stylesPath))
        .pipe($.size({title: stylesPath}));
};

gulp.task('styles', function() {
    return styleTask('styles', ['**/*.css']);
});

// Lint JavaScript
gulp.task('jshint', function() {
    return gulp.src([
            'app/scripts/**/*.js',
            'app/elements/**/*.js',
            'app/elements/**/*.html'
        ])
        .pipe(reload({stream: true, once: true}))
        .pipe($.jshint.extract())
        .pipe($.jshint())
        .pipe($.jshint.reporter('jshint-stylish'));
});

// Optimize Images
gulp.task('images', function() {
    return gulp.src('app/images/**/*')
        .pipe($.cache($.imagemin({
            progressive: true,
            interlaced: true
        })))
        .pipe(gulp.dest('dist/images'))
        .pipe($.size({title: 'images'}));
});

// Copy All Files At The Root Level (app)
gulp.task('copy', function() {
    var app = gulp.src([
        'app/*',
        '!app/test',
        '!app/precache.json',
    ], {
        dot: true
    }).pipe(gulp.dest('dist'));

    var bower = gulp.src([
        'app/bower_components/**/*',
        '!app/bower_components/chai',
        '!app/bower_components/mocha'
    ]).pipe(gulp.dest('dist/bower_components'));

    var locales = gulp.src([
        'app/_locales/**/*',
    ]).pipe(gulp.dest('dist/_locales'));

    var sandbox = gulp.src([
        'app/sandbox/**/*',
    ]).pipe(gulp.dest('dist/sandbox'));

    var vendor = gulp.src([
        'app/vendor/**/*',
    ])
    .pipe($.if('*.js', $.uglify({preserveComments: 'some'})))
    .pipe(gulp.dest('dist/vendor'));

    var scripts = gulp.src([
        'app/scripts/**/*',
    ])
    .pipe(gulp.dest('dist/scripts'));

    return merge(app, bower, vendor, scripts, locales, sandbox)
        .pipe($.size({title: 'copy'}));
});

// Copy Web Fonts To Dist
gulp.task('fonts', function() {
    return gulp.src(['app/fonts/**'])
        .pipe(gulp.dest('dist/fonts'))
        .pipe($.size({title: 'fonts'}));
});

// Scan Your HTML For Assets & Optimize Them
gulp.task('html', function() {
    // var assets = $.useref.assets({searchPath: ['.tmp', 'app', 'dist']});

    return gulp.src(['app/**/*.html'])
        // .pipe(assets)
        // // Concatenate And Minify JavaScript
        // .pipe($.if('*.js', $.uglify({preserveComments: 'some'})))
        // // Concatenate And Minify Styles
        // // In case you are still using useref build blocks
        // .pipe($.if('*.css', $.cssmin()))
        // .pipe(assets.restore())
        // .pipe($.useref())
        // // Minify Any HTML
        // .pipe($.if('*.html', $.minifyHtml({
        //     quotes: true,
        //     empty: true,
        //     spare: true
        // })))
        // Output Files
        .pipe(gulp.dest('dist'))
        .pipe($.size({title: 'html'}));
});

// Clean Output Directory
gulp.task('clean', del.bind(null, ['.tmp', 'dist']));

// Watch Files For Changes & Reload
gulp.task('serve', ['styles', 'images'], function() {
    browserSync({
        notify: false,
        logPrefix: 'PSK',
        snippetOptions: {
            rule: {
                match: '<span id="browser-sync-binding"></span>',
                fn: function(snippet) {
                    return snippet;
                }
            }
        },
        server: {
            baseDir: ['.tmp', 'app'],
            routes: {
                '/bower_components': 'bower_components'
            }
        }
    });

    gulp.watch(['app/index.html'], reload);
    gulp.watch(['app/styles/**/*.css'], ['styles', reload]);
    gulp.watch(['app/scripts/**/*.js'], ['jshint']);
    gulp.watch(['app/images/**/*'], reload);
});

// Build and serve the output from the dist build
gulp.task('serve:dist', ['default'], function() {
    browserSync({
        notify: false,
        logPrefix: 'PSK',
        snippetOptions: {
            rule: {
                match: '<span id="browser-sync-binding"></span>',
                fn: function(snippet) {
                    return snippet;
                }
            }
        },
        server: 'dist'
    });
});

gulp.task('compress', function() {
    console.log(arguments);
    return gulp.src(['dist/*'])
        .pipe($.zip('film utils-11.zip'))
        .pipe(gulp.dest('package'));
});

// Build Production Files, the Default Task
gulp.task('default', ['clean'], function(cb) {
    runSequence(
        ['copy', 'styles'],
        ['jshint', 'images', 'fonts', 'html'],
        cb);
});