blob: 663a4cf59907b6ad6a8bee42e2d7c05ed316d5ba [file] [log] [blame]
'use strict';
// BUILD
//
// The only purpose of this gulpfile is to build a XOS view and copy the correct files into
// .html => dashboards
// .js (minified and concat) => static/js
//
// The template are parsed and added to js with angular $templateCache
var gulp = require('gulp');
var ngAnnotate = require('gulp-ng-annotate');
var uglify = require('gulp-uglify');
var templateCache = require('gulp-angular-templatecache');
var runSequence = require('run-sequence');
var concat = require('gulp-concat-util');
var del = require('del');
var wiredep = require('wiredep');
var angularFilesort = require('gulp-angular-filesort');
var _ = require('lodash');
var eslint = require('gulp-eslint');
var inject = require('gulp-inject');
var rename = require('gulp-rename');
var replace = require('gulp-replace');
var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer');
var mqpacker = require('css-mqpacker');
var csswring = require('csswring');
const TEMPLATE_FOOTER = `
angular.module('xos.<%= name %>')
.run(['$location', function(a){
a.path('/');
}])
`
module.exports = function(options){
// delete previous builded file
gulp.task('clean', function(){
return del(
[
options.dashboards + 'xos<%= fileName %>.html',
options.static + 'css/xos<%= fileName %>.css'
],
{force: true}
);
});
// minify css
gulp.task('css', function () {
var processors = [
autoprefixer({browsers: ['last 1 version']}),
mqpacker,
csswring
];
gulp.src([
`${options.css}**/*.css`,
`!${options.css}dev.css`
])
.pipe(postcss(processors))
.pipe(gulp.dest(options.tmp + '/css/'));
});
// copy css in correct folder
gulp.task('copyCss', ['wait'], function(){
return gulp.src([`${options.tmp}/css/*.css`])
.pipe(concat('xos<%= fileName %>.css'))
.pipe(gulp.dest(options.static + 'css/'))
});
// compile and minify scripts
gulp.task('scripts', function() {
return gulp.src([
options.tmp + '**/*.js'
])
.pipe(ngAnnotate())
.pipe(angularFilesort())
.pipe(concat('xos<%= fileName %>.js'))
.pipe(concat.header('//Autogenerated, do not edit!!!\n'))
.pipe(concat.footer(TEMPLATE_FOOTER))
.pipe(uglify())
.pipe(gulp.dest(options.static + 'js/'));
});
// set templates in cache
gulp.task('templates', function(){
return gulp.src('./src/templates/*.html')
.pipe(templateCache({
module: 'xos.<%= name %>',
root: 'templates/'
}))
.pipe(gulp.dest(options.tmp));
});
// copy html index to Django Folder
gulp.task('copyHtml', function(){
return gulp.src(options.src + 'index.html')
// remove dev dependencies from html
.pipe(replace(/<!-- bower:css -->(\n.*)*\n<!-- endbower --><!-- endcss -->/, ''))
.pipe(replace(/<!-- bower:js -->(\n.*)*\n<!-- endbower --><!-- endjs -->/, ''))
// injecting minified files
.pipe(
inject(
gulp.src([
options.static + 'js/vendor/xos<%= fileName %>Vendor.js',
options.static + 'js/xos<%= fileName %>.js',
options.static + 'css/xos<%= fileName %>.css'
]),
{ignorePath: '/../../../xos/core/xoslib'}
)
)
.pipe(rename('xos<%= fileName %>.html'))
.pipe(gulp.dest(options.dashboards));
});
// minify vendor js files
gulp.task('wiredep', function(){
var bowerDeps = wiredep().js;
if(!bowerDeps){
return;
}
// remove angular (it's already loaded)
_.remove(bowerDeps, function(dep){
return dep.indexOf('angular/angular.js') !== -1;
});
return gulp.src(bowerDeps)
.pipe(concat('xos<%= fileName %>Vendor.js'))
.pipe(uglify())
.pipe(gulp.dest(options.static + 'js/vendor/'));
});
gulp.task('lint', function () {
return gulp.src(['src/js/**/*.js'])
.pipe(eslint())
.pipe(eslint.format())
.pipe(eslint.failAfterError());
});
gulp.task('wait', function (cb) {
// setTimeout could be any async task
setTimeout(function () {
cb();
}, 1000);
});
gulp.task('build', function() {
runSequence(
'clean',
'templates',
'babel',
'scripts',
'wiredep',
'css',
'copyCss',
'copyHtml',
'cleanTmp'
);
});
};