blob: 17f3be1d45fe557ba949f1eb8df42493e94dc5f6 [file] [log] [blame]
Matteo Scandolod7552052016-03-11 13:47:27 -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 Scandolo280dcd32016-05-16 09:59:38 -070016var concat = require('gulp-concat-util');
Matteo Scandolod7552052016-03-11 13:47:27 -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 Scandoloa448f7d2016-03-11 13:53:12 -080025var postcss = require('gulp-postcss');
26var autoprefixer = require('autoprefixer');
27var mqpacker = require('css-mqpacker');
28var csswring = require('csswring');
Matteo Scandoloeaa69222016-08-05 15:24:28 -070029var yaml = require('js-yaml');
30var colors = require('colors/safe');
Matteo Scandolo262385f2016-08-08 09:28:14 -070031var fs = require('fs');
Matteo Scandolod7552052016-03-11 13:47:27 -080032
Matteo Scandolo280dcd32016-05-16 09:59:38 -070033const TEMPLATE_FOOTER = `
34angular.module('xos.truckroll')
35.run(['$location', function(a){
36 a.path('/');
37}])
38`
Matteo Scandolod7552052016-03-11 13:47:27 -080039
40module.exports = function(options){
41
42 // delete previous builded file
43 gulp.task('clean', function(){
44 return del(
Matteo Scandolo280dcd32016-05-16 09:59:38 -070045 [
46 options.dashboards + 'xosTruckroll.html',
Matteo Scandolo195dde92016-07-25 16:43:16 -070047 options.static + 'css/xosTruckroll.css',
48 options.static + 'images/truckroll-icon.png',
49 options.static + 'images/truckroll-icon-active.png'
Matteo Scandolo280dcd32016-05-16 09:59:38 -070050 ],
Matteo Scandolod7552052016-03-11 13:47:27 -080051 {force: true}
52 );
53 });
54
55 // minify css
56 gulp.task('css', function () {
57 var processors = [
58 autoprefixer({browsers: ['last 1 version']}),
59 mqpacker,
60 csswring
61 ];
Matteo Scandoloa448f7d2016-03-11 13:53:12 -080062
Matteo Scandolod7552052016-03-11 13:47:27 -080063 gulp.src([
64 `${options.css}**/*.css`,
65 `!${options.css}dev.css`
66 ])
67 .pipe(postcss(processors))
68 .pipe(gulp.dest(options.tmp + '/css/'));
69 });
70
Matteo Scandolo280dcd32016-05-16 09:59:38 -070071 // copy css in correct folder
72 gulp.task('copyCss', ['wait'], function(){
Matteo Scandolod7552052016-03-11 13:47:27 -080073 return gulp.src([`${options.tmp}/css/*.css`])
Matteo Scandoloa448f7d2016-03-11 13:53:12 -080074 .pipe(concat('xosTruckroll.css'))
Matteo Scandolod7552052016-03-11 13:47:27 -080075 .pipe(gulp.dest(options.static + 'css/'))
76 });
77
Matteo Scandolo195dde92016-07-25 16:43:16 -070078 // copy images in correct folder
79 gulp.task('copyImages', ['wait'], function(){
Matteo Scandolo262385f2016-08-08 09:28:14 -070080 return gulp.src([`${options.icon}/truckroll-icon.png`, `${options.icon}/truckroll-icon-active.png`])
Matteo Scandolo195dde92016-07-25 16:43:16 -070081 .pipe(gulp.dest(options.static + 'images/'))
82 });
83
Matteo Scandolod7552052016-03-11 13:47:27 -080084 // compile and minify scripts
85 gulp.task('scripts', function() {
86 return gulp.src([
87 options.tmp + '**/*.js'
88 ])
89 .pipe(ngAnnotate())
90 .pipe(angularFilesort())
91 .pipe(concat('xosTruckroll.js'))
Matteo Scandolo280dcd32016-05-16 09:59:38 -070092 .pipe(concat.header('//Autogenerated, do not edit!!!\n'))
93 .pipe(concat.footer(TEMPLATE_FOOTER))
Matteo Scandolod7552052016-03-11 13:47:27 -080094 .pipe(uglify())
95 .pipe(gulp.dest(options.static + 'js/'));
96 });
97
98 // set templates in cache
99 gulp.task('templates', function(){
100 return gulp.src('./src/templates/*.html')
101 .pipe(templateCache({
102 module: 'xos.truckroll',
Matteo Scandolo280dcd32016-05-16 09:59:38 -0700103 root: 'templates/'
Matteo Scandolod7552052016-03-11 13:47:27 -0800104 }))
105 .pipe(gulp.dest(options.tmp));
106 });
107
108 // copy html index to Django Folder
Matteo Scandolo280dcd32016-05-16 09:59:38 -0700109 gulp.task('copyHtml', function(){
Matteo Scandolod7552052016-03-11 13:47:27 -0800110 return gulp.src(options.src + 'index.html')
111 // remove dev dependencies from html
Matteo Scandolo280dcd32016-05-16 09:59:38 -0700112 .pipe(replace(/<!-- bower:css -->(\n^<link.*)*\n<!-- endbower -->/gmi, ''))
113 .pipe(replace(/<!-- bower:js -->(\n^<script.*)*\n<!-- endbower -->/gmi, ''))
Matteo Scandolod7552052016-03-11 13:47:27 -0800114 // injecting minified files
115 .pipe(
116 inject(
117 gulp.src([
Matteo Scandolo195dde92016-07-25 16:43:16 -0700118 options.static + 'vendor/xosTruckrollVendor.js',
Matteo Scandolocc9930e2016-03-11 15:01:01 -0800119 options.static + 'js/xosTruckroll.js',
120 options.static + 'css/xosTruckroll.css'
Matteo Scandolod7552052016-03-11 13:47:27 -0800121 ]),
122 {ignorePath: '/../../../xos/core/xoslib'}
123 )
124 )
125 .pipe(rename('xosTruckroll.html'))
126 .pipe(gulp.dest(options.dashboards));
127 });
128
129 // minify vendor js files
130 gulp.task('wiredep', function(){
131 var bowerDeps = wiredep().js;
132 if(!bowerDeps){
133 return;
134 }
135
136 // remove angular (it's already loaded)
137 _.remove(bowerDeps, function(dep){
138 return dep.indexOf('angular/angular.js') !== -1;
139 });
140
141 return gulp.src(bowerDeps)
142 .pipe(concat('xosTruckrollVendor.js'))
143 .pipe(uglify())
Matteo Scandolo195dde92016-07-25 16:43:16 -0700144 .pipe(gulp.dest(options.static + 'vendor/'));
Matteo Scandolod7552052016-03-11 13:47:27 -0800145 });
146
147 gulp.task('lint', function () {
148 return gulp.src(['src/js/**/*.js'])
149 .pipe(eslint())
150 .pipe(eslint.format())
151 .pipe(eslint.failAfterError());
152 });
153
Matteo Scandolo280dcd32016-05-16 09:59:38 -0700154 gulp.task('wait', function (cb) {
155 // setTimeout could be any async task
156 setTimeout(function () {
157 cb();
158 }, 1000);
159 });
160
Matteo Scandoloeaa69222016-08-05 15:24:28 -0700161 gulp.task('tosca', function (cb) {
162
163 // TOSCA to register the dashboard in the system
164 const dashboardJson = {};
165 dashboardJson['Truckroll'] = {
166 type: 'tosca.nodes.DashboardView',
167 properties: {
168 url: 'template:xosTruckroll'
169 }
170 };
Matteo Scandolo262385f2016-08-08 09:28:14 -0700171
172 // check for custom icons
173 if(
174 fs.existsSync(`${options.icon}/truckroll-icon.png`) &&
175 fs.existsSync(`${options.icon}/truckroll-icon-active.png`)
176 ){
177 dashboardJson['Truckroll'].properties.custom_icon = true;
178 }
179
Matteo Scandoloeaa69222016-08-05 15:24:28 -0700180 const dashboardTosca = yaml.dump(dashboardJson).replace(/'/gmi, '');
181
182 // TOSCA to add the dashboard to the user
183 const userDashboardJson = {};
184 userDashboardJson['truckroll_dashboard'] = {
185 node: 'Truckroll',
186 relationship: 'tosca.relationships.UsesDashboard'
187 };
188 const userJson = {
189 'padmin@vicci.org': {
190 type: 'tosca.nodes.User',
191 properties: {
192 'no-create': true,
193 'no-delete': true
194 },
195 requirements: [userDashboardJson]
196 }
197 };
198 const userTosca = yaml.dump(userJson).replace(/'/gmi, '');
199
200
201 // the output is in a timeout so that it get printed after the gulp logs
202 setTimeout(function () {
203 console.log(colors.cyan('\n\n# You can use this recipe to load the dashboard in the system:'));
204 console.log(colors.yellow(dashboardTosca));
205 console.log(colors.cyan('# And this recipe to activate the dashboard for a user:'));
206 console.log(colors.yellow(userTosca));
207 }, 1000);
208 cb();
209 });
210
Matteo Scandolod7552052016-03-11 13:47:27 -0800211 gulp.task('build', function() {
212 runSequence(
Matteo Scandolo280dcd32016-05-16 09:59:38 -0700213 'clean',
214 'sass',
Matteo Scandolod7552052016-03-11 13:47:27 -0800215 'templates',
216 'babel',
217 'scripts',
218 'wiredep',
Matteo Scandolo280dcd32016-05-16 09:59:38 -0700219 'css',
220 'copyCss',
Matteo Scandolo195dde92016-07-25 16:43:16 -0700221 'copyImages',
Matteo Scandolod7552052016-03-11 13:47:27 -0800222 'copyHtml',
Matteo Scandoloeaa69222016-08-05 15:24:28 -0700223 'cleanTmp',
224 'tosca'
Matteo Scandolod7552052016-03-11 13:47:27 -0800225 );
226 });
227};