blob: d9736c47b6abb08cf07955ae618529689ef78755 [file] [log] [blame]
Matteo Scandolo68c2e722015-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');
Matteo Scandolo54bc5f72016-05-18 14:06:45 -070016var concat = require('gulp-concat-util');
Matteo Scandolo68c2e722015-12-04 10:14:40 -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 Scandolo6c6b9282015-12-15 14:37:27 -080025var postcss = require('gulp-postcss');
26var autoprefixer = require('autoprefixer');
27var mqpacker = require('css-mqpacker');
28var csswring = require('csswring');
Matteo Scandolo68c2e722015-12-04 10:14:40 -080029
Matteo Scandolo54bc5f72016-05-18 14:06:45 -070030const TEMPLATE_FOOTER = `
31angular.module('xos.ceilometerDashboard')
32.run(['$location', function(a){
33 a.path('/');
34}])
35`
Matteo Scandolo68c2e722015-12-04 10:14:40 -080036
37module.exports = function(options){
38
39 // delete previous builded file
40 gulp.task('clean', function(){
41 return del(
Matteo Scandolo54bc5f72016-05-18 14:06:45 -070042 [
43 options.dashboards + 'xosCeilometerDashboard.html',
44 options.static + 'css/xosCeilometerDashboard.css'
45 ],
Matteo Scandolo68c2e722015-12-04 10:14:40 -080046 {force: true}
47 );
48 });
49
Matteo Scandolo6c6b9282015-12-15 14:37:27 -080050 // minify css
51 gulp.task('css', function () {
52 var processors = [
53 autoprefixer({browsers: ['last 1 version']}),
54 mqpacker,
55 csswring
56 ];
Matteo Scandolo54bc5f72016-05-18 14:06:45 -070057
Matteo Scandolo6c6b9282015-12-15 14:37:27 -080058 gulp.src([
59 `${options.css}**/*.css`,
60 `!${options.css}dev.css`
61 ])
62 .pipe(postcss(processors))
63 .pipe(gulp.dest(options.tmp + '/css/'));
64 });
65
Matteo Scandolo54bc5f72016-05-18 14:06:45 -070066 // copy css in correct folder
67 gulp.task('copyCss', ['wait'], function(){
Matteo Scandolo6c6b9282015-12-15 14:37:27 -080068 return gulp.src([`${options.tmp}/css/*.css`])
69 .pipe(concat('xosCeilometerDashboard.css'))
70 .pipe(gulp.dest(options.static + 'css/'))
71 });
72
Matteo Scandolo68c2e722015-12-04 10:14:40 -080073 // compile and minify scripts
74 gulp.task('scripts', function() {
75 return gulp.src([
76 options.tmp + '**/*.js'
77 ])
78 .pipe(ngAnnotate())
79 .pipe(angularFilesort())
80 .pipe(concat('xosCeilometerDashboard.js'))
Matteo Scandolo54bc5f72016-05-18 14:06:45 -070081 .pipe(concat.header('//Autogenerated, do not edit!!!\n'))
82 .pipe(concat.footer(TEMPLATE_FOOTER))
83 .pipe(uglify())
Matteo Scandolo68c2e722015-12-04 10:14:40 -080084 .pipe(gulp.dest(options.static + 'js/'));
85 });
86
87 // set templates in cache
88 gulp.task('templates', function(){
89 return gulp.src('./src/templates/*.html')
90 .pipe(templateCache({
91 module: 'xos.ceilometerDashboard',
Matteo Scandolo54bc5f72016-05-18 14:06:45 -070092 root: 'templates/'
Matteo Scandolo68c2e722015-12-04 10:14:40 -080093 }))
94 .pipe(gulp.dest(options.tmp));
95 });
96
97 // copy html index to Django Folder
Matteo Scandolo54bc5f72016-05-18 14:06:45 -070098 gulp.task('copyHtml', function(){
Matteo Scandolo68c2e722015-12-04 10:14:40 -080099 return gulp.src(options.src + 'index.html')
100 // remove dev dependencies from html
Matteo Scandolo54bc5f72016-05-18 14:06:45 -0700101 .pipe(replace(/<!-- bower:css -->(\n^<link.*)*\n<!-- endbower -->/gmi, ''))
102 .pipe(replace(/<!-- bower:js -->(\n^<script.*)*\n<!-- endbower -->/gmi, ''))
Matteo Scandolo68c2e722015-12-04 10:14:40 -0800103 // injecting minified files
104 .pipe(
105 inject(
106 gulp.src([
107 options.static + 'js/vendor/xosCeilometerDashboardVendor.js',
Matteo Scandolo6c6b9282015-12-15 14:37:27 -0800108 options.static + 'js/xosCeilometerDashboard.js',
109 options.static + 'css/xosCeilometerDashboard.css'
Matteo Scandoloc0c94092016-02-02 17:25:18 -0800110 ]),
111 {ignorePath: '/../../../xos/core/xoslib'}
Matteo Scandolo68c2e722015-12-04 10:14:40 -0800112 )
113 )
114 .pipe(rename('xosCeilometerDashboard.html'))
115 .pipe(gulp.dest(options.dashboards));
116 });
117
118 // minify vendor js files
119 gulp.task('wiredep', function(){
120 var bowerDeps = wiredep().js;
121 if(!bowerDeps){
122 return;
123 }
124
125 // remove angular (it's already loaded)
126 _.remove(bowerDeps, function(dep){
127 return dep.indexOf('angular/angular.js') !== -1;
128 });
129
130 return gulp.src(bowerDeps)
131 .pipe(concat('xosCeilometerDashboardVendor.js'))
132 .pipe(uglify())
133 .pipe(gulp.dest(options.static + 'js/vendor/'));
134 });
135
136 gulp.task('lint', function () {
137 return gulp.src(['src/js/**/*.js'])
138 .pipe(eslint())
139 .pipe(eslint.format())
140 .pipe(eslint.failAfterError());
141 });
142
Matteo Scandolo54bc5f72016-05-18 14:06:45 -0700143 gulp.task('wait', function (cb) {
144 // setTimeout could be any async task
145 setTimeout(function () {
146 cb();
147 }, 1000);
148 });
149
Matteo Scandolo68c2e722015-12-04 10:14:40 -0800150 gulp.task('build', function() {
151 runSequence(
Matteo Scandolo54bc5f72016-05-18 14:06:45 -0700152 'clean',
153 'sass',
Matteo Scandolo68c2e722015-12-04 10:14:40 -0800154 'templates',
155 'babel',
156 'scripts',
157 'wiredep',
Matteo Scandolo54bc5f72016-05-18 14:06:45 -0700158 'css',
Matteo Scandolo6c6b9282015-12-15 14:37:27 -0800159 'copyCss',
Matteo Scandolo54bc5f72016-05-18 14:06:45 -0700160 'copyHtml',
Matteo Scandolo68c2e722015-12-04 10:14:40 -0800161 'cleanTmp'
162 );
163 });
164};