Initial commit 👢

Author: ctrlplusb

README.md

@@ -1,15 +1,11 @@
-> This is my personal starter kit for npm libraries.
+# react-async-bootstrapper 👢
 
-# Your Library Name
+Provides the ability to execute async bootstrapper functions within your React element tree.
 
-A one liner description of your library.
-
-___BADGES: EDIT THESE TO USE THE URLS FOR EACH SERVICE CONFIGURED FOR YOUR OWN LIBRARY, THEN REMOVE THIS MESSAGE___
-
-[![npm](https://img.shields.io/npm/v/npm-library-starter.svg?style=flat-square)](http://npm.im/npm-library-starter)
-[![MIT License](https://img.shields.io/npm/l/npm-library-starter.svg?style=flat-square)](http://opensource.org/licenses/MIT)
-[![Travis](https://img.shields.io/travis/ctrlplusb/npm-library-starter.svg?style=flat-square)](https://travis-ci.org/ctrlplusb/npm-library-starter)
-[![Codecov](https://img.shields.io/codecov/c/github/ctrlplusb/npm-library-starter.svg?style=flat-square)](https://codecov.io/github/ctrlplusb/npm-library-starter)
+[![npm](https://img.shields.io/npm/v/react-async-bootstrapper.svg?style=flat-square)](http://npm.im/react-async-bootstrapper)
+[![MIT License](https://img.shields.io/npm/l/react-async-bootstrapper.svg?style=flat-square)](http://opensource.org/licenses/MIT)
+[![Travis](https://img.shields.io/travis/ctrlplusb/react-async-bootstrapper.svg?style=flat-square)](https://travis-ci.org/ctrlplusb/react-async-bootstrapper)
+[![Codecov](https://img.shields.io/codecov/c/github/ctrlplusb/react-async-bootstrapper.svg?style=flat-square)](https://codecov.io/github/ctrlplusb/react-async-bootstrapper)
 
 ## TOCs
 
@@ -18,14 +14,8 @@ ___BADGES: EDIT THESE TO USE THE URLS FOR EACH SERVICE CONFIGURED FOR YOUR OWN L
 
 ## Introduction
 
-An introduction to your library...
+> Coming Soon
 
 ## FAQs
 
-___A common question around your library?___
-
-The answer to the question.
-
-___A common question around your library?___
-
-The answer to the question.
+> Let me know if you have any questions

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "npm-library-starter",
+  "name": "react-async-bootstrapper",
   "version": "0.0.1",
-  "description": "Starter kit for npm libraries.",
+  "description": "Provides the ability to execute async bootstrapper functions within your React element tree.",
   "license": "MIT",
   "main": "commonjs/index.js",
   "files": [
@@ -12,9 +12,9 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/ctrlplusb/npm-library-starter.git"
+    "url": "https://github.com/ctrlplusb/react-async-bootstrapper.git"
   },
-  "homepage": "https://github.com/ctrlplusb/npm-library-starter#readme",
+  "homepage": "https://github.com/ctrlplusb/react-async-bootstrapper#readme",
   "author": "Sean Matheson <sean@ctrlplusb.com>",
   "keywords": [
     "library"
@@ -57,13 +57,13 @@
     "babel-jest": "19.0.0",
     "babel-loader": "6.4.0",
     "babel-polyfill": "6.23.0",
-    "babel-preset-env": "1.2.1",
+    "babel-preset-env": "1.2.2",
     "babel-preset-latest": "6.24.0",
     "babel-preset-react": "6.23.0",
     "babel-preset-stage-3": "6.22.0",
     "babel-register": "6.24.0",
-    "codecov": "1.0.1",
-    "cross-env": "3.2.3",
+    "codecov": "2.0.1",
+    "cross-env": "3.2.4",
     "enzyme": "2.7.1",
     "enzyme-to-json": "1.5.0",
     "eslint": "3.17.1",
@@ -77,7 +77,7 @@
     "jest": "19.0.2",
     "lint-staged": "3.4.0",
     "prettier": "0.22.0",
-    "prettier-eslint": "4.3.0",
+    "prettier-eslint": "4.3.2",
     "prettier-eslint-cli": "3.1.2",
     "pretty-bytes": "4.0.2",
     "ramda": "0.23.0",
@@ -86,9 +86,12 @@
     "react-dom": "15.4.2",
     "readline-sync": "1.4.6",
     "rimraf": "2.6.1",
-    "sinon": "1.17.7",
+    "sinon": "2.0.0",
     "webpack": "2.2.1",
     "webpack-dev-middleware": "1.10.1",
     "webpack-hot-middleware": "2.17.1"
+  },
+  "dependencies": {
+    "react-tree-walker": "2.0.0-alpha.2"
   }
 }

src/MyComponent.js

@@ -1,5 +1,16 @@
-import helloWorld from './helloWorld'
-import goodbyeWorld from './goodbyeWorld'
-import MyComponent from './MyComponent'
+import reactTreeWalker from 'react-tree-walker'
 
-export { helloWorld, goodbyeWorld, MyComponent }
+export default function asyncResolver(app) {
+  const visitor = (element, instance) => {
+    if (instance && typeof instance.reactAsyncResolverTarget === 'function') {
+      return instance.reactAsyncResolverTarget()
+    }
+    return true
+  }
+
+  return (
+    reactTreeWalker(app, visitor, {})
+      // Swallow errors.
+      .catch(() => undefined)
+  )
+}

src/__tests__/MyComponent.test.js

@@ -63,7 +63,13 @@ function webpackConfigFactory({ target }) {
         {
           test: /\.js$/,
           loader: 'babel-loader',
-          include: [resolvePath(appRootDir.get(), './src')],
+          include: [
+            resolvePath(appRootDir.get(), './src'),
+            resolvePath(appRootDir.get(), './node_modules/p-limit'),
+            resolvePath(appRootDir.get(), './node_modules/p-locate'),
+            resolvePath(appRootDir.get(), './node_modules/p-map-series'),
+            resolvePath(appRootDir.get(), './node_modules/p-reduce'),
+          ],
         },
       ],
     },