var _ = require('lodash');
var buildConfig = require('./scripts/build/config');
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 cached = require('gulp-cached');
var concat = require('gulp-concat');
var del = require('del');
var gulpif = require('gulp-if');
var rename = require('gulp-rename');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var through2 = require('through2');
var runSequence = require('run-sequence');
var watch = require('gulp-watch');
var exec = require('child_process').exec;
var babel = require('gulp-babel');
var traceur = require('gulp-traceur');
var webpack = require('gulp-webpack');
var lazypipe = require('lazypipe');
var cache = require('gulp-cached');


gulp.task('clean.build', function() {
  runSequence(
    'clean',
    'ionic.transpile',
    'ionic.bundle.deps',
    'ionic.examples',
    'sass',
    'fonts',
    'polyfills');
})

gulp.task('build', function() {
  runSequence(
    'ionic.transpile',
    'ionic.examples',
    'sass',
    'fonts',
    'polyfills');
})

gulp.task('watch', function() {

  runSequence(
    'ionic.transpile',
    'ionic.examples',
    'sass',
    'fonts',
    'polyfills',

    function() {
      watch(['ionic/**/*.js', 'ionic/components/*/test/**/*'], function() {
        gulp.start('ionic.transpile');
        gulp.start('ionic.examples');
      });

      watch('ionic/components/**/*.scss', function() {
        gulp.start('sass');
      });
    })

});

function doubleCheckDistFiles() {
  if (!fs.existsSync('../angular-ionic/dist/js/dev/es5/css')) {
    gulp.start('sass');
  }

  if (!fs.existsSync('../angular-ionic/dist/js/dev/es5/fonts')) {
    gulp.start('fonts');
  }
}

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

var traceurOptions = {
  annotations: true,
  types: true,
  outputLanguage: 'es6'
}

var babelOptions = {
  optional: ['es7.decorators'],
  /*plugins: [
    './transformers/disable-define',
    'angular2-annotations',
    'type-assertion:after'
  ],*/
  modules: "system",
  moduleIds: true,
  getModuleId: function(name) {
    return "ionic/" + name;
  }
};

gulp.task('ionic.transpile', function(done) {
  return gulp.src(['ionic/**/*.js', '!ionic/components/*/test/**/*'])
             .pipe(cache('transpile', { optimizeMemory: true }))
             .pipe(traceur(traceurOptions))
             .pipe(gulp.dest('dist/js/es6/ionic'))
             .pipe(babel(babelOptions))
             .pipe(gulp.dest('dist/js/es5/ionic'))
             .pipe(concat('ionic.bundle.js'))
             .pipe(gulp.dest('dist/js/'));
});

gulp.task('ionic.bundle.deps', function() {
  var Builder = require('systemjs-builder')
  var builder = new Builder();
  return builder.loadConfig('config.js').then(function(){
    // add ionic and angular2 build paths, since config.js is loaded at runtime from
    // tests we don't want to put them there
    builder.config({ 
      baseURL: 'file:' + process.cwd(),
      paths : {
        "ionic/*": "dist/js/es6/ionic/*.js",
        "angular2/*": "angular2/dist/js/dev/es6/angular2/*.es6",
      }
    });
    return builder.build('dist/js/es6/ionic/**/* - [dist/js/es6/ionic/**/*]', 'dist/js/dependencies.js');
  }, function(error){
    throw new Error(error);
  })
});

gulp.task('ionic.examples', function() {
  var buildTest = lazypipe()
             .pipe(traceur, traceurOptions)
             //.pipe(babel, babelOptions) Let SystemJS load index.js at runtime, saves build time
           
  // Get each test folder with gulp.src
  return gulp.src('ionic/components/*/test/*/**/*')
    .pipe(cache('examples', { optimizeMemory: true }))
    .pipe(gulpif(/.js$/, buildTest()))
    .pipe(gulpif(/index.js$/, createIndexHTML()))
    .pipe(rename(function(file) {
      file.dirname = file.dirname.replace(path.sep + 'test' + path.sep, path.sep)
    }))
    .pipe(gulp.dest('dist/examples/'))

  function createIndexHTML() {
    var indexContents = _.template( 
      fs.readFileSync('scripts/e2e/ionic.template.html')
    )({
      buildConfig: buildConfig
    });

    return through2.obj(function(file, enc, next) {
      var self = this;
      self.push(new VinylFile({
        base: file.base,
        contents: new Buffer(indexContents),
        path: path.join(path.dirname(file.path), 'index.html'),
      }));
      next(null, file);
    });
  }
});

