2014-11-23 22:26:05 +00:00
|
|
|
var gulp = require('gulp'),
|
2015-10-31 17:12:14 +00:00
|
|
|
_ = require('lodash'),
|
2014-11-23 22:50:30 +00:00
|
|
|
notify = require('gulp-notify'),
|
2014-11-23 22:26:05 +00:00
|
|
|
config = require('./config');
|
2014-11-23 16:52:45 +00:00
|
|
|
|
2015-04-11 17:59:23 +00:00
|
|
|
gulp.task('default', ['server', 'docs'], function() {
|
2014-11-23 22:26:05 +00:00
|
|
|
gulp.watch(config.globs.other, ['static']);
|
2015-10-31 17:12:14 +00:00
|
|
|
gulp.watch(_.flatten([
|
|
|
|
config.globs.templates,
|
|
|
|
config.globs.data,
|
|
|
|
config.globs.helpers,
|
|
|
|
config.globs.partials,
|
2015-11-01 12:39:33 +00:00
|
|
|
config.globs.svg_sass
|
2015-10-31 17:12:14 +00:00
|
|
|
]), ['markup']);
|
2015-11-01 12:39:33 +00:00
|
|
|
gulp.watch(config.globs.sass, ['styles']);
|
2015-11-01 12:07:17 +00:00
|
|
|
gulp.watch(config.globs.js, ['scripts', 'docs']);
|
2015-04-11 17:59:23 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('docs', ['docs:files'], function() {
|
|
|
|
var folderToc = require('folder-toc');
|
|
|
|
|
|
|
|
folderToc('./docs', {
|
|
|
|
filter: '*.html'
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('docs:files', function() {
|
|
|
|
var docco = require('gulp-docco');
|
|
|
|
|
|
|
|
return gulp.src(config.globs.js)
|
|
|
|
.pipe(docco())
|
|
|
|
.pipe(gulp.dest('./docs'));
|
2014-11-23 16:52:45 +00:00
|
|
|
});
|
2014-11-23 17:00:07 +00:00
|
|
|
|
2014-11-23 22:13:24 +00:00
|
|
|
gulp.task('server', ['build'], function() {
|
2015-10-31 13:32:34 +00:00
|
|
|
var connect = require('gulp-connect');
|
2014-11-23 22:17:29 +00:00
|
|
|
|
2015-10-31 13:32:34 +00:00
|
|
|
gulp.watch(config.buildPath('**/*'), function(file) {
|
|
|
|
return gulp.src(file.path).pipe(connect.reload());
|
|
|
|
});
|
2014-11-23 22:50:30 +00:00
|
|
|
|
2014-11-23 17:24:03 +00:00
|
|
|
return connect.server({
|
2014-11-30 19:39:56 +00:00
|
|
|
root: config.buildRoot,
|
2014-11-23 17:24:03 +00:00
|
|
|
livereload: true
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2015-10-31 13:44:55 +00:00
|
|
|
gulp.task('build', ['static', 'markup', 'styles', 'scripts']);
|
2014-11-23 22:13:24 +00:00
|
|
|
|
2014-11-23 21:29:40 +00:00
|
|
|
gulp.task('static', function() {
|
2014-11-30 19:39:56 +00:00
|
|
|
return gulp.src(config.globs.other, { base: './src' })
|
|
|
|
.pipe(gulp.dest(config.buildRoot));
|
2014-11-23 21:29:40 +00:00
|
|
|
});
|
|
|
|
|
2015-11-01 12:39:33 +00:00
|
|
|
gulp.task('markup', ['markup:svg_styles'], function() {
|
2015-10-31 17:12:14 +00:00
|
|
|
var hb = require('gulp-hb'),
|
|
|
|
frontMatter = require('gulp-front-matter'),
|
|
|
|
rename = require('gulp-rename');
|
2014-11-23 22:17:29 +00:00
|
|
|
|
2015-10-31 17:12:14 +00:00
|
|
|
return gulp.src(config.globs.templates)
|
|
|
|
.pipe(frontMatter())
|
|
|
|
.pipe(hb({
|
|
|
|
data: config.globs.data,
|
|
|
|
helpers: config.globs.helpers,
|
2015-11-01 12:39:33 +00:00
|
|
|
partials: _.flatten([
|
|
|
|
config.globs.partials,
|
|
|
|
'./tmp/build/svg_styles.hbs'
|
|
|
|
]),
|
|
|
|
parsePartialName: function(file) {
|
|
|
|
return _.last(file.shortPath.split('/'));
|
|
|
|
},
|
|
|
|
bustCache: true
|
2015-10-31 17:12:14 +00:00
|
|
|
}))
|
2015-11-01 12:21:17 +00:00
|
|
|
.on('error', notify.onError())
|
2015-10-31 17:12:14 +00:00
|
|
|
.pipe(rename(function(path) {
|
|
|
|
path.extname = '.html';
|
2014-12-21 06:42:48 +00:00
|
|
|
}))
|
2014-11-30 19:39:56 +00:00
|
|
|
.pipe(gulp.dest(config.buildRoot));
|
2014-11-23 21:16:10 +00:00
|
|
|
});
|
|
|
|
|
2015-11-01 12:39:33 +00:00
|
|
|
gulp.task('markup:svg_styles', function() {
|
|
|
|
var sass = require('gulp-sass'),
|
|
|
|
rename = require('gulp-rename');
|
|
|
|
|
|
|
|
return gulp.src('./src/sass/svg.scss')
|
|
|
|
.pipe(sass({
|
|
|
|
includePaths: require('node-bourbon').includePaths
|
|
|
|
}))
|
|
|
|
.on('error', notify.onError())
|
|
|
|
.pipe(rename(function(path) {
|
|
|
|
path.dirname = '';
|
|
|
|
path.basename = 'svg_styles';
|
|
|
|
path.extname = '.hbs';
|
|
|
|
}))
|
|
|
|
.pipe(gulp.dest('./tmp/build'))
|
|
|
|
});
|
|
|
|
|
2015-10-31 13:44:55 +00:00
|
|
|
gulp.task('styles', function() {
|
2015-11-01 02:36:37 +00:00
|
|
|
var sourcemaps = require('gulp-sourcemaps'),
|
|
|
|
sass = require('gulp-sass'),
|
|
|
|
rename = require('gulp-rename');
|
2014-11-23 22:17:29 +00:00
|
|
|
|
2015-11-01 12:39:33 +00:00
|
|
|
return gulp.src('./src/sass/main.scss')
|
2015-11-01 02:36:37 +00:00
|
|
|
.pipe(sourcemaps.init())
|
|
|
|
.pipe(sass({
|
|
|
|
includePaths: require('node-bourbon').includePaths
|
|
|
|
}))
|
2015-11-01 12:21:17 +00:00
|
|
|
.on('error', notify.onError())
|
2015-11-01 02:36:37 +00:00
|
|
|
.pipe(rename(function(path) {
|
|
|
|
path.dirname = '';
|
|
|
|
}))
|
|
|
|
.pipe(sourcemaps.write('.'))
|
2015-11-01 12:21:17 +00:00
|
|
|
.pipe(gulp.dest(config.buildPath('css')))
|
2014-11-23 17:00:07 +00:00
|
|
|
});
|
2014-11-23 22:00:01 +00:00
|
|
|
|
2015-10-31 13:44:55 +00:00
|
|
|
gulp.task('scripts', function() {
|
2014-11-25 13:55:07 +00:00
|
|
|
var browserify = require('browserify'),
|
2015-11-01 12:07:17 +00:00
|
|
|
source = require('vinyl-source-stream'),
|
|
|
|
buffer = require('vinyl-buffer'),
|
|
|
|
sourcemaps = require('gulp-sourcemaps'),
|
|
|
|
rename = require('gulp-rename');
|
2014-11-25 13:55:07 +00:00
|
|
|
|
2015-11-01 15:28:37 +00:00
|
|
|
return browserify(config.browserify)
|
2015-11-01 12:07:17 +00:00
|
|
|
.transform(require('./lib/canopy-transform'))
|
|
|
|
.transform(require('babelify'))
|
2015-11-01 15:28:37 +00:00
|
|
|
.add('./src/js/main.js')
|
|
|
|
.bundle()
|
2015-11-01 12:21:17 +00:00
|
|
|
.on('error', notify.onError())
|
2015-11-01 12:07:17 +00:00
|
|
|
.pipe(source('./src/js/main.js'))
|
|
|
|
.pipe(buffer())
|
|
|
|
.pipe(sourcemaps.init({ loadMaps: true }))
|
|
|
|
.pipe(rename(function(path) {
|
|
|
|
path.dirname = '';
|
2014-11-30 14:58:27 +00:00
|
|
|
}))
|
2015-11-01 12:07:17 +00:00
|
|
|
.pipe(sourcemaps.write('.'))
|
2014-11-30 19:39:56 +00:00
|
|
|
.pipe(gulp.dest(config.buildPath('js')));
|
2014-11-23 23:55:32 +00:00
|
|
|
});
|
2014-11-23 22:00:01 +00:00
|
|
|
|
2015-11-01 15:11:36 +00:00
|
|
|
gulp.task('verify', ['karma:single', 'lint']);
|
|
|
|
|
|
|
|
gulp.task('verify:watch', ['karma', 'lint:watch']);
|
|
|
|
|
2014-11-25 02:44:50 +00:00
|
|
|
gulp.task('karma', function(done) {
|
|
|
|
var karma = require('karma'),
|
2015-10-31 14:41:23 +00:00
|
|
|
path = require('path'),
|
|
|
|
server = new karma.Server({
|
|
|
|
configFile: path.join(__dirname, 'karma.conf.js')
|
|
|
|
}, done);
|
2014-11-23 22:50:30 +00:00
|
|
|
|
2015-10-31 14:41:23 +00:00
|
|
|
server.start();
|
2014-11-23 22:00:01 +00:00
|
|
|
});
|
2014-12-22 16:20:41 +00:00
|
|
|
|
|
|
|
gulp.task('karma:single', function(done) {
|
|
|
|
var karma = require('karma'),
|
2015-10-31 14:41:23 +00:00
|
|
|
path = require('path'),
|
|
|
|
server = new karma.Server({
|
|
|
|
configFile: path.join(__dirname, 'karma.conf.js'),
|
|
|
|
singleRun: true
|
|
|
|
}, done);
|
2014-12-22 16:20:41 +00:00
|
|
|
|
2015-10-31 14:41:23 +00:00
|
|
|
server.start();
|
2014-12-22 16:20:41 +00:00
|
|
|
});
|
2015-11-01 15:11:36 +00:00
|
|
|
|
|
|
|
gulp.task('lint', function() {
|
|
|
|
var jscs = require('gulp-jscs');
|
|
|
|
|
|
|
|
return gulp.src(config.globs.lint)
|
|
|
|
.pipe(jscs())
|
|
|
|
.pipe(jscs.reporter())
|
|
|
|
.pipe(jscs.reporter('fail'))
|
|
|
|
.on('error', notify.onError())
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('lint:watch', function() {
|
|
|
|
gulp.watch(config.globs.lint, ['lint']);
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('lint:fix', config.lintRoots.map(function(root) {
|
|
|
|
return 'lint:fix:' + root;
|
|
|
|
}), function() {
|
|
|
|
var jscs = require('gulp-jscs');
|
|
|
|
|
|
|
|
return gulp.src('./*.js')
|
|
|
|
.pipe(jscs({fix: true}))
|
|
|
|
.pipe(gulp.dest('.'));
|
|
|
|
});
|
|
|
|
|
|
|
|
config.lintRoots.forEach(function(root) {
|
|
|
|
gulp.task('lint:fix:' + root, function() {
|
|
|
|
var jscs = require('gulp-jscs');
|
|
|
|
|
|
|
|
return gulp.src('./' + root + '/**/*.js')
|
|
|
|
.pipe(jscs({fix: true}))
|
|
|
|
.pipe(gulp.dest('./' + root));
|
|
|
|
});
|
|
|
|
});
|