/////
// Mostly stolen from https://github.com/pkozlowski-opensource/ng2-play
/////

var _ = require('lodash');
var buildConfig = require('./scripts/build/config')
var SystemJsBuilder = require('systemjs-builder')
var exec = require('child_process').exec
var fs = require('fs');
var gulp = require('gulp')
var karma = require('karma').server
var path = require('path')
var VinylFile = require('vinyl');

var argv = require('yargs').argv
var concat = require('gulp-concat')
var debug = require('gulp-debug')
var del = require('del')
var gulpif = require('gulp-if')
var karma = require('karma').server
var plumber = require('gulp-plumber')
var rename = require('gulp-rename')
var sass = require('gulp-sass')
var shell = require('gulp-shell')
var through2 = require('through2')
var traceur = require('gulp-traceur')

require('./scripts/snapshot/snapshot.task')(gulp, argv, buildConfig)

gulp.task('default', ['build', 'lib', 'e2e'])

gulp.task('build', ['sass', 'ionic-js'])
gulp.task('lib', ['ng2', 'fonts', 'dependencies'])

gulp.task('watch', ['default'], function() {
  gulp.watch(buildConfig.src.scss, ['sass'])
  gulp.watch([].concat(
    buildConfig.src.js, buildConfig.src.e2e, buildConfig.src.html,
    'scripts/e2e/index.template.html'
  ), ['e2e'])
})

gulp.task('karma', function() {
  return karma.start({ configFile: __dirname + '/scripts/test/karma.conf.js' })
})
gulp.task('karma-watch', function() {
  return karma.start({ configFile: __dirname + '/scripts/test/karma-watch.conf.js' })
})

gulp.task('dependencies', function() {
  return gulp.src(buildConfig.dependencies)
    .pipe(gulp.dest(buildConfig.distLib))
})

gulp.task('ionic-js', function() {
  return gulp.src(buildConfig.src.js)
    .pipe(gulp.dest(buildConfig.distLib + '/ionic2'))
})

gulp.task('sass', function(done) {
  gulp.src('src/components/app/ionic.scss')
    .pipe(sass({
      onError: function(err) {
        console.log(err)
      }
    }))
    .pipe(gulp.dest('dist/css'))
    .on('end', done)
})

gulp.task('fonts', function(done) {
  gulp.src('src/components/icon/fonts/**/*')
      .pipe(gulp.dest('dist/fonts'))
      .on('end', done)
})

gulp.task('clean', function(done) {
  del([buildConfig.dist], done)
})

gulp.task('e2e', ['build'], function() {
  var indexContents = _.template( fs.readFileSync('scripts/e2e/index.template.html') )({
    buildConfig: buildConfig
  })
  var testTemplate = _.template( fs.readFileSync('scripts/e2e/e2e.template.js') )

  function wrapContents(file, template, data) {
    var contents = file.contents.toString();
    contents = template(_.defaults(data || {}, {
      contents: contents,
      buildConfig: buildConfig,
    }))
    file.contents = new Buffer(contents);
  }

  return gulp.src(buildConfig.src.e2e)
    .pipe(rename(function(file) {
      file.dirname = file.dirname.replace('/test/', '/')
    }))
    .pipe(gulpif(/main.html$/, through2.obj(function(file, enc, next) {
      var indexClone = _.clone(file);
      this.push(new VinylFile(_.assign(indexClone, {
        contents: new Buffer(indexContents),
        path: file.path.replace(/main.html$/, 'index.html'),
      })))
      next(null, file)
    })))
    .pipe(gulpif(/.e2e.js$/, through2.obj(function(file, enc, next) {
      var basename = path.basename(file);
      var relativePath = path.dirname(file.path.replace(/^.*?src.components/, ''))
      wrapContents(file, testTemplate, {
        relativePath: relativePath,
      });
      next(null, file);
    })))
    .pipe(gulpif({ isFile: true }, gulp.dest(buildConfig.dist + '/e2e')))
})

// Take es6 files from angular2's output, rename to js, and move to dist/lib/
gulp.task('ng2-rename', function(done) {
  exec('test -e node_modules/angular-master', function(err) {
    if (err) {
      console.log('You have not installed angular master.\n' +
                  'Please run ./scripts/build/update-angular.sh.\n' +
                  'Aborting.')
      return process.exit(1)
    }
    gulp.src([
      'node_modules/angular-master/dist/js/dev/es6/{angular2,rtts_assert}/**/*.es6'
    ])
      .pipe(rename({ extname: '.js' }))
      .pipe(gulp.dest(buildConfig.distLib))
      .on('end', done)
  })
})

// We use SystemJsBuilder to build ng2 because it will properly 
gulp.task('ng2', ['ng2-rename'], function() {
  var builder = new SystemJsBuilder()
  builder.config({
    baseURL: buildConfig.distLib,
    traceurOptions: buildConfig.traceurOptions,
    map: {
      rx: __dirname + '/node_modules/rx'
    }
  })
  return builder.build('angular2/angular2', buildConfig.distLib + '/angular2.js')
})