feat: add first draft of a Link and RouteNodeMixin factories

Author: troch

modules/index.js

@@ -0,0 +1,7 @@
+import linkFactory from './link-factory'
+import segmentMixinFactory from './segment-mixin-factory'
+
+export default {
+    linkFactory,
+    segmentMixinFactory
+}

modules/link-factory.js

@@ -0,0 +1,30 @@
+import React from 'react'
+
+export default router5LinkFactory
+
+let router5LinkFactory = (router) => {
+    return React.createClass({
+        propTypes: {
+            routeName:    React.PropTypes.string.isRequired
+            routeParams:  React.PropTypes.object
+            routeOptions: React.PropTypes.object
+        },
+
+        shouldComponentUpdate(nextProps, nextState) {
+            return !router.areStatesEqual(
+                {name: nextProps.routeName,  params: nextProps.routeParams},
+                {name: this.props.routeName, params: this.props.routeParams}
+            )
+        },
+
+        clickHandler(evt) {
+            evt.preventDefault()
+            router.navigate(this.props.routeName, this.props.routeParams, this.props.options)
+        },
+
+        render() {
+            let path = router.buildPath(this.props.routeName, this.props.routeParams)
+            return <a href={path} onClick={clickHandler}></a>
+        }
+    })
+}

modules/segment-mixin-factory.js

@@ -0,0 +1,15 @@
+export default segmentMixinFactory
+
+let segmentMixinFactory = (router) => {
+    return (routeName, listener) => ({
+        componentDidMount() {
+            router.addNodeListener(routeName, listener.bind(this))
+            router.registerComponent(routeName, this)
+        },
+
+        componentWillUnmount() {
+            router.addremoveNodeListener(routeName, listener.bind(this))
+            router.deregisterComponent(routeName, this)
+        }
+    })
+})

package.json

@@ -25,9 +25,9 @@
   },
   "homepage": "http://router5.github.com/router5/router5-react",
   "devDependencies": {
-    "router5": "0.0.1-alpha.3"
+    "router5": "0.0.1-alpha.4"
   },
   "peerDependencies": {
-    "router5": "0.0.1-alpha.3"
+    "router5": "0.0.1-alpha.4"
   }
 }