blob: 716d3019ea02a2c2336df85a358f798d899fda2e [file] [log] [blame]
Matteo Scandolo8a64fa42016-01-21 11:21:03 -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 Scandolo70ac2162016-02-24 15:40:22 -080016var concat = require('gulp-concat-util');
Matteo Scandolo8a64fa42016-01-21 11:21:03 -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 Scandolo70ac2162016-02-24 15:40:22 -080025var postcss = require('gulp-postcss');
26var autoprefixer = require('autoprefixer');
27var mqpacker = require('css-mqpacker');
28var csswring = require('csswring');
Matteo Scandolo8a64fa42016-01-21 11:21:03 -080029
Matteo Scandolodd55c132016-04-13 10:46:08 -070030const TEMPLATE_FOOTER = `
31angular.module('xos.diagnostic')
32.run(['$location', function(a){
33 a.path('/');
34}])
35`
36
Matteo Scandolo8a64fa42016-01-21 11:21:03 -080037module.exports = function(options){
38
39 // delete previous builded file
40 gulp.task('clean', function(){
41 return del(
Matteo Scandolo4ac9a0b2016-05-23 15:31:25 -070042 [
43 options.dashboards + 'xosDiagnostic.html',
Matteo Scandolo195dde92016-07-25 16:43:16 -070044 options.static + 'css/xosDiagnostic.css',
45 options.static + 'images/diagnostic-icon.png',
46 options.static + 'images/diagnostic-icon-active.png'
Matteo Scandolo4ac9a0b2016-05-23 15:31:25 -070047 ],
Matteo Scandolo8a64fa42016-01-21 11:21:03 -080048 {force: true}
49 );
50 });
51
Matteo Scandolo70ac2162016-02-24 15:40:22 -080052 // minify css
53 gulp.task('css', function () {
54 var processors = [
55 autoprefixer({browsers: ['last 1 version']}),
56 mqpacker,
57 csswring
58 ];
Matteo Scandolo9d3face2016-03-29 14:10:16 -070059
Matteo Scandolo70ac2162016-02-24 15:40:22 -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 Scandolo4ac9a0b2016-05-23 15:31:25 -070068 // copy css in correct folder
69 gulp.task('copyCss', ['wait'], function(){
Matteo Scandolo70ac2162016-02-24 15:40:22 -080070 return gulp.src([`${options.tmp}/css/*.css`])
71 .pipe(concat('xosDiagnostic.css'))
72 .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}/diagnostic-icon.png`,`${options.icon}/diagnostic-icon-active.png`])
78 .pipe(gulp.dest(options.static + 'images/'))
79 });
80
Matteo Scandolo8a64fa42016-01-21 11:21:03 -080081 // compile and minify scripts
82 gulp.task('scripts', function() {
83 return gulp.src([
Matteo Scandolo4ac9a0b2016-05-23 15:31:25 -070084 options.tmp + '**/*.js'
Matteo Scandolo8a64fa42016-01-21 11:21:03 -080085 ])
86 .pipe(ngAnnotate())
87 .pipe(angularFilesort())
Matteo Scandolo04564952016-02-24 11:22:48 -080088 .pipe(concat('xosDiagnostic.js'))
Matteo Scandolo70ac2162016-02-24 15:40:22 -080089 .pipe(concat.header('//Autogenerated, do not edit!!!\n'))
Matteo Scandolodd55c132016-04-13 10:46:08 -070090 .pipe(concat.footer(TEMPLATE_FOOTER))
91 .pipe(uglify())
Matteo Scandolo8a64fa42016-01-21 11:21:03 -080092 .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({
Matteo Scandolo70ac2162016-02-24 15:40:22 -080099 module: 'xos.diagnostic',
Matteo Scandolo4ac9a0b2016-05-23 15:31:25 -0700100 root: 'templates/'
Matteo Scandolo8a64fa42016-01-21 11:21:03 -0800101 }))
102 .pipe(gulp.dest(options.tmp));
103 });
104
105 // copy html index to Django Folder
Matteo Scandolo4ac9a0b2016-05-23 15:31:25 -0700106 gulp.task('copyHtml', function(){
Matteo Scandolo8a64fa42016-01-21 11:21:03 -0800107 return gulp.src(options.src + 'index.html')
108 // remove dev dependencies from html
Matteo Scandolo4ac9a0b2016-05-23 15:31:25 -0700109 .pipe(replace(/<!-- bower:css -->(\n^<link.*)*\n<!-- endbower -->/gmi, ''))
110 .pipe(replace(/<!-- bower:js -->(\n^<script.*)*\n<!-- endbower -->/gmi, ''))
Matteo Scandolo8a64fa42016-01-21 11:21:03 -0800111 // injecting minified files
112 .pipe(
113 inject(
114 gulp.src([
Matteo Scandolo195dde92016-07-25 16:43:16 -0700115 options.static + 'vendor/xosDiagnosticVendor.js',
Matteo Scandolo70ac2162016-02-24 15:40:22 -0800116 options.static + 'js/xosDiagnostic.js',
117 options.static + 'css/xosDiagnostic.css'
118 ]),
119 {ignorePath: '/../../../xos/core/xoslib'}
Matteo Scandolo8a64fa42016-01-21 11:21:03 -0800120 )
121 )
Matteo Scandolo04564952016-02-24 11:22:48 -0800122 .pipe(rename('xosDiagnostic.html'))
Matteo Scandolo8a64fa42016-01-21 11:21:03 -0800123 .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)
Matteo Scandolo04564952016-02-24 11:22:48 -0800139 .pipe(concat('xosDiagnosticVendor.js'))
Matteo Scandolo8a64fa42016-01-21 11:21:03 -0800140 .pipe(uglify())
Matteo Scandolo195dde92016-07-25 16:43:16 -0700141 .pipe(gulp.dest(options.static + 'vendor/'));
Matteo Scandolo8a64fa42016-01-21 11:21:03 -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 Scandolo4ac9a0b2016-05-23 15:31:25 -0700151 gulp.task('wait', function (cb) {
152 // setTimeout could be any async task
153 setTimeout(function () {
154 cb();
155 }, 1000);
Matteo Scandolo9d3face2016-03-29 14:10:16 -0700156 });
157
Matteo Scandolo8a64fa42016-01-21 11:21:03 -0800158 gulp.task('build', function() {
159 runSequence(
Matteo Scandolo4ac9a0b2016-05-23 15:31:25 -0700160 'clean',
161 'sass',
Matteo Scandolo8a64fa42016-01-21 11:21:03 -0800162 'templates',
163 'babel',
164 'scripts',
165 'wiredep',
Matteo Scandolo4ac9a0b2016-05-23 15:31:25 -0700166 'css',
167 'copyCss',
Matteo Scandolo195dde92016-07-25 16:43:16 -0700168 'copyImages',
Matteo Scandolo8a64fa42016-01-21 11:21:03 -0800169 'copyHtml',
Matteo Scandolo4ac9a0b2016-05-23 15:31:25 -0700170 'cleanTmp'
Matteo Scandolo8a64fa42016-01-21 11:21:03 -0800171 );
172 });
173};