blob: 1c8a0a7d97a1b263ee80682cf0d90f3ee52e20bf [file] [log] [blame]
Matteo Scandoloe53ee052015-11-03 14:32:00 +01001'use strict';
2
3var gulp = require('gulp');
4var browserSync = require('browser-sync').create();
5var inject = require('gulp-inject');
6var runSequence = require('run-sequence');
7var angularFilesort = require('gulp-angular-filesort');
8var babel = require('gulp-babel');
9var wiredep = require('wiredep').stream;
10var httpProxy = require('http-proxy');
Matteo Scandoloce954e52015-11-04 11:31:05 +010011var del = require('del');
Matteo Scandolob7c91cf2016-03-29 14:23:20 -070012var sass = require('gulp-sass');
Matteo Scandoloe53ee052015-11-03 14:32:00 +010013
Matteo Scandolo7ed6c762015-11-30 17:25:39 -080014const environment = process.env.NODE_ENV;
15
16if (environment){
17 var conf = require(`../env/${environment}.js`);
18}
19else{
20 var conf = require('../env/default.js')
Matteo Scandolo9323b1b2015-11-25 12:08:41 -080021}
22
Matteo Scandoloe53ee052015-11-03 14:32:00 +010023var proxy = httpProxy.createProxyServer({
Matteo Scandolo9323b1b2015-11-25 12:08:41 -080024 target: conf.host || 'http://0.0.0.0:9999'
Matteo Scandoloe53ee052015-11-03 14:32:00 +010025});
26
27
28proxy.on('error', function(error, req, res) {
29 res.writeHead(500, {
30 'Content-Type': 'text/plain'
31 });
32
33 console.error('[Proxy]', error);
34});
35
36module.exports = function(options){
37
38 // open in browser with sync and proxy to 0.0.0.0
39 gulp.task('browser', function() {
40 browserSync.init({
Matteo Scandoloce954e52015-11-04 11:31:05 +010041 // reloadDelay: 500,
42 // logLevel: 'debug',
43 // logConnections: true,
Matteo Scandolof1072ed2015-11-09 11:25:40 +010044 startPath: '#/',
Matteo Scandoloce954e52015-11-04 11:31:05 +010045 snippetOptions: {
46 rule: {
47 match: /<!-- browserSync -->/i
48 }
49 },
Matteo Scandoloe53ee052015-11-03 14:32:00 +010050 server: {
51 baseDir: options.src,
52 routes: {
Matteo Scandolo2b626742015-11-04 16:03:59 +010053 '/api': options.api,
Matteo Scandolo3c217ad2015-11-05 16:02:11 +010054 '/xosHelpers/src': options.helpers
Matteo Scandoloe53ee052015-11-03 14:32:00 +010055 },
56 middleware: function(req, res, next){
Matteo Scandolo07760222015-11-06 09:34:03 +010057 if(
58 req.url.indexOf('/xos/') !== -1 ||
59 req.url.indexOf('/xoslib/') !== -1 ||
60 req.url.indexOf('/hpcapi/') !== -1
61 ){
Matteo Scandolo9323b1b2015-11-25 12:08:41 -080062 if(conf.xoscsrftoken && conf.xossessionid){
63 req.headers.cookie = `xoscsrftoken=${conf.xoscsrftoken}; xossessionid=${conf.xossessionid}`;
64 req.headers['x-csrftoken'] = conf.xoscsrftoken;
65 }
Matteo Scandoloe53ee052015-11-03 14:32:00 +010066 proxy.web(req, res);
67 }
68 else{
69 next();
70 }
71 }
72 }
73 });
74
Matteo Scandolo0a0f5f32015-11-04 15:15:17 +010075 gulp.watch(options.src + 'js/**/*.js', ['js-watch']);
76 gulp.watch(options.src + 'vendor/**/*.js', ['bower'], function(){
77 browserSync.reload();
78 });
Matteo Scandolo73a3c2b2015-11-04 11:34:44 +010079 gulp.watch(options.src + '**/*.html', function(){
80 browserSync.reload();
81 });
Matteo Scandolob7c91cf2016-03-29 14:23:20 -070082 gulp.watch(options.css + '**/*.css', function(){
83 browserSync.reload();
84 });
85 gulp.watch(`${options.sass}/**/*.scss`, ['sass'], function(){
86 browserSync.reload();
87 });
88 });
89
90 // compile sass
91 gulp.task('sass', function () {
92 return gulp.src(`${options.sass}/**/*.scss`)
93 .pipe(sass().on('error', sass.logError))
94 .pipe(gulp.dest(options.css));
Matteo Scandoloe53ee052015-11-03 14:32:00 +010095 });
96
97 // transpile js with sourceMaps
98 gulp.task('babel', function(){
99 return gulp.src(options.scripts + '**/*.js')
100 .pipe(babel({sourceMaps: true}))
101 .pipe(gulp.dest(options.tmp));
102 });
103
104 // inject scripts
Matteo Scandoloba2af3d2015-11-06 10:35:20 +0100105 gulp.task('injectScript', ['cleanTmp', 'babel'], function(){
Matteo Scandoloe53ee052015-11-03 14:32:00 +0100106 return gulp.src(options.src + 'index.html')
107 .pipe(
108 inject(
109 gulp.src([
110 options.tmp + '**/*.js',
Matteo Scandolo2b626742015-11-04 16:03:59 +0100111 options.api + '*.js',
112 options.helpers + '**/*.js'
Matteo Scandoloe53ee052015-11-03 14:32:00 +0100113 ])
114 .pipe(angularFilesort()),
115 {
116 ignorePath: [options.src, '/../../ngXosLib']
117 }
118 )
119 )
120 .pipe(gulp.dest(options.src));
121 });
122
Matteo Scandoloba2af3d2015-11-06 10:35:20 +0100123 // inject CSS
124 gulp.task('injectCss', function(){
125 return gulp.src(options.src + 'index.html')
126 .pipe(
127 inject(
128 gulp.src(options.src + 'css/*.css'),
129 {
130 ignorePath: [options.src]
131 }
132 )
133 )
134 .pipe(gulp.dest(options.src));
135 });
136
Matteo Scandoloe53ee052015-11-03 14:32:00 +0100137 // inject bower dependencies with wiredep
138 gulp.task('bower', function () {
Matteo Scandolocb7ea1e2015-11-04 15:07:36 +0100139 return gulp.src(options.src + 'index.html')
Matteo Scandoloe53ee052015-11-03 14:32:00 +0100140 .pipe(wiredep({devDependencies: true}))
141 .pipe(gulp.dest(options.src));
142 });
143
Matteo Scandoloba5e19d2015-11-06 18:25:52 +0100144 gulp.task('js-watch', ['injectScript'], function(){
Matteo Scandoloce954e52015-11-04 11:31:05 +0100145 browserSync.reload();
146 });
147
148 gulp.task('cleanTmp', function(){
149 return del([options.tmp + '**/*']);
150 });
Matteo Scandoloe53ee052015-11-03 14:32:00 +0100151
152 gulp.task('serve', function() {
153 runSequence(
Matteo Scandolob7c91cf2016-03-29 14:23:20 -0700154 'sass',
Matteo Scandoloe53ee052015-11-03 14:32:00 +0100155 'bower',
Matteo Scandoloba2af3d2015-11-06 10:35:20 +0100156 'injectScript',
157 'injectCss',
Matteo Scandoloe53ee052015-11-03 14:32:00 +0100158 ['browser']
159 );
160 });
Matteo Scandolo9323b1b2015-11-25 12:08:41 -0800161};