gulp.task('sass', function() {
  return gulp.src('ionic/ionic.scss')
    .pipe(sass({
      onError: function(err) {
        console.log(err)
      }
    }))
    .pipe(autoprefixer(buildConfig.autoprefixer))
    .pipe(gulp.dest('dist/css/'));
});

gulp.task('fonts', function() {
  return gulp.src('ionic/components/icon/fonts/**/*')
    .pipe(gulp.dest('dist/fonts'));
});


gulp.task('polyfills', function() {
  return gulp.src('ionic/animations/web-animations*')
    .pipe(gulp.dest('dist/polyfills'));
});


gulp.task('link.angular', function() {
  if (!fs.existsSync('../angular-ionic')) {
    throw new Error("../angular-ionic doesn't exist. Run gulp update.angular first");
  }
  linkAngular();
});

gulp.task('update.angular', function(done) {

  if (!fs.existsSync('../angular-ionic')) {
    console.log('cloning angular master...');
    exec('git clone git@github.com:angular/angular ../angular-ionic', function() {
      linkAngular();
      npmInstall();
    });

  } else {
    console.log('angular master: cleaning modules');
    del(['../angular-ionic/modules'], function() {

      console.log('angular master: reset --hard...');
      exec('git reset --hard origin/master', {cwd: '../angular-ionic'}, function () {

        console.log('angular master: git pull origin master...');
        exec('git pull origin master', function () {
          npmInstall();
        });
      });

    })
  }

  function npmInstall() {
    console.log('angular master: npm install (may take a while, chill out)...');
    exec('npm install', {cwd: '../angular-ionic'}, function () {
      done();
    });
  }

});

function linkAngular() {
 if (!fs.existsSync('angular2')) {
    console.log("Symlinking ../angular-ionic to angular2");
    fs.symlinkSync('../angular-ionic', 'angular2');
  }
}



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


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

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('e2e', ['sass'], function() {
  var indexContents = _.template( fs.readFileSync('scripts/e2e/index.template.html') )({
    buildConfig: buildConfig
  });
  var testTemplate = _.template( fs.readFileSync('scripts/e2e/e2e.template.js') )

  var platforms = [
    'android',
    'core',
    'ios',
  ];

  gulp.src(['ionic/**/*.js'])
           .pipe(gulp.dest('dist/src'));

  // Get each test folder with gulp.src
  return gulp.src(buildConfig.src.e2e)
    .pipe(cached('e2e'))
    .pipe(rename(function(file) {
      file.dirname = file.dirname.replace(path.sep + 'test' + path.sep, path.sep)
    }))
    .pipe(gulpif(/main.js$/, processMain()))
    //.pipe(gulpif(/e2e.js$/, createPlatformTests()))
    .pipe(gulp.dest(buildConfig.dist + '/e2e'));

    function processMain() {
      return through2.obj(function(file, enc, next) {
        var self = this;
        self.push(new VinylFile({
          base: file.base,
          contents: new Buffer(indexContents),
          path: path.join(path.dirname(file.path), 'index.html'),
        }));
        next(null, file);
      })
    }

    function createPlatformTests(file) {
      return through2.obj(function(file, enc, next) {
        var self = this
        var relativePath = path.dirname(file.path.replace(/^.*?ionic(\/|\\)components(\/|\\)/, ''))
        var contents = file.contents.toString()
        platforms.forEach(function(platform) {
          var platformContents = testTemplate({
            contents: contents,
            buildConfig: buildConfig,
            relativePath: relativePath,
            platform: platform
          })
          self.push(new VinylFile({
            base: file.base,
            contents: new Buffer(platformContents),
            path: file.path.replace(/e2e.js$/, platform + '.e2e.js')
          }))
        })
        next()
      })
    }

});