mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
528 lines
15 KiB
JavaScript
528 lines
15 KiB
JavaScript
var buildConfig = require('./scripts/build/config');
|
|
var gulp = require('gulp');
|
|
var path = require('path');
|
|
var argv = require('yargs').argv;
|
|
var del = require('del');
|
|
var rename = require('gulp-rename');
|
|
var through2 = require('through2');
|
|
var runSequence = require('run-sequence');
|
|
var watch = require('gulp-watch');
|
|
var babel = require('gulp-babel');
|
|
var tsc = require('gulp-typescript');
|
|
var cache = require('gulp-cached');
|
|
var minimist = require('minimist');
|
|
|
|
function getBabelOptions(moduleName, moduleType) {
|
|
return {
|
|
optional: ['es7.decorators'],
|
|
modules: moduleType || "system",
|
|
moduleIds: true,
|
|
getModuleId: function(name) {
|
|
if (moduleName == "e2e"){
|
|
return name.replace(/^.*\/test\/[^\/]*\//, '');
|
|
}
|
|
else if (moduleName == "demos"){
|
|
return name.replace(/^(.*?)\//, '')
|
|
}
|
|
|
|
return moduleName + '/' + name.split('/test').join('');
|
|
}
|
|
}
|
|
}
|
|
|
|
function buildDemoBundle(opts, done) {
|
|
var glob = require('glob');
|
|
var webpack = require('webpack');
|
|
var path = require('path');
|
|
var _ = require('lodash');
|
|
|
|
var numWebpacks = 0;
|
|
var fp = 'dist/demos/'+opts.demo+'/index.js';
|
|
if (opts.demo == 'api') {
|
|
fp = "dist/demos/**/index.js";
|
|
}
|
|
|
|
return glob(fp, function(err, files){
|
|
files.forEach(function(file){
|
|
var config = require('./scripts/demos/webpack.config.js');
|
|
|
|
// add our bundle entry, removing previous if necessary
|
|
// since config is cached
|
|
if (config.entry.length > 5) {
|
|
config.entry.pop();
|
|
}
|
|
config.entry.push('./' + file);
|
|
config.output = {
|
|
filename: path.dirname(file) + '/bundle.js'
|
|
}
|
|
|
|
// pretty sure this is a race, but it works
|
|
numWebpacks++;
|
|
webpack(config, function(err, stats){
|
|
// var statsOptions = {
|
|
// 'colors': true,
|
|
// 'modules': true,
|
|
// 'chunks': false,
|
|
// 'exclude': ['node_modules'],
|
|
// 'errorDetails': true
|
|
// }
|
|
// console.log(stats.toString(statsOptions));
|
|
if (--numWebpacks === 0) done();
|
|
})
|
|
})
|
|
|
|
});
|
|
}
|
|
|
|
var tscOptions = require('./tsconfig.json').compilerOptions;
|
|
var tscReporter = {
|
|
error: function (error) {
|
|
// suppress type errors until we convert everything to TS
|
|
// console.error(error.message);
|
|
}
|
|
};
|
|
|
|
var flagConfig = {
|
|
string: ['port', 'version', 'ngVersion', 'animations'],
|
|
boolean: ['dry-run'],
|
|
alias: {'p': 'port', 'v': 'version', 'a': 'ngVersion'},
|
|
default: { port: 8000 }
|
|
};
|
|
|
|
|
|
var flags = minimist(process.argv.slice(2), flagConfig);
|
|
|
|
gulp.task('build', function(done) {
|
|
runSequence(
|
|
'bundle',
|
|
'e2e',
|
|
'sass',
|
|
'fonts',
|
|
done
|
|
);
|
|
})
|
|
|
|
gulp.task('clean.build', function(done) {
|
|
runSequence('clean', 'build', done);
|
|
})
|
|
|
|
gulp.task('watch', function(done) {
|
|
runSequence(
|
|
'build',
|
|
'serve',
|
|
function() {
|
|
watch([
|
|
'ionic/**/*.ts',
|
|
'!ionic/components/*/test/**/*',
|
|
'!ionic/util/test/*'
|
|
],
|
|
function(file) {
|
|
if (file.event === "unlink") {
|
|
var basePath = file.base.substring(0, file.base.lastIndexOf("ionic/"));
|
|
var relPath = file.history[0].replace(basePath, "").replace(".ts", ".js");
|
|
|
|
var es6Path = basePath + "dist/src/es6/" + relPath;
|
|
var commonPath = basePath + "dist/src/es5/common/" + relPath;
|
|
var systemPath = basePath + "dist/src/es5/system/" + relPath;
|
|
|
|
delete cache.caches.transpile[file.history[0]];
|
|
|
|
del([es6Path, commonPath, systemPath], function(){
|
|
gulp.start('bundle');
|
|
});
|
|
} else {
|
|
gulp.start('bundle');
|
|
}
|
|
}
|
|
);
|
|
|
|
watch('ionic/components/*/test/**/*', function(file) {
|
|
if (file.event === "unlink") {
|
|
var paths = file.history[0].split("ionic/components/");
|
|
var basePath = paths[0],
|
|
relPath = paths[1].split("/test").join("").replace(".ts", ".js");
|
|
|
|
var distPath = basePath + "dist/e2e/" + relPath;
|
|
|
|
delete cache.caches.e2e[file.history[0]];
|
|
|
|
del([distPath], function(){
|
|
gulp.start('e2e');
|
|
});
|
|
} else {
|
|
gulp.start('e2e');
|
|
}
|
|
});
|
|
|
|
watch('ionic/**/*.scss', function() {
|
|
gulp.start('sass');
|
|
});
|
|
|
|
done();
|
|
}
|
|
);
|
|
});
|
|
|
|
|
|
gulp.task('serve', function() {
|
|
var connect = require('gulp-connect');
|
|
connect.server({
|
|
root: 'dist',
|
|
port: flags.port,
|
|
livereload: false
|
|
});
|
|
});
|
|
|
|
gulp.task('clean', function(done) {
|
|
del(['dist/**', '!dist'], done);
|
|
});
|
|
|
|
function transpile(moduleType) {
|
|
var merge = require('merge2');
|
|
|
|
var tsResult = gulp.src([
|
|
'ionic/**/*.ts',
|
|
'!ionic/components/*/test/**/*',
|
|
'!ionic/util/test/*'
|
|
])
|
|
.pipe(cache('transpile', { optimizeMemory: true }))
|
|
.pipe(tsc(tscOptions, undefined, tscReporter))
|
|
// .on('error', function(error) {
|
|
// tsResult.emit('end');
|
|
// })
|
|
// .pipe(gulp.dest('dist/src/es6/ionic'))
|
|
// .pipe(babel(getBabelOptions('ionic', moduleType)))
|
|
// .on('error', function (err) {
|
|
// console.log("ERROR: " + err.message);
|
|
// this.emit('end');
|
|
// })
|
|
// .pipe(gulp.dest('dist'))
|
|
|
|
// merge definition and source streams
|
|
return merge([
|
|
tsResult.dts,
|
|
tsResult.js
|
|
])
|
|
.pipe(gulp.dest('dist'));
|
|
}
|
|
|
|
gulp.task('transpile.system', function() { return transpile("system"); });
|
|
gulp.task('transpile.common', function() {
|
|
// necessary for publish task, remove if we ever do incremental builds with cjs
|
|
cache.caches && delete cache.caches.transpile;
|
|
return transpile("common");
|
|
});
|
|
gulp.task('transpile', ['transpile.common']);
|
|
|
|
gulp.task('bundle.ionic', ['transpile.system'], function() {
|
|
var insert = require('gulp-insert');
|
|
var concat = require('gulp-concat');
|
|
|
|
var prepend = [];
|
|
|
|
// force the web animations api polyfill to kick in
|
|
if (flags.animations == 'polyfill') {
|
|
prepend.push('window.Element.prototype.animate=undefined;');
|
|
}
|
|
|
|
return gulp.src([
|
|
'node_modules/es6-shim/es6-shim.min.js',
|
|
'dist/src/es5/system/ionic/**/*.js'
|
|
])
|
|
.pipe(concat('ionic.js'))
|
|
.pipe(insert.prepend(prepend.join('\n')))
|
|
.pipe(gulp.dest('dist/js/'));
|
|
//TODO minify + sourcemaps
|
|
});
|
|
|
|
gulp.task('temp.hack', function(){
|
|
var fs = require('fs');
|
|
var file = 'node_modules/angular2/bundles/angular2.dev.js';
|
|
|
|
var myHackedFileThatYouLove = fs.readFileSync(file, 'utf8');
|
|
|
|
myHackedFileThatYouLove = "System.config({ 'paths': { '@reactivex/*': '@reactivex/*.js' }});\n" + myHackedFileThatYouLove;
|
|
|
|
// don't judge me
|
|
var find = 'function moveNodesAfterSibling(sibling, nodes) {';
|
|
var replaceWith =
|
|
'function moveNodesAfterSibling(sibling, nodes) {\n' +
|
|
' // https://github.com/angular/angular/issues/5077\n' +
|
|
' var cs = sibling;\n' +
|
|
' if (nodes.length > 0 && lang_1.isPresent(dom_adapter_1.DOM.parentElement(sibling))) {\n' +
|
|
' for (var i = 0; i < nodes.length; i++) {\n' +
|
|
' dom_adapter_1.DOM.insertAfter(cs, nodes[i]);\n' +
|
|
' cs = nodes[i];\n' +
|
|
' }\n' +
|
|
' }\n' +
|
|
' }\n' +
|
|
' function moveNodesAfterSibling_IF_YOU_WANT_DAT_FLICKER(sibling, nodes) {';
|
|
myHackedFileThatYouLove = myHackedFileThatYouLove.replace(find, replaceWith);
|
|
|
|
fs.writeFileSync(file, myHackedFileThatYouLove, 'utf8');
|
|
});
|
|
|
|
gulp.task('bundle', ['bundle.ionic'], function() {
|
|
var concat = require('gulp-concat');
|
|
|
|
return gulp.src(buildConfig.scripts)
|
|
.pipe(concat('ionic.bundle.js'))
|
|
.pipe(gulp.dest('dist/js'));
|
|
})
|
|
|
|
gulp.task('tests', function() {
|
|
return gulp.src('ionic/**/test/**/*.spec.ts')
|
|
.pipe(tsc(tscOptions, undefined, tscReporter))
|
|
.pipe(babel(getBabelOptions('dist/tests')))
|
|
.pipe(rename(function(file) {
|
|
var regex = new RegExp(path.sep + 'test(' + path.sep + '|$)');
|
|
file.dirname = file.dirname.replace(regex, path.sep);
|
|
}))
|
|
.pipe(gulp.dest('dist/tests'))
|
|
})
|
|
|
|
gulp.task('e2e', function() {
|
|
var gulpif = require('gulp-if');
|
|
var lazypipe = require('lazypipe');
|
|
var _ = require('lodash');
|
|
var fs = require('fs');
|
|
var VinylFile = require('vinyl');
|
|
|
|
var buildTest = lazypipe()
|
|
//.pipe(traceur, traceurOptions)
|
|
.pipe(tsc, tscOptions, undefined, tscReporter)
|
|
.pipe(babel, getBabelOptions('e2e'))
|
|
|
|
var buildE2ETest = lazypipe()
|
|
//.pipe(traceur, traceurOptions)
|
|
.pipe(tsc, tscOptions, undefined, tscReporter)
|
|
.pipe(babel)
|
|
|
|
var indexTemplate = _.template(
|
|
fs.readFileSync('scripts/e2e/e2e.template.html')
|
|
)({
|
|
buildConfig: buildConfig
|
|
|
|
})
|
|
var testTemplate = _.template( fs.readFileSync('scripts/e2e/e2e.template.js') )
|
|
|
|
var platforms = [
|
|
'android',
|
|
'ios',
|
|
];
|
|
|
|
// Get each test folder with gulp.src
|
|
return gulp.src(['ionic/components/*/test/*/**/*', '!ionic/components/*/test/*/**/*.spec.ts'])
|
|
.pipe(cache('e2e', { optimizeMemory: true }))
|
|
.pipe(gulpif(/e2e.ts$/, buildE2ETest()))
|
|
.pipe(gulpif(/.ts$/, buildTest()))
|
|
.on('error', function (err) {
|
|
console.log("ERROR: " + err.message);
|
|
this.emit('end');
|
|
})
|
|
.pipe(gulpif(/index.js$/, createIndexHTML())) //TSC changes .ts to .js
|
|
.pipe(rename(function(file) {
|
|
file.dirname = file.dirname.replace(path.sep + 'test' + path.sep, path.sep)
|
|
}))
|
|
.pipe(gulpif(/e2e.js$/, createPlatformTests()))
|
|
.pipe(gulp.dest('dist/e2e/'))
|
|
|
|
function createIndexHTML() {
|
|
return through2.obj(function(file, enc, next) {
|
|
this.push(new VinylFile({
|
|
base: file.base,
|
|
contents: new Buffer(indexTemplate),
|
|
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();
|
|
})
|
|
}
|
|
});
|
|
|
|
gulp.task('sass', function() {
|
|
var sass = require('gulp-sass');
|
|
var autoprefixer = require('gulp-autoprefixer');
|
|
|
|
gulp.src('ionic/ionic.ios.scss')
|
|
.pipe(sass()
|
|
.on('error', sass.logError)
|
|
)
|
|
.pipe(autoprefixer(buildConfig.autoprefixer))
|
|
.pipe(gulp.dest('dist/css/'));
|
|
|
|
gulp.src('ionic/ionic.md.scss')
|
|
.pipe(sass()
|
|
.on('error', sass.logError)
|
|
)
|
|
.pipe(autoprefixer(buildConfig.autoprefixer))
|
|
.pipe(gulp.dest('dist/css/'));
|
|
|
|
return gulp.src('ionic/ionic.scss')
|
|
.pipe(sass()
|
|
.on('error', sass.logError)
|
|
)
|
|
.pipe(autoprefixer(buildConfig.autoprefixer))
|
|
.pipe(gulp.dest('dist/css/'));
|
|
});
|
|
|
|
gulp.task('fonts', function() {
|
|
return gulp.src(['ionic/fonts/**/*.ttf', 'ionic/fonts/**/*.woff'])
|
|
.pipe(gulp.dest('dist/fonts'));
|
|
});
|
|
|
|
require('./scripts/snapshot/snapshot.task')(gulp, argv, buildConfig);
|
|
|
|
gulp.task('karma', ['tests'], function() {
|
|
var karma = require('karma').server;
|
|
return karma.start({ configFile: __dirname + '/scripts/karma/karma.conf.js' })
|
|
});
|
|
|
|
gulp.task('karma-watch', function() {
|
|
var karma = require('karma').server;
|
|
return karma.start({ configFile: __dirname + '/scripts/karma/karma-watch.conf.js' })
|
|
});
|
|
|
|
gulp.task('copy.ts', function() {
|
|
return gulp.src([
|
|
'ionic/**/*.ts',
|
|
'!ionic/components/*/test/**/*',
|
|
'!ionic/util/test/*'
|
|
])
|
|
.pipe(gulp.dest('dist/src/typescript'));
|
|
})
|
|
|
|
gulp.task('copy.scss', function() {
|
|
return gulp.src([
|
|
'ionic/**/*.scss',
|
|
'!ionic/components/*/test/**/*',
|
|
'!ionic/util/test/*'
|
|
])
|
|
.pipe(gulp.dest('dist/src/scss'));
|
|
})
|
|
|
|
gulp.task('copy.web-animations', function() {
|
|
return gulp.src([
|
|
'scripts/resources/web-animations-js/web-animations.min.js'
|
|
])
|
|
.pipe(gulp.dest('dist/js'));
|
|
})
|
|
|
|
gulp.task('src.link', function(done) {
|
|
watch(['/ionic/**/*.ts', 'ionic/**/*.scss'], function(file) {
|
|
gulp.start('src');
|
|
});
|
|
})
|
|
|
|
gulp.task('src', function(done){
|
|
runSequence(
|
|
'clean',
|
|
['bundle', 'sass', 'fonts', 'copy.ts', 'copy.scss', 'copy.web-animations'],
|
|
'transpile.common',
|
|
done
|
|
);
|
|
})
|
|
|
|
require('./scripts/docs/gulp-tasks')(gulp, flags)
|
|
|
|
////////////////////////////////////////////////////
|
|
// Demos
|
|
// todo: move these to scripts/docs/gulp-tasks
|
|
////////////////////////////////////////////////////
|
|
|
|
gulp.task('build.demos', function(){
|
|
var gulpif = require('gulp-if');
|
|
var lazypipe = require('lazypipe');
|
|
var _ = require('lodash');
|
|
var fs = require('fs');
|
|
var VinylFile = require('vinyl');
|
|
|
|
var buildTest = lazypipe()
|
|
.pipe(tsc, tscOptions, undefined, tscReporter)
|
|
.pipe(babel, getBabelOptions('demos', 'common'))
|
|
// .pipe(babel, getBabelOptions('demos'))
|
|
|
|
var baseIndexTemplate = _.template(fs.readFileSync('scripts/demos/index.template.html'))();
|
|
var docsIndexTemplate = _.template(fs.readFileSync('scripts/demos/docs.index.template.html'))();
|
|
|
|
return gulp.src(['demos/**/*'])
|
|
.pipe(cache('demos', { optimizeMemory: true }))
|
|
.pipe(gulpif(/.ts$/, buildTest()))
|
|
.pipe(gulpif(/index.js$/, createIndexHTML())) //TSC changes .ts to .js
|
|
.pipe(gulp.dest('dist/demos'))
|
|
|
|
function createIndexHTML() {
|
|
return through2.obj(function(file, enc, next) {
|
|
var indexTemplate = baseIndexTemplate;
|
|
if (file.path.indexOf('component-docs') > -1) {
|
|
indexTemplate = docsIndexTemplate;
|
|
}
|
|
this.push(new VinylFile({
|
|
base: file.base,
|
|
contents: new Buffer(indexTemplate),
|
|
path: path.join(path.dirname(file.path), 'index.html'),
|
|
}));
|
|
next(null, file);
|
|
});
|
|
}
|
|
});
|
|
|
|
gulp.task('sass.demos:components', function() {
|
|
var sass = require('gulp-sass');
|
|
var autoprefixer = require('gulp-autoprefixer');
|
|
var concat = require('gulp-concat');
|
|
return gulp.src([
|
|
'demos/component-docs/app.scss',
|
|
])
|
|
.pipe(sass()
|
|
.on('error', sass.logError)
|
|
)
|
|
.pipe(concat('app.css'))
|
|
.pipe(autoprefixer(buildConfig.autoprefixer))
|
|
.pipe(gulp.dest('../ionic-site/docs/v2/demos/component-docs/'));
|
|
});
|
|
|
|
gulp.task('bundle.demos:api', ['build.demos'], function(done) {
|
|
return buildDemoBundle({demo: 'api'}, done);
|
|
});
|
|
|
|
gulp.task('bundle.demos:components', ['sass.demos:components', 'build.demos'], function(done) {
|
|
buildDemoBundle({demo: 'component-docs'}, done);
|
|
});
|
|
|
|
gulp.task('demos', ['bundle.demos:api', 'bundle.demos:components'], function() {
|
|
return gulp
|
|
.src([
|
|
'dist/demos/**/*',
|
|
'!dist/demos/**/*.scss',
|
|
])
|
|
.pipe(gulp.dest('../ionic-site/docs/v2/demos/'))
|
|
});
|
|
|
|
gulp.task('watch:demos', function() {
|
|
watch('demos/**/*', function() {
|
|
gulp.start('demos');
|
|
});
|
|
});
|