initial commit

Author: kellyrmilligan

.babelrc

@@ -0,0 +1,10 @@
+{
+  "presets": [
+    "latest",
+    "stage-2",
+    "react",
+  ],
+  "plugins": [
+    "add-module-exports"
+  ]
+}

.editorconfig

@@ -0,0 +1,12 @@
+# For more information visit http://editorconfig.org/
+# Top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file.
+# Also 2 space indentation.
+[*]
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2

.gitignore

@@ -0,0 +1,50 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+/lib
+/__tests__

.npmignore

@@ -0,0 +1 @@
+6.9.1

.nvmrc

@@ -0,0 +1,15 @@
+# React Router Fetch
+
+Loops through matched routes from react router and calls a static fetch function on each handler.  The static fetch function should return a promise. This will return a promise that will resolve/reject when all other promises are finished.
+
+### usage
+
+react router fetch understands the structure of render props for the `match` function in react router.
+
+```js
+match({ routes, location: url }, (err, redirect, props) => {
+  routeResovler(props, isInitial, [options])
+    .then(() => {
+      //do something when it's all done
+    })
+```

README.md

@@ -0,0 +1,81 @@
+{
+  "name": "react-router-fetch",
+  "version": "1.0.0",
+  "description": "Calls fetch on matched route components and returns a promise",
+  "main": "lib/index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kellyrmilligan/react-router-fetch.git"
+  },
+  "scripts": {
+    "build": "npm-run-all clean standard babel",
+    "babel": "babel src -d . -D -s",
+    "babel:watch": "babel src -d . -w -D -s",
+    "clean": "rimraf ./lib",
+    "dev": "npm-run-all clean standard --parallel babel:watch standard:watch",
+    "prepublish": "npm run build",
+    "standard": "standard --fix",
+    "standard:watch": "onchange 'src/**/*.js' -- npm run standard",
+    "test": "cross-env NODE_ENV=test standard && jest",
+    "test:watch": "npm run test -- --watch"
+  },
+  "author": "Kelly Milligan",
+  "license": "ISC",
+  "jest": {
+    "testPathDirs": [
+      "src"
+    ],
+    "moduleDirectories": [
+      "node_modules",
+      "src"
+    ],
+    "moduleFileExtensions": [
+      "js",
+      "json"
+    ],
+    "coverageDirectory": "coverage",
+    "collectCoverage": true,
+    "testRegex": "(/__tests__/.*|\\.(test))\\.js$",
+    "coverageThreshold": {
+      "global": {
+        "branches": 75,
+        "functions": 75,
+        "lines": 75,
+        "statements": 75
+      }
+    },
+    "coveragePathIgnorePatterns": [
+      "/node_modules/",
+      "/fixtures/",
+      "/script/"
+    ]
+  },
+  "standard": {
+    "parser": "babel-eslint"
+  },
+  "dependencies": {
+  },
+  "peerDependencies": {
+    "react-router": "^2.0.0 || ^3.0.0"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.11.4",
+    "babel-core": "^6.6.4",
+    "babel-eslint": "^6.1.2",
+    "babel-jest": "^15.0.0",
+    "babel-plugin-add-module-exports": "^0.2.1",
+    "babel-preset-react": "^6.16.0",
+    "babel-preset-latest": "^6.16.0",
+    "babel-preset-stage-2": "^6.18.0",
+    "babel-runtime": "^6.11.6",
+    "cross-env": "^2.0.1",
+    "jest": "^15.1.1",
+    "nodemon": "^1.9.0",
+    "npm-run-all": "^1.5.1",
+    "onchange": "^3.0.2",
+    "react-router": "^3.0.0",
+    "rimraf": "^2.5.4",
+    "source-map-support": "^0.4.0",
+    "standard": "^8.5.0"
+  }
+}

package.json

@@ -0,0 +1,65 @@
+/* global describe, it, expect, spyOn */
+
+import routeResolver from 'lib/index'
+
+describe('route-resolver', function () {
+  it('can be imported', function () {
+    expect(routeResolver).toBeTruthy()
+  })
+  it('will resolve right away if isInitial is true', function (done) {
+    routeResolver({}, true)
+      .then(() => {
+        done()
+      })
+  })
+  it('will call fetch on a route handler if it has one', function (done) {
+    const handler = {
+      fetch () {
+        return new Promise((resolve, reject) => {
+          setTimeout(resolve, 1000, { test: '1234' })
+        })
+      }
+    }
+    const handler2 = {
+      fetch () {
+        return new Promise((resolve, reject) => {
+          setTimeout(resolve, 1000, { test: '1234' })
+        })
+      }
+    }
+    const props = {
+      components: [
+        handler,
+        handler2
+      ],
+      params: {},
+      location: {
+        query: {}
+      }
+    }
+    spyOn(handler, 'fetch').and.callThrough()
+    routeResolver(props)
+      .then((response) => {
+        expect(handler.fetch).toHaveBeenCalled()
+        done()
+      })
+  })
+  it('will resolve right away if no handlers have fetch', function (done) {
+    const handler = {
+    }
+    const props = {
+      components: [
+        handler
+      ],
+      params: {},
+      location: {
+        query: {}
+      }
+    }
+    routeResolver(props)
+      .then((promises) => {
+        expect(promises.length).toBe(0)
+        done()
+      })
+  })
+})

src/__tests__/react-router-fetch.js

@@ -0,0 +1,26 @@
+/**
+ * processes the props matched from react router 2
+ * and calls fetch
+ *
+ * @param  {Object} props
+ * @param  {boolean} isInitial
+ * @param  {Object} options
+ * @returns {Promise}
+ */
+function routeResovler (props, isInitial, options) {
+  if (isInitial) {
+    return Promise.resolve()
+  }
+
+  const promises = props.components
+    .filter(component => component.fetch)
+    .map(component => component.fetch(props.params, props.location.query, options))
+
+  if (promises && promises.length > 0) {
+    return Promise.all(promises)
+  } else {
+    return Promise.resolve(promises)
+  }
+}
+
+export default routeResovler