blob: e4ad0d683488df01ff8f08ef32ced967bf852067 [file] [log] [blame]
Rizwan Haider8e5f4772016-08-17 18:04:35 -04001'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.ecordTopology')
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 + 'xosEcordTopology.html',
44 options.static + 'css/xosEcordTopology.css'
45 ],
46 {force: true}
47 );
48 });
49
50 // minify css
51 gulp.task('css', function () {
52 var processors = [
53 autoprefixer({browsers: ['last 1 version']}),
54 mqpacker,
55 csswring
56 ];
57
58 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
66 // copy css in correct folder
67 gulp.task('copyCss', ['wait'], function(){
68 return gulp.src([`${options.tmp}/css/*.css`])
69 .pipe(concat('xosEcordTopology.css'))
70 .pipe(gulp.dest(options.static + 'css/'))
71 });
72
73 // 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('xosEcordTopology.js'))
81 .pipe(concat.header('//Autogenerated, do not edit!!!\n'))
82 .pipe(concat.footer(TEMPLATE_FOOTER))
83 .pipe(uglify())
84 .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.ecordTopology',
92 root: 'templates/'
93 }))
94 .pipe(gulp.dest(options.tmp));
95 });
96
97 // copy html index to Django Folder
98 gulp.task('copyHtml', function(){
99 return gulp.src(options.src + 'index.html')
100 // remove dev dependencies from html
101 .pipe(replace(/<!-- bower:css -->(\n^<link.*)*\n<!-- endbower -->/gmi, ''))
102 .pipe(replace(/<!-- bower:js -->(\n^<script.*)*\n<!-- endbower -->/gmi, ''))
103 // injecting minified files
104 .pipe(
105 inject(
106 gulp.src([
107 options.static + 'js/vendor/xosEcordTopologyVendor.js',
108 options.static + 'js/xosEcordTopology.js',
109 options.static + 'css/xosEcordTopology.css'
110 ]),
111 {ignorePath: '/../../../xos/core/xoslib'}
112 )
113 )
114 .pipe(rename('xosEcordTopology.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('xosEcordTopologyVendor.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
143 gulp.task('wait', function (cb) {
144 // setTimeout could be any async task
145 setTimeout(function () {
146 cb();
147 }, 1000);
148 });
149
150 gulp.task('build', function() {
151 runSequence(
152 'clean',
153 'sass',
154 'templates',
155 'babel',
156 'scripts',
157 'wiredep',
158 'css',
159 'copyCss',
160 'copyHtml',
161 'cleanTmp'
162 );
163 });
164};