blob: 167a5a9fb4f06746ccbe436b0040e85a17aa3dbe [file] [log] [blame]
'use strict';
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var inject = require('gulp-inject');
var runSequence = require('run-sequence');
var angularFilesort = require('gulp-angular-filesort');
var babel = require('gulp-babel');
var wiredep = require('wiredep').stream;
var httpProxy = require('http-proxy');
var del = require('del');
var sass = require('gulp-sass');
const environment = process.env.NODE_ENV;
if (environment){
var conf = require(`../env/${environment}.js`);
}
else{
var conf = require('../env/default.js')
}
var proxy = httpProxy.createProxyServer({
target: conf.host || 'http://0.0.0.0:9999'
});
proxy.on('error', function(error, req, res) {
res.writeHead(500, {
'Content-Type': 'text/plain'
});
console.error('[Proxy]', error);
});
module.exports = function(options){
// open in browser with sync and proxy to 0.0.0.0
gulp.task('browser', function() {
browserSync.init({
// reloadDelay: 500,
// logLevel: 'debug',
// logConnections: true,
startPath: '#/',
snippetOptions: {
rule: {
match: /<!-- browserSync -->/i
}
},
server: {
baseDir: options.src,
routes: {
'/xos/core/xoslib/static/js/vendor': options.helpers
},
middleware: function(req, res, next){
if(
req.url.indexOf('/api/') !== -1
){
if(conf.xoscsrftoken && conf.xossessionid){
req.headers.cookie = `xoscsrftoken=${conf.xoscsrftoken}; xossessionid=${conf.xossessionid}`;
req.headers['x-csrftoken'] = conf.xoscsrftoken;
}
proxy.web(req, res);
}
else if(req.url.indexOf('/videoLocal.txt') !== -1){
let a = (Math.random() * 10).toString();
res.end(a)
}
else{
next();
}
}
}
});
gulp.watch(options.src + 'js/**/*.js', ['js-watch']);
gulp.watch(options.src + 'vendor/**/*.js', ['bower'], function(){
browserSync.reload();
});
gulp.watch(options.src + '**/*.html', function(){
browserSync.reload();
});
gulp.watch(options.css + '**/*.css', function(){
browserSync.reload();
});
gulp.watch(`${options.sass}/**/*.scss`, ['sass'], function(){
browserSync.reload();
});
});
// compile sass
gulp.task('sass', function () {
return gulp.src(`${options.sass}/**/*.scss`)
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest(options.css));
});
// transpile js with sourceMaps
gulp.task('babel', function(){
return gulp.src(options.scripts + '**/*.js')
.pipe(babel({sourceMaps: true}))
.pipe(gulp.dest(options.tmp));
});
// inject scripts
gulp.task('injectScript', ['cleanTmp', 'babel'], function(){
return gulp.src(options.src + 'index.html')
.pipe(
inject(
gulp.src([
options.tmp + '**/*.js',
options.helpers + 'ngXosHelpers.js'
])
.pipe(angularFilesort()),
{
ignorePath: [options.src, '/../../ngXosLib']
}
)
)
.pipe(gulp.dest(options.src));
});
// inject CSS
gulp.task('injectCss', function(){
return gulp.src(options.src + 'index.html')
.pipe(
inject(
gulp.src(options.src + 'css/*.css'),
{
ignorePath: [options.src]
}
)
)
.pipe(gulp.dest(options.src));
});
// inject bower dependencies with wiredep
gulp.task('bower', function () {
return gulp.src(options.src + 'index.html')
.pipe(wiredep({devDependencies: true}))
.pipe(gulp.dest(options.src));
});
gulp.task('js-watch', ['injectScript'], function(){
browserSync.reload();
});
gulp.task('cleanTmp', function(){
return del([options.tmp + '**/*']);
});
gulp.task('serve', function() {
runSequence(
'sass',
'bower',
'injectScript',
'injectCss',
['browser']
);
});
};