Add props for explicit configuration of events to listen for

- Add load and hashChange props (default to true) that tell Switcher
  what events it should check for path changes on. (pushState already
  there).
- Add location property (defaults to "hash") that lets user customize
  what to use to compare the path

Author: jdlehman

dist/switcheroo.min.js

@@ -28,11 +28,21 @@ To actually render anything, the `Switcher` must have any number of children ele
 
 ## Optional Props
 
-### pushState
+### pushState (default: false)
 
-By default `window.location.hash` is used to match paths. If the `pushState` prop is set to true, then `window.location.pathname` is used.
+When true, `Switcher` listens to the `popstate` event and looks for path changes on this event.
 
-When the hash is used, `Switcher` listens for path changes with the `hashchange` event, and when `pushState` is used, it listens to the `popstate` event.
+### hashChange  (default: true)
+
+When true, `Switcher` listens to the `hashchange` event and looks for path changes on this event.
+
+### load  (default: true)
+
+When true, `Switcher` listens to the `load` event and looks for path changes on this event.
+
+### location (default: 'hash')
+
+By default `window.location.hash` is used to match paths. If `location` is set to 'pathname', then `window.location.pathname` is used instead.
 
 ### defaultHandler
 

docs/components/Switcher.md

@@ -1,4 +1,5 @@
 import React, {Component} from 'react';
+import window from 'window';
 
 export default class Switcher extends Component {
   constructor(props) {
@@ -18,27 +19,31 @@ export default class Switcher extends Component {
   }
 
   componentDidMount() {
-    window.addEventListener('load', this.handleRouteChange);
+    if(this.props.load) {
+      window.addEventListener('load', this.handleRouteChange);
+    }
     if(this.props.pushState) {
       window.addEventListener('popstate', this.handleRouteChange);
     }
-    else {
+    if(this.props.hashChange) {
       window.addEventListener('hashchange', this.handleRouteChange);
     }
   }
 
   componentWillUnmount() {
-    window.removeEventListener('load', this.handleRouteChange);
+    if(this.props.load) {
+      window.removeEventListener('load', this.handleRouteChange);
+    }
     if(this.props.pushState) {
       window.removeEventListener('popstate', this.handleRouteChange);
     }
-    else {
+    if(this.props.hashChange) {
       window.removeEventListener('hashchange', this.handleRouteChange);
     }
   }
 
   getLocation() {
-    var location = this.props.pushState ? this.getHistoryLocation() : this.getHashLocation();
+    var location = this.props.location === 'pathname' ? this.getHistoryLocation() : this.getHashLocation();
     if(location.charAt(0) !== '/') {
       return `/${location}`;
     }
@@ -96,12 +101,18 @@ Switcher.propTypes = {
     React.PropTypes.element
   ]).isRequired,
   pushState: React.PropTypes.bool,
+  hashChange: React.PropTypes.bool,
+  load: React.PropTypes.bool,
   defaultHandler: React.PropTypes.func,
   defaultHandlerProps: React.PropTypes.object,
   onChange: React.PropTypes.func,
-  wrapper: React.PropTypes.any
+  wrapper: React.PropTypes.any,
+  location: React.PropTypes.string
 };
 
 Switcher.defaultProps = {
-  pushState: false
+  pushState: false,
+  hashChange: true,
+  load: true,
+  location: 'hash'
 };

modules/components/Switcher.js

@@ -19,7 +19,8 @@ module.exports = {
         commonjs2: "react",
         commonjs: "react",
         amd: "react"
-      }
+      },
+      "window": "window"
     }
   ],
   plugins: [