animate.css/gulpfile.js

98 lines
2.4 KiB
JavaScript
Raw Normal View History

2015-12-14 20:03:02 +01:00
// Utilities
var fs = require('fs');
// Gulp
var gulp = require('gulp');
// Gulp plugins
var gutil = require('gulp-util');
var concat = require('gulp-concat');
2015-12-14 20:41:16 +01:00
var header = require('gulp-header');
var autoprefixer = require('gulp-autoprefixer');
var runSequence = require('run-sequence');
var minify = require('gulp-minify-css');
var rename = require('gulp-rename');
2015-12-14 20:03:02 +01:00
// Misc/global vars
var pkg = JSON.parse(fs.readFileSync('package.json'));
var banner = [
2015-12-14 20:41:16 +01:00
'@charset "UTF-8";\n',
2015-12-14 20:03:02 +01:00
'/*!',
' * <%= name %> -<%= homepage %>',
' * Version - <%= version %>',
' * Licensed under the MIT license - http://opensource.org/licenses/MIT',
' *',
' * Copyright (c) <%= new Date().getFullYear() %> <%= author.name %>',
2015-12-14 20:41:16 +01:00
' */\n\n'
2015-12-14 20:03:02 +01:00
].join('\n');
2015-12-14 20:41:16 +01:00
var activatedAnimations = activateAnimations();
// ----------------------------
// Gulp task definitions
// ----------------------------
gulp.task('default', function() {
2015-12-26 14:27:24 +01:00
runSequence('concatCSS', 'prefixes', 'minifyCSS', 'addHeader');
2015-12-14 20:41:16 +01:00
});
gulp.task('concatCSS', function() {
return gulp.src(activatedAnimations)
.pipe(concat('animate.css'))
.pipe(gulp.dest('./'));
});
gulp.task('prefixes', function() {
return gulp.src('animate.css')
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(gulp.dest('./'));
});
gulp.task('minifyCSS', function() {
return gulp.src('animate.css')
.pipe(rename('animate.min.css'))
.pipe(minify())
.pipe(gulp.dest('./'));
});
2015-12-26 14:27:24 +01:00
gulp.task('addHeader', function() {
return gulp.src('*.css')
.pipe(header(banner, pkg))
.pipe(gulp.dest('./'));
});
2015-12-14 20:41:16 +01:00
// ----------------------------
// Helpers/functions
// ----------------------------
2015-12-14 20:03:02 +01:00
// Read the config file and return an array of the animations to be activated
2015-12-14 20:41:16 +01:00
function activateAnimations() {
2015-12-14 20:03:02 +01:00
var categories = JSON.parse(fs.readFileSync('animate-config.json')),
category, files, file,
target = [ 'source/_base.css' ],
count = 0;
for (category in categories) {
if (categories.hasOwnProperty(category)) {
files = categories[category];
for (file in files) {
if (files.hasOwnProperty(file) && files[file]) {
target.push('source/' + category + '/' + file + '.css');
count += 1;
}
}
}
}
if (!count) {
gutil.log('No animations activated.');
} else {
gutil.log(count + (count > 1 ? ' animations' : ' animation') + ' activated.');
}
return target;
}