blob: 5878b311d9cdaf5645e3b4821a4a38904c05447e [file] [log] [blame]
Matteo Scandolod7552052016-03-11 13:47:27 -08001'use strict';
2
3// BUILD
4//
5// The only purpose of this gulpfile is to build a XOS view and copy the correct files into
6// .html => dashboards
7// .js (minified and concat) => static/js
8//
9// The template are parsed and added to js with angular $templateCache
10
11var gulp = require('gulp');
12var ngAnnotate = require('gulp-ng-annotate');
13var uglify = require('gulp-uglify');
14var templateCache = require('gulp-angular-templatecache');
15var runSequence = require('run-sequence');
Matteo Scandolo280dcd32016-05-16 09:59:38 -070016var concat = require('gulp-concat-util');
Matteo Scandolod7552052016-03-11 13:47:27 -080017var del = require('del');
18var wiredep = require('wiredep');
19var angularFilesort = require('gulp-angular-filesort');
20var _ = require('lodash');
21var eslint = require('gulp-eslint');
22var inject = require('gulp-inject');
23var rename = require('gulp-rename');
24var replace = require('gulp-replace');
Matteo Scandoloa448f7d2016-03-11 13:53:12 -080025var postcss = require('gulp-postcss');
26var autoprefixer = require('autoprefixer');
27var mqpacker = require('css-mqpacker');
28var csswring = require('csswring');
Matteo Scandolod7552052016-03-11 13:47:27 -080029
Matteo Scandolo280dcd32016-05-16 09:59:38 -070030const TEMPLATE_FOOTER = `
31angular.module('xos.truckroll')
32.run(['$location', function(a){
33 a.path('/');
34}])
35`
Matteo Scandolod7552052016-03-11 13:47:27 -080036
37module.exports = function(options){
38
39 // delete previous builded file
40 gulp.task('clean', function(){
41 return del(
Matteo Scandolo280dcd32016-05-16 09:59:38 -070042 [
43 options.dashboards + 'xosTruckroll.html',
Matteo Scandolo195dde92016-07-25 16:43:16 -070044 options.static + 'css/xosTruckroll.css',
45 options.static + 'images/truckroll-icon.png',
46 options.static + 'images/truckroll-icon-active.png'
Matteo Scandolo280dcd32016-05-16 09:59:38 -070047 ],
Matteo Scandolod7552052016-03-11 13:47:27 -080048 {force: true}
49 );
50 });
51
52 // minify css
53 gulp.task('css', function () {
54 var processors = [
55 autoprefixer({browsers: ['last 1 version']}),
56 mqpacker,
57 csswring
58 ];
Matteo Scandoloa448f7d2016-03-11 13:53:12 -080059
Matteo Scandolod7552052016-03-11 13:47:27 -080060 gulp.src([
61 `${options.css}**/*.css`,
62 `!${options.css}dev.css`
63 ])
64 .pipe(postcss(processors))
65 .pipe(gulp.dest(options.tmp + '/css/'));
66 });
67
Matteo Scandolo280dcd32016-05-16 09:59:38 -070068 // copy css in correct folder
69 gulp.task('copyCss', ['wait'], function(){
Matteo Scandolod7552052016-03-11 13:47:27 -080070 return gulp.src([`${options.tmp}/css/*.css`])
Matteo Scandoloa448f7d2016-03-11 13:53:12 -080071 .pipe(concat('xosTruckroll.css'))
Matteo Scandolod7552052016-03-11 13:47:27 -080072 .pipe(gulp.dest(options.static + 'css/'))
73 });
74
Matteo Scandolo195dde92016-07-25 16:43:16 -070075 // copy images in correct folder
76 gulp.task('copyImages', ['wait'], function(){
77 return gulp.src([`${options.icon}/truckroll-icon.png`,`${options.icon}/truckroll-icon-active.png`])
78 .pipe(gulp.dest(options.static + 'images/'))
79 });
80
Matteo Scandolod7552052016-03-11 13:47:27 -080081 // compile and minify scripts
82 gulp.task('scripts', function() {
83 return gulp.src([
84 options.tmp + '**/*.js'
85 ])
86 .pipe(ngAnnotate())
87 .pipe(angularFilesort())
88 .pipe(concat('xosTruckroll.js'))
Matteo Scandolo280dcd32016-05-16 09:59:38 -070089 .pipe(concat.header('//Autogenerated, do not edit!!!\n'))
90 .pipe(concat.footer(TEMPLATE_FOOTER))
Matteo Scandolod7552052016-03-11 13:47:27 -080091 .pipe(uglify())
92 .pipe(gulp.dest(options.static + 'js/'));
93 });
94
95 // set templates in cache
96 gulp.task('templates', function(){
97 return gulp.src('./src/templates/*.html')
98 .pipe(templateCache({
99 module: 'xos.truckroll',
Matteo Scandolo280dcd32016-05-16 09:59:38 -0700100 root: 'templates/'
Matteo Scandolod7552052016-03-11 13:47:27 -0800101 }))
102 .pipe(gulp.dest(options.tmp));
103 });
104
105 // copy html index to Django Folder
Matteo Scandolo280dcd32016-05-16 09:59:38 -0700106 gulp.task('copyHtml', function(){
Matteo Scandolod7552052016-03-11 13:47:27 -0800107 return gulp.src(options.src + 'index.html')
108 // remove dev dependencies from html
Matteo Scandolo280dcd32016-05-16 09:59:38 -0700109 .pipe(replace(/<!-- bower:css -->(\n^<link.*)*\n<!-- endbower -->/gmi, ''))
110 .pipe(replace(/<!-- bower:js -->(\n^<script.*)*\n<!-- endbower -->/gmi, ''))
Matteo Scandolod7552052016-03-11 13:47:27 -0800111 // injecting minified files
112 .pipe(
113 inject(
114 gulp.src([
Matteo Scandolo195dde92016-07-25 16:43:16 -0700115 options.static + 'vendor/xosTruckrollVendor.js',
Matteo Scandolocc9930e2016-03-11 15:01:01 -0800116 options.static + 'js/xosTruckroll.js',
117 options.static + 'css/xosTruckroll.css'
Matteo Scandolod7552052016-03-11 13:47:27 -0800118 ]),
119 {ignorePath: '/../../../xos/core/xoslib'}
120 )
121 )
122 .pipe(rename('xosTruckroll.html'))
123 .pipe(gulp.dest(options.dashboards));
124 });
125
126 // minify vendor js files
127 gulp.task('wiredep', function(){
128 var bowerDeps = wiredep().js;
129 if(!bowerDeps){
130 return;
131 }
132
133 // remove angular (it's already loaded)
134 _.remove(bowerDeps, function(dep){
135 return dep.indexOf('angular/angular.js') !== -1;
136 });
137
138 return gulp.src(bowerDeps)
139 .pipe(concat('xosTruckrollVendor.js'))
140 .pipe(uglify())
Matteo Scandolo195dde92016-07-25 16:43:16 -0700141 .pipe(gulp.dest(options.static + 'vendor/'));
Matteo Scandolod7552052016-03-11 13:47:27 -0800142 });
143
144 gulp.task('lint', function () {
145 return gulp.src(['src/js/**/*.js'])
146 .pipe(eslint())
147 .pipe(eslint.format())
148 .pipe(eslint.failAfterError());
149 });
150
Matteo Scandolo280dcd32016-05-16 09:59:38 -0700151 gulp.task('wait', function (cb) {
152 // setTimeout could be any async task
153 setTimeout(function () {
154 cb();
155 }, 1000);
156 });
157
Matteo Scandolod7552052016-03-11 13:47:27 -0800158 gulp.task('build', function() {
159 runSequence(
Matteo Scandolo280dcd32016-05-16 09:59:38 -0700160 'clean',
161 'sass',
Matteo Scandolod7552052016-03-11 13:47:27 -0800162 'templates',
163 'babel',
164 'scripts',
165 'wiredep',
Matteo Scandolo280dcd32016-05-16 09:59:38 -0700166 'css',
167 'copyCss',
Matteo Scandolo195dde92016-07-25 16:43:16 -0700168 'copyImages',
Matteo Scandolod7552052016-03-11 13:47:27 -0800169 'copyHtml',
Matteo Scandolo280dcd32016-05-16 09:59:38 -0700170 'cleanTmp'
Matteo Scandolod7552052016-03-11 13:47:27 -0800171 );
172 });
173};