blob: 9f9bfb804c7c12a956342f061c7a149020d758ba [file] [log] [blame]
Matteo Scandolo46b56102015-12-16 14:23:08 -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');
25var postcss = require('gulp-postcss');
26var autoprefixer = require('autoprefixer');
27var mqpacker = require('css-mqpacker');
28var csswring = require('csswring');
29
30var TEMPLATE_FOOTER = `}]);
31angular.module('xos.ceilometerDashboard').run(function($location){$location.path('/')});
32angular.bootstrap(angular.element('#xosCeilometerDashboard'), ['xos.ceilometerDashboard']);`;
33
34module.exports = function(options){
35
36 // delete previous builded file
37 gulp.task('clean', function(){
38 return del(
39 [options.dashboards + 'xosCeilometerDashboard.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 ];
51
52 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`])
62 .pipe(concat('xosCeilometerDashboard.css'))
63 .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('xosCeilometerDashboard.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.ceilometerDashboard',
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 //rewriting css path
97 // .pipe(replace(/(<link.*">)/, ''))
98 // injecting minified files
99 .pipe(
100 inject(
101 gulp.src([
102 options.static + 'js/vendor/xosCeilometerDashboardVendor.js',
103 options.static + 'js/xosCeilometerDashboard.js',
104 options.static + 'css/xosCeilometerDashboard.css'
105 ])
106 )
107 )
108 .pipe(rename('xosCeilometerDashboard.html'))
109 .pipe(gulp.dest(options.dashboards));
110 });
111
112 // minify vendor js files
113 gulp.task('wiredep', function(){
114 var bowerDeps = wiredep().js;
115 if(!bowerDeps){
116 return;
117 }
118
119 // remove angular (it's already loaded)
120 _.remove(bowerDeps, function(dep){
121 return dep.indexOf('angular/angular.js') !== -1;
122 });
123
124 return gulp.src(bowerDeps)
125 .pipe(concat('xosCeilometerDashboardVendor.js'))
126 .pipe(uglify())
127 .pipe(gulp.dest(options.static + 'js/vendor/'));
128 });
129
130 gulp.task('lint', function () {
131 return gulp.src(['src/js/**/*.js'])
132 .pipe(eslint())
133 .pipe(eslint.format())
134 .pipe(eslint.failAfterError());
135 });
136
137 gulp.task('build', function() {
138 runSequence(
139 'lint',
140 'templates',
141 'babel',
142 'scripts',
143 'wiredep',
144 'copyHtml',
145 'copyCss',
146 'cleanTmp'
147 );
148 });
149};