blob: 1e40a34b42662da8739e9607fb209f74171cfe58 [file] [log] [blame]
Matteo Scandolobba1d782016-07-12 15:56:23 -07001'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');
11var del = require('del');
12var sass = require('gulp-sass');
13var fs = require('fs');
14var path = require('path');
15
16const environment = process.env.NODE_ENV;
17
18if(!fs.existsSync(path.join(__dirname, `../../../env/${environment || 'default'}.js`))){
19 if(!environment){
20 throw new Error('You should define a default.js config in /views/env folder.');
21 }
22 else{
23 throw new Error(`Since you are loading a custom environment, you should define a ${environment}.js config in /views/env folder.`);
24 }
25}
26
27var conf = require(path.join(__dirname, `../../../env/${environment || 'default'}.js`));
28
29var proxy = httpProxy.createProxyServer({
30 target: conf.host
31});
32
33
34proxy.on('error', function(error, req, res) {
35 res.writeHead(500, {
36 'Content-Type': 'text/plain'
37 });
38
39 console.error('[Proxy]', error);
40});
41
42module.exports = function(options){
43
44 gulp.task('browser', function() {
45 browserSync.init({
46 startPath: '#/',
47 snippetOptions: {
48 rule: {
49 match: /<!-- browserSync -->/i
50 }
51 },
52 server: {
53 baseDir: options.src,
54 routes: {
55 '/xos/core/xoslib/static/js/vendor': options.helpers,
56 '/xos/core/static': options.static + '../../static/'
57 },
58 middleware: function(req, res, next){
59 if(
60 req.url.indexOf('/api/') !== -1
61 ){
62 if(conf.xoscsrftoken && conf.xossessionid){
63 req.headers.cookie = `xoscsrftoken=${conf.xoscsrftoken}; xossessionid=${conf.xossessionid}`;
64 req.headers['x-csrftoken'] = conf.xoscsrftoken;
65 }
66 proxy.web(req, res);
67 }
68 else{
69 next();
70 }
71 }
72 }
73 });
74
75 gulp.watch(options.src + 'js/**/*.js', ['js-watch']);
76 gulp.watch(options.src + 'vendor/**/*.js', ['bower'], function(){
77 browserSync.reload();
78 });
79 gulp.watch(options.src + '**/*.html', function(){
80 browserSync.reload();
81 });
82 gulp.watch(options.css + '**/*.css', function(){
83 browserSync.reload();
84 });
85 gulp.watch(`${options.sass}/**/*.scss`, ['sass'], function(){
86 browserSync.reload();
87 });
88
89 gulp.watch([
90 options.helpers + 'ngXosHelpers.js',
91 options.static + '../../static/xosNgLib.css'
92 ], function(){
93 browserSync.reload();
94 });
95 });
96
97 // compile sass
98 gulp.task('sass', function () {
99 return gulp.src(`${options.sass}/**/*.scss`)
100 .pipe(sass().on('error', sass.logError))
101 .pipe(gulp.dest(options.css));
102 });
103
104 // transpile js with sourceMaps
105 gulp.task('babel', function(){
106 return gulp.src(options.scripts + '**/*.js')
107 .pipe(babel({sourceMaps: true}))
108 .pipe(gulp.dest(options.tmp));
109 });
110
111 // inject scripts
112 gulp.task('injectScript', ['cleanTmp', 'babel'], function(){
113 return gulp.src(options.src + 'index.html')
114 .pipe(
115 inject(
116 gulp.src([
117 options.tmp + '**/*.js',
118 options.helpers + 'ngXosHelpers.js'
119 ])
120 .pipe(angularFilesort()),
121 {
122 ignorePath: [options.src, '/../../ngXosLib']
123 }
124 )
125 )
126 .pipe(gulp.dest(options.src));
127 });
128
129 // inject CSS
130 gulp.task('injectCss', function(){
131 return gulp.src(options.src + 'index.html')
132 .pipe(
133 inject(
134 gulp.src([
135 options.src + 'css/*.css',
136 options.static + '../../static/xosNgLib.css'
137 ]),
138 {
139 ignorePath: [options.src]
140 }
141 )
142 )
143 .pipe(gulp.dest(options.src));
144 });
145
146 // inject bower dependencies with wiredep
147 gulp.task('bower', function () {
148 return gulp.src(options.src + 'index.html')
149 .pipe(wiredep({devDependencies: true}))
150 .pipe(gulp.dest(options.src));
151 });
152
153 gulp.task('js-watch', ['injectScript'], function(){
154 browserSync.reload();
155 });
156
157 gulp.task('cleanTmp', function(){
158 return del([options.tmp + '**/*']);
159 });
160
161 gulp.task('serve', function() {
162 runSequence(
163 'sass',
164 'bower',
165 'injectScript',
166 'injectCss',
167 ['browser']
168 );
169 });
170};