Add emberjs/rfcs#176 support by default.

This replaces the new modules with globals usage when the Ember
version in use does not include its own modules.

As discussed in a recent ember-cli team meeting.

Author: rwjblue

index.js

@@ -208,6 +208,7 @@ module.exports = {
     options.plugins = [].concat(
       userPlugins,
       this._getDebugMacroPlugins(config),
+      this._getEmberModulesAPIPolyfill(config),
       shouldCompileModules && this._getModulesPlugin(),
       this._getPresetEnvPlugins(addonProvidedConfig),
       userPostTransformPlugins
@@ -251,6 +252,18 @@ module.exports = {
     return [[DebugMacros, options]];
   },
 
+  _getEmberModulesAPIPolyfill(config) {
+    let addonOptions = config['ember-cli-babel'] || {};
+
+    if (addonOptions.disableEmberModulesAPIPolyfill) { return; }
+
+    if (this._emberVersionRequiresModulesAPIPolyfill()) {
+      const ModulesAPIPolyfill = require('babel-plugin-ember-modules-api-polyfill');
+
+      return [[ModulesAPIPolyfill]];
+    }
+  },
+
   _getPresetEnvPlugins(config) {
     let options = config.options;
 
@@ -329,4 +342,10 @@ module.exports = {
     }
   },
 
+  _emberVersionRequiresModulesAPIPolyfill() {
+    // once a version of Ember ships with the
+    // emberjs/rfcs#176 modules natively this will
+    // be updated to detect that and return false
+    return true;
+  }
 };

node-tests/addon-test.js

@@ -71,6 +71,47 @@ describe('ember-cli-babel', function() {
       });
     }));
 
+    describe('ember modules API polyfill', function() {
+      it("can opt-out via ember-cli-babel.disableEmberModulesAPIPolyfill", co.wrap(function* () {
+        input.write({
+          "foo.js": `import Component from '@ember/component';`
+        });
+
+        subject = this.addon.transpileTree(input.path(), {
+          'ember-cli-babel': {
+            disableEmberModulesAPIPolyfill: true
+          }
+        });
+
+        output = createBuilder(subject);
+
+        yield output.build();
+
+        expect(
+          output.read()
+        ).to.deep.equal({
+          "foo.js": `define('foo', ['@ember/component'], function (_component) {\n  'use strict';\n});`
+        });
+      }));
+
+      it("should replace imports by default", co.wrap(function* () {
+        input.write({
+          "foo.js": `import Component from '@ember/component';`
+        });
+
+        subject = this.addon.transpileTree(input.path());
+        output = createBuilder(subject);
+
+        yield output.build();
+
+        expect(
+          output.read()
+        ).to.deep.equal({
+          "foo.js": `define('foo', [], function () {\n  'use strict';\n\n  var Component = Ember.Component;\n});`
+        });
+      }));
+    });
+
     describe('debug macros', function() {
       it("can opt-out via ember-cli-babel.disableDebugTooling", co.wrap(function* () {
         process.env.EMBER_ENV = 'development';

package.json

@@ -37,6 +37,7 @@
   "dependencies": {
     "amd-name-resolver": "0.0.6",
     "babel-plugin-debug-macros": "^0.1.10",
+    "babel-plugin-ember-modules-api-polyfill": "^1.0.0",
     "babel-plugin-transform-es2015-modules-amd": "^6.24.0",
     "babel-polyfill": "^6.16.0",
     "babel-preset-env": "^1.5.1",