animations-router-stuff.coffee

App.Router.map ->
  @route "a"
  @route "b"
  @route "ab"
  @route "ba"

App.ARoute = Em.Route.extend
  transitions:
    'to b': (e) ->
      e.transitionTo 'ab'
      
App.BRoute = Em.Route.extend
  transitions:
    'to a': (e) ->
      e.transitionTo 'ba'
      
App.AbRoute = Em.Route.extend
  isInaccessibleByURL: true
  setup: ->
    console.log('doin crazy animations')
    # ... eventually, asyncly:
    this.transitionTo 'b'
      
App.BaRoute = Em.Route.extend
  isInaccessibleByURL: true
  setup: ->
    console.log('doin crazy animations')
    # ... eventually, asyncly:
    this.transitionTo 'a'

# Would be very pretty easy to write your own to write all the boilerplate
# and define the intermediate URL-less route. Something like:
defineAnimation 'a', 'b', ->
  # This gets injected into setup of generated intermediate route
  console.log('doin crazy animations')
  this.transitionTo 'a'