'use strict';

var gulp = require('gulp');
const watch = require('./watch')

var browserSync = require('browser-sync');
var httpProxy = require('http-proxy');

/* This configuration allow you to configure browser sync to proxy your backend */

 var proxyTarget = 'http://localhost:8000/'; // The location of your backend
 var proxyApiPrefix = '/api/'; // The element in the URL which differentiate between API request and static file request
 var proxy = httpProxy.createProxyServer({
     target: proxyTarget
 });
 function proxyMiddleware(req, res, next) {
     if (req.url.indexOf(proxyApiPrefix) !== -1) {
         proxy.web(req, res);
     } else {
         next();
     }
 }

function browserSyncInit(baseDir, files, browser) {
  browser = browser === undefined ? 'default' : browser;

  browserSync.instance = browserSync.init(files, {
    startPath: '/index.html',
      server: {
          middleware: [proxyMiddleware],
          baseDir: baseDir,
          routes: {
              '/bower_components': './bower_components'
          }
    },
    browser: browser,
    ghostMode: false
  });

}

gulp.task('serve', gulp.series(['watch'], function (done) {
  browserSyncInit([
    '.tmp',
    'lemur/static/app'
  ], [
    '.tmp/*.html',
    '.tmp/styles/**/*.css',
    'lemur/static/app/angular/**/*.js',
    'lemur/static/app/partials/**/*.html',
    'lemur/static/app/images/**/*',
    'lemur/static/app/angular/**/*',
    'lemur/static/app/index.html'
  ]);

  done();
}));


gulp.task('serve:dist', gulp.series(['build'], function (done) {
  browserSyncInit('lemur/static/dist');
  done();
}));