Support dynamic imports

Author: Ives van Hoorne

package.json

@@ -71,6 +71,7 @@
   "dependencies": {
     "@emmetio/codemirror-plugin": "^0.3.5",
     "axios": "^0.16.2",
+    "babel-plugin-dynamic-import-node": "^1.0.2",
     "babel-plugin-system-import": "^1.1.5",
     "babel-plugin-system-import-transformer": "3.1.0",
     "babel-plugin-transform-async-to-generator": "^6.24.1",

src/sandbox/eval/index.js

@@ -51,7 +51,9 @@ const evalModule = (
   depth: number = 0,
 ) => {
   if (depth > MAX_DEPTH) {
-    throw new Error(`Exceeded the maximum require depth of ${MAX_DEPTH}.`);
+    throw new Error(
+      `Exceeded the maximum require depth of ${MAX_DEPTH}, there are probably two files depending on eachother.`,
+    );
   }
   try {
     return doEval(mainModule, modules, directories, externals, depth);

src/sandbox/eval/js/babel-parser.js

@@ -5,6 +5,7 @@ import asyncPlugin from 'babel-plugin-transform-async-to-generator';
 import restSpreadPlugin from 'babel-plugin-transform-object-rest-spread';
 import classPropertiesPlugin from 'babel-plugin-transform-class-properties';
 import decoratorsPlugin from 'babel-plugin-transform-decorators-legacy';
+import dynamicImportPlugin from 'babel-plugin-dynamic-import-node';
 
 import evalModule from '../';
 import resolveDependency from './dependency-resolver';
@@ -18,13 +19,14 @@ const DEFAULT_BABEL_CONFIG = {
     asyncPlugin,
     restSpreadPlugin,
     classPropertiesPlugin,
+    dynamicImportPlugin,
   ],
   retainLines: true,
 };
 
 const resolvePlugin = (plugin: string, externals) => {
   try {
-    return resolveDependency(plugin, externals)
+    return resolveDependency(plugin, externals);
   } catch (e) {
     return resolveDependency(`babel-plugin-${plugin}`, externals);
   }

yarn.lock

@@ -676,6 +676,14 @@ babel-plugin-check-es2015-constants@^6.22.0:
   dependencies:
     babel-runtime "^6.22.0"
 
+babel-plugin-dynamic-import-node@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-1.0.2.tgz#adb5bc8f48a89311540395ae9f0cc3ed4b10bb2e"
+  dependencies:
+    babel-plugin-syntax-dynamic-import "^6.18.0"
+    babel-template "^6.24.1"
+    babel-types "^6.24.1"
+
 babel-plugin-istanbul@^4.0.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-4.1.1.tgz#c12de0fc6fe42adfb16be56f1ad11e4a9782eca9"