react-crossroads/src/mixins/BlockRouting.coffee

Client side router for web applications built with React and utilizing the Flux architecture. The backing routing engine is CrossroadsJs.

React = require 'react'

getNextBlockId = do ->
  nextBlockId = 1
  -> nextBlockId++

BlockRouting =
  contextTypes:
    router: React.PropTypes.object.isRequired

  getInitialState: ->
    BlockRouting:
      blockId: null
      blocked: false

  componentWillMount: ->
    @context.router.stores.location.addChangeListener @handleLocationStateChange

  componentWillUnmount: ->
    @context.router.stores.location.removeChangeListener @handleLocationStateChange

  handleLocationStateChange: ->
    if @isMounted()
      @setState
        BlockRouting:
          blockId: @state.BlockRouting.blockId # TODO: Why do I need to set this?
          blocked: @context.router.stores.location.isBlocked()

  toggleBlock: ->
    if @state.BlockRouting.blocked
      @context.router.actions.unblock @state.BlockRouting.blockId
      @setState
        BlockRouting:
          blockId: null
    else
      @setState
        BlockRouting:
          blockId: getNextBlockId()
      @context.router.actions.block @state.BlockRouting.blockId

module.exports = BlockRouting