feat(bundle): adds a self-executing dev bundle (SFX).

rkirov · rkirov · commit 3177576ad688 · 2015-04-13T18:05:53.000-07:00
diff --git a/gulpfile.js b/gulpfile.js
@@ -726,9 +726,26 @@ gulp.task('bundle.js.dev', ['build.js.dev'], function() {
       devBundleConfig,
       'angular2/angular2',
       './dist/build/angular2.dev.js',
-      {
-        sourceMaps: true
+      { sourceMaps: true });
+});
+
+// self-executing development build
+// This bundle executes its main module - angular2_sfx, when loaded, without
+// a corresponding System.import call. It is aimed at ES5 developers that do not
+// use System loader polyfills (like system.js and es6 loader).
+// see: https://github.com/systemjs/builder (SFX bundles).
+gulp.task('bundle.js.sfx.dev', ['build.js.dev'], function() {
+  var devBundleConfig = merge(true, bundleConfig);
+  devBundleConfig.paths =
+      merge(true, devBundleConfig.paths, {
+       '*': 'dist/js/dev/es6/*.es6'
       });
+  return bundler.bundle(
+      devBundleConfig,
+      'angular2/angular2_sfx',
+      './dist/build/angular2.sfx.dev.js',
+      { sourceMaps: true },
+      /* self-exectuting */ true);
 });
 
 gulp.task('bundle.js.prod.deps', ['bundle.js.prod'], function() {
@@ -743,17 +760,24 @@ gulp.task('bundle.js.min.deps', ['bundle.js.min'], function() {
       .pipe(gulp.dest('dist/bundle'));
 });
 
+var JS_DEV_DEPS = ['node_modules/zone.js/zone.js', 'node_modules/zone.js/long-stack-trace-zone.js'];
+
 gulp.task('bundle.js.dev.deps', ['bundle.js.dev'], function() {
-  return bundler.modify(
-      ['node_modules/zone.js/zone.js', 'node_modules/zone.js/long-stack-trace-zone.js', 'dist/build/angular2.dev.js'],
-      'angular2.dev.js')
+  return bundler.modify(JS_DEV_DEPS.concat(['dist/build/angular2.dev.js']), 'angular2.dev.js')
+      .pipe(insert.append('\nzone = zone.fork(Zone.longStackTraceZone);\n'))
+      .pipe(gulp.dest('dist/bundle'));
+});
+
+gulp.task('bundle.js.sfx.dev.deps', ['bundle.js.sfx.dev'], function() {
+  return bundler.modify(JS_DEV_DEPS.concat(['dist/build/angular2.sfx.dev.js']),
+                        'angular2.sfx.dev.js')
       .pipe(insert.append('\nzone = zone.fork(Zone.longStackTraceZone);\n'))
       .pipe(gulp.dest('dist/bundle'));
 });
 
-gulp.task('bundle.js.deps', ['bundle.js.prod.deps', 'bundle.js.dev.deps', 'bundle.js.min.deps']);
+gulp.task('bundle.js.deps', ['bundle.js.prod.deps', 'bundle.js.dev.deps', 'bundle.js.min.deps', 'bundle.js.sfx.dev.deps']);
 
-gulp.task('build.js', ['build.js.dev', 'build.js.prod', 'build.js.cjs']);
+gulp.task('build.js', ['build.js.dev', 'build.js.prod', 'build.js.cjs', 'bundle.js.deps']);
 
 gulp.task('clean', ['build/clean.js', 'build/clean.dart', 'build/clean.docs']);
 
diff --git a/modules/angular2/angular2_sfx.es6 b/modules/angular2/angular2_sfx.es6
@@ -0,0 +1,14 @@
+import * as angular from './angular2';
+
+var _prevAngular = window.angular;
+
+/**
+ * Calling noConflict will restore window.angular to its pre-angular loading state
+ * and return the angular module object. 
+ */
+angular.noConflict = function() {
+  window.angular = _prevAngular;
+  return angular;
+};
+
+window.angular = angular;
diff --git a/tools/build/bundle.js b/tools/build/bundle.js
@@ -3,12 +3,18 @@ var concat = require('gulp-concat');
 var replace = require('gulp-replace');
 var insert = require('gulp-insert');
 
-module.exports.bundle = function(buildConfig, moduleName, outputFile, outputConfig){
+module.exports.bundle = function(buildConfig, moduleName, outputFile, outputConfig,
+    sfx) {
+  var sfx = sfx || false;
   // loading it earlier interfers with custom traceur.
   var Builder = require('systemjs-builder');
   var builder = new Builder();
   builder.config(buildConfig);
-  return builder.build(moduleName, outputFile, outputConfig);
+  if (sfx) {
+    return builder.buildSFX(moduleName, outputFile, outputConfig);
+  } else {
+    return builder.build(moduleName, outputFile, outputConfig);
+  }
 }
 
 
