blob: 625e3eea14eaf07fd3c5bc347b57901d12a78285 [file] [log] [blame]
Jeremy Mowery159f97b2016-02-25 09:32:00 -07001'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');
Jeremy Mowery5ab34152016-04-17 19:20:01 -070025var postcss = require('gulp-postcss');
26var autoprefixer = require('autoprefixer');
27var mqpacker = require('css-mqpacker');
28var csswring = require('csswring');
Jeremy Mowery159f97b2016-02-25 09:32:00 -070029
30var TEMPLATE_FOOTER = `}]);
Jeremy Mowery1b09b332016-04-19 17:01:48 -070031angular.module('xos.openVPNDashboard').run(function($location){$location.path('/')});
32angular.bootstrap(angular.element('#xosOpenVPNDashboard'), ['xos.openVPNDashboard']);`;
Jeremy Mowery159f97b2016-02-25 09:32:00 -070033
34module.exports = function(options){
Jeremy Mowery5ab34152016-04-17 19:20:01 -070035
Jeremy Mowery159f97b2016-02-25 09:32:00 -070036 // delete previous builded file
37 gulp.task('clean', function(){
38 return del(
Jeremy Mowery1b09b332016-04-19 17:01:48 -070039 [options.dashboards + 'xosOpenVPNDashboard.html'],
Jeremy Mowery159f97b2016-02-25 09:32:00 -070040 {force: true}
41 );
42 });
43
Jeremy Mowery5ab34152016-04-17 19:20:01 -070044 // 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`])
Jeremy Mowery1b09b332016-04-19 17:01:48 -070062 .pipe(concat('xosOpenVPNDashboard.css'))
Jeremy Mowery5ab34152016-04-17 19:20:01 -070063 .pipe(gulp.dest(options.static + 'css/'))
64 });
65
Jeremy Mowery159f97b2016-02-25 09:32:00 -070066 // compile and minify scripts
67 gulp.task('scripts', function() {
68 return gulp.src([
69 options.tmp + '**/*.js'
70 ])
71 .pipe(ngAnnotate())
72 .pipe(angularFilesort())
Jeremy Mowery1b09b332016-04-19 17:01:48 -070073 .pipe(concat('xosOpenVPNDashboard.js'))
Jeremy Mowery159f97b2016-02-25 09:32:00 -070074 .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({
Jeremy Mowery1b09b332016-04-19 17:01:48 -070082 module: 'xos.openVPNDashboard',
Jeremy Mowery159f97b2016-02-25 09:32:00 -070083 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/, ''))
Jeremy Mowery5ab34152016-04-17 19:20:01 -070096 // rewriting css path
97 // .pipe(replace(/(<link.*">)/, ''))
Jeremy Mowery159f97b2016-02-25 09:32:00 -070098 // injecting minified files
99 .pipe(
100 inject(
101 gulp.src([
Jeremy Mowery1b09b332016-04-19 17:01:48 -0700102 options.static + 'js/vendor/xosOpenVPNDashboardVendor.js',
103 options.static + 'js/xosOpenVPNDashboard.js',
104 options.static + 'css/xosOpenVPNDashboard.css'
Jeremy Mowery159f97b2016-02-25 09:32:00 -0700105 ]),
106 {ignorePath: '/../../../xos/core/xoslib'}
107 )
108 )
Jeremy Mowery1b09b332016-04-19 17:01:48 -0700109 .pipe(rename('xosOpenVPNDashboard.html'))
Jeremy Mowery159f97b2016-02-25 09:32:00 -0700110 .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)
Jeremy Mowery1b09b332016-04-19 17:01:48 -0700126 .pipe(concat('xosOpenVPNDashboardVendor.js'))
Jeremy Mowery159f97b2016-02-25 09:32:00 -0700127 .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(
Jeremy Mowery5ab34152016-04-17 19:20:01 -0700140 'lint',
Jeremy Mowery159f97b2016-02-25 09:32:00 -0700141 'templates',
142 'babel',
143 'scripts',
144 'wiredep',
145 'copyHtml',
Jeremy Mowery5ab34152016-04-17 19:20:01 -0700146 'copyCss',
Jeremy Mowery159f97b2016-02-25 09:32:00 -0700147 'cleanTmp'
148 );
149 });
Jeremy Mowery5ab34152016-04-17 19:20:01 -0700150};