switch to react-broadcast

Author: ryanflorence

modules/Link.js

@@ -1,5 +1,5 @@
 import React, { PropTypes } from 'react'
-import { LocationSubscriber } from './locationEmission'
+import { LocationSubscriber } from './locationBroadcast'
 import {
   routerContext as routerContextType
 } from './PropTypes'

modules/Match.js

@@ -1,7 +1,7 @@
 import React, { PropTypes } from 'react'
 import MatchProvider from './MatchProvider'
 import matchPattern from './matchPattern'
-import { LocationSubscriber } from './locationEmission'
+import { LocationSubscriber } from './locationBroadcast'
 
 class RegisterMatch extends React.Component {
   static contextTypes = {

modules/StaticRouter.js

@@ -1,7 +1,7 @@
 import React, { PropTypes } from 'react'
 import { stringify, parse as parseQueryString } from 'query-string'
 import MatchProvider from './MatchProvider'
-import { LocationEmitter } from './locationEmission'
+import { LocationBroadcast } from './locationBroadcast'
 import {
   locationsAreEqual,
   createRouterLocation,
@@ -90,15 +90,15 @@ class StaticRouter extends React.Component {
     const { action, children } = this.props
 
     return (
-      <LocationEmitter value={location}>
+      <LocationBroadcast value={location}>
         <MatchProvider>
           {typeof children === 'function' ? (
             children({ action, location, router: this.getRouterContext() })
           ) : (
             React.Children.only(children)
           )}
         </MatchProvider>
-      </LocationEmitter>
+      </LocationBroadcast>
     )
   }
 }

modules/__tests__/Link-test.js

@@ -2,7 +2,7 @@ import expect from 'expect'
 import React, { PropTypes } from 'react'
 import Link from '../Link'
 import { render } from 'react-dom'
-import { LocationEmitter } from '../locationEmission'
+import { LocationBroadcast } from '../locationBroadcast'
 
 describe('Link', () => {
 
@@ -258,12 +258,12 @@ describe('Link', () => {
       const div = document.createElement('div')
       const location = { pathname: PATHNAME, search: '', hash: '' }
       render((
-        <LocationEmitter value={location}>
+        <LocationBroadcast value={location}>
           <Link
             to={PATHNAME}
             activeClassName="active"
           />
-        </LocationEmitter>
+        </LocationBroadcast>
       ), div)
       const a = div.querySelector('a')
       expect(a.className).toEqual('active')

modules/__tests__/Match-test.js

@@ -3,7 +3,7 @@ import React from 'react'
 import Match from '../Match'
 import { renderToString } from 'react-dom/server'
 import { render } from 'react-dom'
-import { LocationEmitter } from '../locationEmission'
+import { LocationBroadcast } from '../locationBroadcast'
 
 describe('Match', () => {
   const TEXT = 'TEXT'
@@ -277,11 +277,11 @@ describe('Match', () => {
       const TEXT = 'TEXT'
       const location = { pathname: '/', state: { test: TEXT } }
       const html = renderToString(
-        <LocationEmitter value={location}>
+        <LocationBroadcast value={location}>
           <Match pattern="/" render={({ location }) => (
             <div>{location.state.test}</div>
           )}/>
-        </LocationEmitter>
+        </LocationBroadcast>
       )
       expect(html).toContain(TEXT)
     })
@@ -293,11 +293,11 @@ describe('Match', () => {
         const contextLoc = { pathname: '/', state: { test: CONTEXT } }
         const propsLoc = { pathname: '/', state: { test: PROP } }
         const html = renderToString(
-          <LocationEmitter value={contextLoc}>
+          <LocationBroadcast value={contextLoc}>
             <Match location={propsLoc} pattern="/" render={({ location }) => (
               <div>{location.state.test}</div>
             )}/>
-          </LocationEmitter>
+          </LocationBroadcast>
         )
         expect(html).toNotContain(CONTEXT)
         expect(html).toContain(PROP)

modules/locationBroadcast.js

@@ -0,0 +1,13 @@
+/*eslint react/prop-types: 0*/
+import React from 'react'
+import { Broadcast, Subscriber } from 'react-broadcast'
+
+const NAME = 'location'
+
+const LocationBroadcast = ({ children, value }) =>
+  <Broadcast channel={NAME} value={value} children={children}/>
+
+const LocationSubscriber = ({ children }) =>
+  <Subscriber channel={NAME} children={children}/>
+
+export { LocationBroadcast, LocationSubscriber }

modules/locationEmission.js

@@ -28,7 +28,7 @@
   "dependencies": {
     "path-to-regexp": "^1.5.3",
     "query-string": "4.2.3",
-    "react-context-emission": "^2.1.0",
+    "react-broadcast": "^0.1.1",
     "react-history": "^0.14.0"
   },
   "peerDependencies": {