gulpfile.js

'use strict';

var babel = require('gulp-babel');
var compileSoy = require('metal-tools-soy/lib/pipelines/compileSoy');
var gulp = require('gulp');
var karma = require('karma');
var metal = require('gulp-metal');
var path = require('path');
var replace = require('gulp-replace');

var codeGlobs = [
	'packages/metal*/src/**/*.js',
	'packages/metal*/test/**/*.js',
	'!packages/metal*/**/*.soy.js',
	'!packages/metal-incremental-dom/**/incremental-dom.js',
	'!packages/metal-incremental-dom/**/incremental-dom-string.js',
	'gulpfile.js',
	'karma.conf.js',
	'karma-coverage.conf.js'
];

metal.registerTasks({
	bundleFileName: 'metal.js',
	formatGlobs: codeGlobs,
	karma: require('karma'),
	lintGlobs: codeGlobs,
	testDepTasks: ['build:cjs'],
	testNodeSrc: [
		// Since all files will be added, we need to ensure manually that these
		// will be added first.
		'packages/metal-incremental-dom/lib/incremental-dom.js',
		'packages/metal-incremental-dom/lib/incremental-dom-string.js',

		// Test files
		'env/test/node.js',
		'packages/metal/test/**/*.js',
		'packages/metal-component/test/**/*.js',
		'packages/metal-dom/test/**/*.js',
		'packages/metal-events/test/**/*.js',
		'packages/metal-incremental-dom/test/**/*.js',
		'packages/metal-jsx/test/**/*.js',
		'packages/metal-soy/test/**/*.js',
		'packages/metal-state/test/**/*.js'
	],
	testSaucelabsBrowsers: {
		sl_chrome: {
			base: 'SauceLabs',
			browserName: 'chrome'
		},
		sl_safari: {
			base: 'SauceLabs',
			browserName: 'safari',
			platform: 'OS X 10.10'
		},
		sl_firefox: {
			base: 'SauceLabs',
			browserName: 'firefox'
		},
		sl_ie_9: {
			base: 'SauceLabs',
			browserName: 'internet explorer',
			platform: 'Windows 7',
			version: '9'
		},
		sl_ie_10: {
			base: 'SauceLabs',
			browserName: 'internet explorer',
			platform: 'Windows 7',
			version: '10'
		},
		sl_ie_11: {
			base: 'SauceLabs',
			browserName: 'internet explorer',
			platform: 'Windows 8.1',
			version: '11'
		},
		sl_edge_13: {
			base: 'SauceLabs',
			browserName: 'microsoftedge',
			platform: 'Windows 10',
			version: '13'
		},
		sl_android_4: {
			base: 'SauceLabs',
			browserName: 'android',
			platform: 'Linux',
			version: '4.4'
		},
		sl_android_5: {
			base: 'SauceLabs',
			browserName: 'android',
			platform: 'Linux',
			version: '5.0'
		}
	},
	useEslint: true
});

gulp.task('soy', function() {
	return gulp.src('packages/metal-soy/test/**/*.soy')
		.pipe(compileSoy())
		.pipe(replace('metal-soy', '../..'))
		.pipe(replace('metal-component/src/Component', 'metal-component'))
		.pipe(gulp.dest('packages/metal-soy/test'));
});

gulp.task('build:cjs', ['soy'], function() {
	return compileToLib('packages/metal*/src/**/*.js');
});

var changedJsSrc;
gulp.task('compile', function() {
	return compileToLib(changedJsSrc);
});

// We need to override gulp-metal's default test:watch task so that it will
// update lib files when the related src files change.
gulp.task('test:watch', ['build:cjs'], function(done) { // eslint-disable-line
	gulp.watch('packages/metal-soy/test/**/*.soy', ['soy']);
	var jsWatcher = gulp.watch('packages/metal*/src/**/*.js', ['compile']);
	jsWatcher.on('change', function(event) {
		changedJsSrc = event.path;
	});

	new karma.Server(
		{
			configFile: path.resolve('karma.conf.js')
		}
	).start();
});

function calcDestDir(file) {
	var relative = path.relative(path.resolve('packages'), file.path);
	var index = relative.indexOf(path.sep);
	file.base = path.dirname(file.path);
	return path.dirname(path.join(
		path.resolve('packages'),
		relative.substr(0, index),
		'lib',
		relative.substr(index + 5)
	));
}

function compileToLib(src) {
	return gulp.src(src)
		.pipe(babel({
			presets: ['es2015']
		}))
		.pipe(gulp.dest(calcDestDir));
}