refactor: remove async/await

In order to not require regenerator/runtime.

package.json

@@ -7,12 +7,14 @@
   "author": "Greg Bergé <berge.greg@gmail.com>",
   "keywords": [
     "react",
-    "promise",
-    "code",
-    "splitting",
-    "split",
+    "ssr",
     "webpack",
-    "async"
+    "code-splitting",
+    "react-router",
+    "server-side-rendering",
+    "dynamic-import",
+    "react-loadable",
+    "react-async-components"
   ],
   "license": "MIT",
   "jest": {

src/loadComponents.js

@@ -2,7 +2,7 @@
 import { LOADABLE, COMPONENT_IDS } from './constants'
 import * as componentTracker from './componentTracker'
 
-async function loadComponents() {
+function loadComponents() {
   if (typeof window === 'undefined') {
     throw new Error(
       '`loadComponents` must be called client-side: `window` is undefined',

src/loadable.js

@@ -13,11 +13,12 @@ function loadable(
   class LoadableComponent extends React.Component {
     static Component = null
 
-    static async load() {
-      const module = await getComponent()
-      const Component = resolveModuleDefault(module)
-      LoadableComponent.Component = Component
-      return Component
+    static load() {
+      return getComponent().then(module => {
+        const Component = resolveModuleDefault(module)
+        LoadableComponent.Component = Component
+        return Component
+      })
     }
 
     state = {

src/server/index.js

@@ -104,7 +104,7 @@ function getQueriesFromTree(
   return queries
 }
 
-export async function getLoadableState(
+export function getLoadableState(
   rootElement,
   rootContext = {},
   fetchRoot = true,
@@ -118,29 +118,30 @@ export async function getLoadableState(
   let componentIds = []
 
   // wait on each query that we found, re-rendering the subtree when it's done
-  const mappedQueries = queries.map(async ({ query, element, context }) => {
+  const mappedQueries = queries.map(({ query, element, context }) =>
     // we've just grabbed the query for element, so don't try and get it again
-    try {
-      const componentId = await query
-      componentIds.push(componentId)
-      const state = await getLoadableState(element, context, false)
-      componentIds = [...componentIds, ...state.componentIds]
-    } catch (e) {
-      errors.push(e)
+    query
+      .then(componentId => {
+        componentIds.push(componentId)
+        return getLoadableState(element, context, false)
+      })
+      .then(state => {
+        componentIds = [...componentIds, ...state.componentIds]
+      })
+      .catch(e => errors.push(e)),
+  )
+
+  return Promise.all(mappedQueries).then(() => {
+    if (errors.length > 0) {
+      const error = errors.length === 1
+        ? errors[0]
+        : new Error(
+            `${errors.length} errors were thrown when importing your modules.`,
+          )
+      error.queryErrors = errors
+      throw error
     }
-  })
-
-  await Promise.all(mappedQueries)
 
-  if (errors.length > 0) {
-    const error = errors.length === 1
-      ? errors[0]
-      : new Error(
-          `${errors.length} errors were thrown when importing your modules.`,
-        )
-    error.queryErrors = errors
-    throw error
-  }
-
-  return new DeferredState(componentIds)
+    return new DeferredState(componentIds)
+  })
 }