var gulp = require('gulp');
var sass = require('gulp-sass');
//var babel = require('gulp-babel');
//var concat = require('gulp-concat');
//var rename = require('gulp-rename');
//var uglify = require('gulp-uglify');
//var rollup = require('rollup-stream');
//var sourcemaps = require('gulp-sourcemaps');
var browserSync = require('browser-sync');


var through = require('through2')
// todo: rollup for d3 & possibly jsonld

var paths = {
  "styles": {
    "src": "./scss/*.scss",
    "dest": "./css/"
  }
};

gulp.task('styles', function() {
  gulp.src(paths.styles.src, { sourcemaps: true })
      .pipe(sass().on('error', sass.logError))
      .pipe(gulp.dest(paths.styles.dest))
      .pipe(browserSync.reload({ stream: true }));
});


/*gulp.task('scripts', function() {
    return gulp.src(paths.scripts.src)
      .pipe(sourcemaps.init())
      .pipe(babel({
            ignore: [
            	'./src/d3.v5.js',
            	'./src/vue.js',
            ]
          }))
      .pipe(concat('portfolio.js'))
      .pipe(gulp.dest(paths.scripts.dest)) // save .js
      .pipe(uglify())
      .pipe(rename({ extname: '.min.js' }))
      // .pipe(sourcemaps.write('maps'))
      .pipe(gulp.dest(paths.scripts.d3destDir)) // save .min.js
});

gulp.task('d3', function() {
    return rollup( 'rollup.config.js' )
      .pipe(source('d3.bundle.js'))
      .pipe(gulp.dest(paths.scripts.d3destDir)) // save .js
      .pipe(buffer())
      .pipe(uglify())
      .pipe(rename({ extname: '.min.js' }))
      .pipe(sourcemaps.write('maps'))
      .pipe(gulp.dest(paths.scripts.d3destDir)) // save .min.js
});
*/

var watchStylesAndScripts = function() {
  gulp.watch(paths.styles.src,['styles']);
//  gulp.watch(paths.scripts.src,['scripts', browserSync.reload]);
//  gulp.watch(paths.scripts.d3src,['d3', browserSync.reload]);
}

gulp.task('watch', watchStylesAndScripts);

// watch files for changes and reload
gulp.task('serve', function() {
	browserSync.init({
	      proxy: {
	    	  target: "localhost:8888",
		        ws: true
	      },
	      port: 3000
	    });

  gulp.watch(['index.html', 'js/hugvey_console.js'], browserSync.reload);
  watchStylesAndScripts();
});


gulp.task('default', ['serve']);