blob: 6a5057e2718ea0c316826ba5e31e672d7ff24b88 [file] [log] [blame]
Matteo Scandolod2044a42017-08-07 16:08:28 -07001
2/*
3 * Copyright 2017-present Open Networking Foundation
4
5 * Licensed under the Apache License, Version 2.0 (the "License");
6 * you may not use this file except in compliance with the License.
7 * You may obtain a copy of the License at
8
9 * http://www.apache.org/licenses/LICENSE-2.0
10
11 * Unless required by applicable law or agreed to in writing, software
12 * distributed under the License is distributed on an "AS IS" BASIS,
13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 * See the License for the specific language governing permissions and
15 * limitations under the License.
16 */
17
18
Matteo Scandolodf35ca92016-02-25 09:19:41 -080019'use strict';
20
21// BUILD
22//
23// The only purpose of this gulpfile is to build a XOS view and copy the correct files into
24// .html => dashboards
25// .js (minified and concat) => static/js
26//
27// The template are parsed and added to js with angular $templateCache
28
29var gulp = require('gulp');
30var ngAnnotate = require('gulp-ng-annotate');
31var uglify = require('gulp-uglify');
32var templateCache = require('gulp-angular-templatecache');
33var runSequence = require('run-sequence');
Matteo Scandolo63b63fa2016-02-25 09:38:59 -080034var concat = require('gulp-concat-util');
Matteo Scandolodf35ca92016-02-25 09:19:41 -080035var del = require('del');
36var wiredep = require('wiredep');
37var angularFilesort = require('gulp-angular-filesort');
38var _ = require('lodash');
39var eslint = require('gulp-eslint');
40var inject = require('gulp-inject');
41var rename = require('gulp-rename');
42var replace = require('gulp-replace');
Matteo Scandolo63b63fa2016-02-25 09:38:59 -080043var postcss = require('gulp-postcss');
44var autoprefixer = require('autoprefixer');
45var mqpacker = require('css-mqpacker');
46var csswring = require('csswring');
Matteo Scandolo262385f2016-08-08 09:28:14 -070047var yaml = require('js-yaml');
48var colors = require('colors/safe');
49var fs = require('fs');
Matteo Scandolodf35ca92016-02-25 09:19:41 -080050
Matteo Scandolo1778b742016-04-22 09:47:50 -070051const TEMPLATE_FOOTER = `
52angular.module('xos.mcordTopology')
53.run(['$location', function(a){
54 a.path('/');
55}])
56`
Matteo Scandolodf35ca92016-02-25 09:19:41 -080057
58module.exports = function(options){
59
60 // delete previous builded file
61 gulp.task('clean', function(){
62 return del(
Matteo Scandolo1778b742016-04-22 09:47:50 -070063 [
64 options.dashboards + 'xosMcordTopology.html',
Matteo Scandolo195dde92016-07-25 16:43:16 -070065 options.static + 'css/xosMcordTopology.css',
66 options.static + 'images/mcordTopology-icon.png',
67 options.static + 'images/mcordTopology-icon-active.png'
Matteo Scandolo1778b742016-04-22 09:47:50 -070068 ],
Matteo Scandolodf35ca92016-02-25 09:19:41 -080069 {force: true}
70 );
71 });
72
Matteo Scandolo63b63fa2016-02-25 09:38:59 -080073 // minify css
74 gulp.task('css', function () {
75 var processors = [
76 autoprefixer({browsers: ['last 1 version']}),
77 mqpacker,
78 csswring
79 ];
Matteo Scandolo1778b742016-04-22 09:47:50 -070080
Matteo Scandolo63b63fa2016-02-25 09:38:59 -080081 gulp.src([
82 `${options.css}**/*.css`,
83 `!${options.css}dev.css`
84 ])
85 .pipe(postcss(processors))
86 .pipe(gulp.dest(options.tmp + '/css/'));
87 });
88
Matteo Scandolo1778b742016-04-22 09:47:50 -070089 // copy css in correct folder
90 gulp.task('copyCss', ['wait'], function(){
Matteo Scandolo63b63fa2016-02-25 09:38:59 -080091 return gulp.src([`${options.tmp}/css/*.css`])
92 .pipe(concat('xosMcordTopology.css'))
93 .pipe(gulp.dest(options.static + 'css/'))
94 });
95
Matteo Scandolo195dde92016-07-25 16:43:16 -070096 // copy images in correct folder
97 gulp.task('copyImages', ['wait'], function(){
Matteo Scandolo262385f2016-08-08 09:28:14 -070098 return gulp.src([`${options.icon}/mcordTopology-icon.png`, `${options.icon}/mcordTopology-icon-active.png`])
Matteo Scandolo195dde92016-07-25 16:43:16 -070099 .pipe(gulp.dest(options.static + 'images/'))
100 });
101
Matteo Scandolodf35ca92016-02-25 09:19:41 -0800102 // compile and minify scripts
103 gulp.task('scripts', function() {
104 return gulp.src([
105 options.tmp + '**/*.js'
106 ])
107 .pipe(ngAnnotate())
108 .pipe(angularFilesort())
109 .pipe(concat('xosMcordTopology.js'))
Matteo Scandolo63b63fa2016-02-25 09:38:59 -0800110 .pipe(concat.header('//Autogenerated, do not edit!!!\n'))
111 .pipe(concat.footer(TEMPLATE_FOOTER))
Matteo Scandolo1778b742016-04-22 09:47:50 -0700112 .pipe(uglify())
Matteo Scandolodf35ca92016-02-25 09:19:41 -0800113 .pipe(gulp.dest(options.static + 'js/'));
114 });
115
116 // set templates in cache
117 gulp.task('templates', function(){
118 return gulp.src('./src/templates/*.html')
119 .pipe(templateCache({
120 module: 'xos.mcordTopology',
Matteo Scandolo1778b742016-04-22 09:47:50 -0700121 root: 'templates/'
Matteo Scandolodf35ca92016-02-25 09:19:41 -0800122 }))
123 .pipe(gulp.dest(options.tmp));
124 });
125
126 // copy html index to Django Folder
Matteo Scandolo1778b742016-04-22 09:47:50 -0700127 gulp.task('copyHtml', function(){
Matteo Scandolodf35ca92016-02-25 09:19:41 -0800128 return gulp.src(options.src + 'index.html')
129 // remove dev dependencies from html
Matteo Scandolo195dde92016-07-25 16:43:16 -0700130 .pipe(replace(/<!-- bower:css -->(\n^<link.*)*\n<!-- endbower -->/gmi, ''))
131 .pipe(replace(/<!-- bower:js -->(\n^<script.*)*\n<!-- endbower -->/gmi, ''))
Matteo Scandolodf35ca92016-02-25 09:19:41 -0800132 // injecting minified files
133 .pipe(
134 inject(
135 gulp.src([
Matteo Scandolo195dde92016-07-25 16:43:16 -0700136 options.static + 'vendor/xosMcordTopologyVendor.js',
Matteo Scandolo63b63fa2016-02-25 09:38:59 -0800137 options.static + 'js/xosMcordTopology.js',
138 options.static + 'css/xosMcordTopology.css'
Matteo Scandolodf35ca92016-02-25 09:19:41 -0800139 ]),
140 {ignorePath: '/../../../xos/core/xoslib'}
141 )
142 )
143 .pipe(rename('xosMcordTopology.html'))
144 .pipe(gulp.dest(options.dashboards));
145 });
146
147 // minify vendor js files
148 gulp.task('wiredep', function(){
149 var bowerDeps = wiredep().js;
150 if(!bowerDeps){
151 return;
152 }
153
154 // remove angular (it's already loaded)
155 _.remove(bowerDeps, function(dep){
156 return dep.indexOf('angular/angular.js') !== -1;
157 });
158
159 return gulp.src(bowerDeps)
160 .pipe(concat('xosMcordTopologyVendor.js'))
161 .pipe(uglify())
Matteo Scandolo195dde92016-07-25 16:43:16 -0700162 .pipe(gulp.dest(options.static + 'vendor/'));
Matteo Scandolodf35ca92016-02-25 09:19:41 -0800163 });
164
165 gulp.task('lint', function () {
166 return gulp.src(['src/js/**/*.js'])
167 .pipe(eslint())
168 .pipe(eslint.format())
169 .pipe(eslint.failAfterError());
170 });
171
Matteo Scandolo1778b742016-04-22 09:47:50 -0700172 gulp.task('wait', function (cb) {
173 // setTimeout could be any async task
174 setTimeout(function () {
175 cb();
176 }, 1000);
177 });
178
Matteo Scandolo262385f2016-08-08 09:28:14 -0700179 gulp.task('tosca', function (cb) {
180
181 // TOSCA to register the dashboard in the system
182 const dashboardJson = {};
183 dashboardJson['McordTopology'] = {
184 type: 'tosca.nodes.DashboardView',
185 properties: {
186 url: 'template:xosMcordTopology'
187 }
188 };
189
190 // check for custom icons
191 if(
192 fs.existsSync(`${options.icon}/mcordTopology-icon.png`) &&
193 fs.existsSync(`${options.icon}/mcordTopology-icon-active.png`)
194 ){
195 dashboardJson['McordTopology'].properties.custom_icon = true;
196 }
197
198 const dashboardTosca = yaml.dump(dashboardJson).replace(/'/gmi, '');
199
200 // TOSCA to add the dashboard to the user
201 const userDashboardJson = {};
202 userDashboardJson['mcordTopology_dashboard'] = {
203 node: 'McordTopology',
204 relationship: 'tosca.relationships.UsesDashboard'
205 };
206 const userJson = {
207 'padmin@vicci.org': {
208 type: 'tosca.nodes.User',
209 properties: {
210 'no-create': true,
211 'no-delete': true
212 },
213 requirements: [userDashboardJson]
214 }
215 };
216 const userTosca = yaml.dump(userJson).replace(/'/gmi, '');
217
218
219 // the output is in a timeout so that it get printed after the gulp logs
220 setTimeout(function () {
221 console.log(colors.cyan('\n\n# You can use this recipe to load the dashboard in the system:'));
222 console.log(colors.yellow(dashboardTosca));
223 console.log(colors.cyan('# And this recipe to activate the dashboard for a user:'));
224 console.log(colors.yellow(userTosca));
225 }, 1000);
226 cb();
227 });
228
Matteo Scandolodf35ca92016-02-25 09:19:41 -0800229 gulp.task('build', function() {
230 runSequence(
Matteo Scandolo1778b742016-04-22 09:47:50 -0700231 'clean',
Matteo Scandolo195dde92016-07-25 16:43:16 -0700232 'sass',
Matteo Scandolodf35ca92016-02-25 09:19:41 -0800233 'templates',
234 'babel',
235 'scripts',
236 'wiredep',
Matteo Scandolo1778b742016-04-22 09:47:50 -0700237 'css',
238 'copyCss',
Matteo Scandolo195dde92016-07-25 16:43:16 -0700239 'copyImages',
Matteo Scandolo1778b742016-04-22 09:47:50 -0700240 'copyHtml',
Matteo Scandolo262385f2016-08-08 09:28:14 -0700241 'cleanTmp',
242 'tosca'
Matteo Scandolodf35ca92016-02-25 09:19:41 -0800243 );
244 });
245};