blob: 9789be82a728a7801bc62e3eee6671b76ef88c0f [file] [log] [blame]
Matteo Scandolobba1d782016-07-12 15:56:23 -07001'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');
16var concat = require('gulp-concat-util');
17var 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');
25var postcss = require('gulp-postcss');
26var autoprefixer = require('autoprefixer');
27var mqpacker = require('css-mqpacker');
28var csswring = require('csswring');
29
30const TEMPLATE_FOOTER = `
31angular.module('xos.dashboardManager')
32.run(['$location', function(a){
33 a.path('/');
34}])
35`
36
37module.exports = function(options){
38
39 // delete previous builded file
40 gulp.task('clean', function(){
41 return del(
42 [
43 options.dashboards + 'xosDashboardManager.html',
Matteo Scandolo195dde92016-07-25 16:43:16 -070044 options.static + 'css/xosDashboardManager.css',
45 options.static + 'images/dashboardManager-icon.png',
46 options.static + 'images/dashboardManager-icon-active.png'
Matteo Scandolobba1d782016-07-12 15:56:23 -070047 ],
48 {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 ];
59
60 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
68 // copy css in correct folder
69 gulp.task('copyCss', ['wait'], function(){
70 return gulp.src([`${options.tmp}/css/*.css`])
71 .pipe(concat('xosDashboardManager.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}/dashboardManager-icon.png`,`${options.icon}/dashboardManager-icon-active.png`])
78 .pipe(gulp.dest(options.static + 'images/'))
79 });
80
Matteo Scandolobba1d782016-07-12 15:56:23 -070081 // 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('xosDashboardManager.js'))
89 .pipe(concat.header('//Autogenerated, do not edit!!!\n'))
90 .pipe(concat.footer(TEMPLATE_FOOTER))
91 .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.dashboardManager',
100 root: 'templates/'
101 }))
102 .pipe(gulp.dest(options.tmp));
103 });
104
105 // copy html index to Django Folder
106 gulp.task('copyHtml', function(){
107 return gulp.src(options.src + 'index.html')
108 // remove dev dependencies from html
109 .pipe(replace(/<!-- bower:css -->(\n^<link.*)*\n<!-- endbower -->/gmi, ''))
110 .pipe(replace(/<!-- bower:js -->(\n^<script.*)*\n<!-- endbower -->/gmi, ''))
111 // injecting minified files
112 .pipe(
113 inject(
114 gulp.src([
Matteo Scandolo195dde92016-07-25 16:43:16 -0700115 options.static + 'vendor/xosDashboardManagerVendor.js',
Matteo Scandolobba1d782016-07-12 15:56:23 -0700116 options.static + 'js/xosDashboardManager.js',
117 options.static + 'css/xosDashboardManager.css'
118 ]),
119 {ignorePath: '/../../../xos/core/xoslib'}
120 )
121 )
122 .pipe(rename('xosDashboardManager.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('xosDashboardManagerVendor.js'))
140 .pipe(uglify())
Matteo Scandolo195dde92016-07-25 16:43:16 -0700141 .pipe(gulp.dest(options.static + 'vendor/'));
Matteo Scandolobba1d782016-07-12 15:56:23 -0700142 });
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
151 gulp.task('wait', function (cb) {
152 // setTimeout could be any async task
153 setTimeout(function () {
154 cb();
155 }, 1000);
156 });
157
158 gulp.task('build', function() {
159 runSequence(
160 'clean',
161 'sass',
162 'templates',
163 'babel',
164 'scripts',
165 'wiredep',
166 'css',
167 'copyCss',
Matteo Scandolo195dde92016-07-25 16:43:16 -0700168 'copyImages',
Matteo Scandolobba1d782016-07-12 15:56:23 -0700169 'copyHtml',
170 'cleanTmp'
171 );
172 });
173};