var elixir = require('laravel-elixir');
var gutil = require('gulp-util');


//  If 'gulp watch' is run
if (gutil.env._.indexOf('watch') > -1) {

  //  Enable watchify for faster builds
  elixir.config.js.browserify.watchify.enabled = true

  //  Add the browserify HMR plugin
  elixir.config.js.browserify.plugins.push({
    name: 'browserify-hmr',
    options: {}
  })

}

//  Default babel presets are ['es2015', 'react']
//  https://babeljs.io/docs/plugins/preset-stage-2/
elixir.config.js.babel.options.presets = ['es2015', 'stage-2'];

//  Add the vueify browserify transform
//  https://github.com/vuejs/vueify
elixir.config.js.browserify.transformers.push({
  name: 'vueify',
  options: {}
});

elixir(function (mix) {

  //  Compile the app entry point
  mix.browserify('vue.js')

  //  Compile sass
  mix.sass('app.scss')

  //  Since JS will be hot reloaded, browserSync only
  //  needs to be concerned with reloading css. You
  //  can adjust this to include php files as well.
  mix.browserSync({
    proxy: 'http://localhost:8888/hmr/public/',
    files: [ elixir.config.get('public.css.outputFolder') + '/**/*.css' ],
  });

});