blob: a8c04bec2944b9ed956598e5f5ce85b14eea53f7 [file] [log] [blame]
Matteo Scandolof0c32262016-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');
16var concat = require('gulp-concat');
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');
Matteo Scandolo45586982016-03-11 13:53:12 -080025var postcss = require('gulp-postcss');
26var autoprefixer = require('autoprefixer');
27var mqpacker = require('css-mqpacker');
28var csswring = require('csswring');
Matteo Scandolof0c32262016-03-11 13:47:27 -080029
30var TEMPLATE_FOOTER = `}]);
31angular.module('xos.truckroll').run(function($location){$location.path('/')});
32angular.bootstrap(angular.element('#xosTruckroll'), ['xos.truckroll']);`;
33
34module.exports = function(options){
35
36 // delete previous builded file
37 gulp.task('clean', function(){
38 return del(
39 [options.dashboards + 'xosTruckroll.html'],
40 {force: true}
41 );
42 });
43
44 // minify css
45 gulp.task('css', function () {
46 var processors = [
47 autoprefixer({browsers: ['last 1 version']}),
48 mqpacker,
49 csswring
50 ];
Matteo Scandolo45586982016-03-11 13:53:12 -080051
Matteo Scandolof0c32262016-03-11 13:47:27 -080052 gulp.src([
53 `${options.css}**/*.css`,
54 `!${options.css}dev.css`
55 ])
56 .pipe(postcss(processors))
57 .pipe(gulp.dest(options.tmp + '/css/'));
58 });
59
60 gulp.task('copyCss', ['css'], function(){
61 return gulp.src([`${options.tmp}/css/*.css`])
Matteo Scandolo45586982016-03-11 13:53:12 -080062 .pipe(concat('xosTruckroll.css'))
Matteo Scandolof0c32262016-03-11 13:47:27 -080063 .pipe(gulp.dest(options.static + 'css/'))
64 });
65
66 // compile and minify scripts
67 gulp.task('scripts', function() {
68 return gulp.src([
69 options.tmp + '**/*.js'
70 ])
71 .pipe(ngAnnotate())
72 .pipe(angularFilesort())
73 .pipe(concat('xosTruckroll.js'))
74 .pipe(uglify())
75 .pipe(gulp.dest(options.static + 'js/'));
76 });
77
78 // set templates in cache
79 gulp.task('templates', function(){
80 return gulp.src('./src/templates/*.html')
81 .pipe(templateCache({
82 module: 'xos.truckroll',
83 root: 'templates/',
84 templateFooter: TEMPLATE_FOOTER
85 }))
86 .pipe(gulp.dest(options.tmp));
87 });
88
89 // copy html index to Django Folder
90 gulp.task('copyHtml', ['clean'], function(){
91 return gulp.src(options.src + 'index.html')
92 // remove dev dependencies from html
93 .pipe(replace(/<!-- bower:css -->(\n.*)*\n<!-- endbower --><!-- endcss -->/, ''))
94 .pipe(replace(/<!-- bower:js -->(\n.*)*\n<!-- endbower --><!-- endjs -->/, ''))
95 .pipe(replace(/ng-app=".*"\s/, ''))
96 // injecting minified files
97 .pipe(
98 inject(
99 gulp.src([
100 options.static + 'js/vendor/xosTruckrollVendor.js',
Matteo Scandolo31473172016-03-11 15:01:01 -0800101 options.static + 'js/xosTruckroll.js',
102 options.static + 'css/xosTruckroll.css'
Matteo Scandolof0c32262016-03-11 13:47:27 -0800103 ]),
104 {ignorePath: '/../../../xos/core/xoslib'}
105 )
106 )
107 .pipe(rename('xosTruckroll.html'))
108 .pipe(gulp.dest(options.dashboards));
109 });
110
111 // minify vendor js files
112 gulp.task('wiredep', function(){
113 var bowerDeps = wiredep().js;
114 if(!bowerDeps){
115 return;
116 }
117
118 // remove angular (it's already loaded)
119 _.remove(bowerDeps, function(dep){
120 return dep.indexOf('angular/angular.js') !== -1;
121 });
122
123 return gulp.src(bowerDeps)
124 .pipe(concat('xosTruckrollVendor.js'))
125 .pipe(uglify())
126 .pipe(gulp.dest(options.static + 'js/vendor/'));
127 });
128
129 gulp.task('lint', function () {
130 return gulp.src(['src/js/**/*.js'])
131 .pipe(eslint())
132 .pipe(eslint.format())
133 .pipe(eslint.failAfterError());
134 });
135
136 gulp.task('build', function() {
137 runSequence(
138 'templates',
139 'babel',
140 'scripts',
141 'wiredep',
142 'copyHtml',
143 'cleanTmp',
144 'copyCss'
145 );
146 });
147};