blob: f49cc1eb0283bd332998732f72f39e3baa16e3bb [file] [log] [blame]
Matteo Scandoloe3de73d2015-12-04 10:14:40 -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 Scandolod9e1c412015-12-15 14:37:27 -080025var postcss = require('gulp-postcss');
26var autoprefixer = require('autoprefixer');
27var mqpacker = require('css-mqpacker');
28var csswring = require('csswring');
Matteo Scandoloe3de73d2015-12-04 10:14:40 -080029
30var TEMPLATE_FOOTER = `}]);
31angular.module('xos.ceilometerDashboard').run(function($location){$location.path('/')});
Matteo Scandolo6f432162016-03-24 13:29:36 -070032angular.element(document).ready(function() {angular.bootstrap(angular.element('#xosCeilometerDashboard'), ['xos.ceilometerDashboard']);});`;
Matteo Scandoloe3de73d2015-12-04 10:14:40 -080033
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
Matteo Scandolod9e1c412015-12-15 14:37:27 -080044 // 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
Matteo Scandoloe3de73d2015-12-04 10:14:40 -080066 // 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'))
Matteo Scandolo0ab72e82016-03-24 13:05:15 -070074 //.pipe(uglify())
Matteo Scandoloe3de73d2015-12-04 10:14:40 -080075 .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/, ''))
Matteo Scandolod9e1c412015-12-15 14:37:27 -080096 //rewriting css path
97 // .pipe(replace(/(<link.*">)/, ''))
Matteo Scandoloe3de73d2015-12-04 10:14:40 -080098 // injecting minified files
99 .pipe(
100 inject(
101 gulp.src([
102 options.static + 'js/vendor/xosCeilometerDashboardVendor.js',
Matteo Scandolod9e1c412015-12-15 14:37:27 -0800103 options.static + 'js/xosCeilometerDashboard.js',
104 options.static + 'css/xosCeilometerDashboard.css'
Matteo Scandolo0c523482016-02-02 17:25:18 -0800105 ]),
106 {ignorePath: '/../../../xos/core/xoslib'}
Matteo Scandoloe3de73d2015-12-04 10:14:40 -0800107 )
108 )
109 .pipe(rename('xosCeilometerDashboard.html'))
110 .pipe(gulp.dest(options.dashboards));
111 });
112
113 // minify vendor js files
114 gulp.task('wiredep', function(){
115 var bowerDeps = wiredep().js;
116 if(!bowerDeps){
117 return;
118 }
119
120 // remove angular (it's already loaded)
121 _.remove(bowerDeps, function(dep){
122 return dep.indexOf('angular/angular.js') !== -1;
123 });
124
125 return gulp.src(bowerDeps)
126 .pipe(concat('xosCeilometerDashboardVendor.js'))
127 .pipe(uglify())
128 .pipe(gulp.dest(options.static + 'js/vendor/'));
129 });
130
131 gulp.task('lint', function () {
132 return gulp.src(['src/js/**/*.js'])
133 .pipe(eslint())
134 .pipe(eslint.format())
135 .pipe(eslint.failAfterError());
136 });
137
138 gulp.task('build', function() {
139 runSequence(
Matteo Scandolod9e1c412015-12-15 14:37:27 -0800140 'lint',
Matteo Scandoloe3de73d2015-12-04 10:14:40 -0800141 'templates',
142 'babel',
143 'scripts',
144 'wiredep',
145 'copyHtml',
Matteo Scandolod9e1c412015-12-15 14:37:27 -0800146 'copyCss',
Matteo Scandoloe3de73d2015-12-04 10:14:40 -0800147 'cleanTmp'
148 );
149 });
150};