ghempton

`import CurrentUserMixin from 'outreach/core/current_user_mixin'`

class Route extends Em.Route with CurrentUserMixin

  beforeModel: (transition) ->
    parentRoute = if transition.state.handlerInfos.length > 1
      transition.state.handlerInfos[transition.state.handlerInfos.length - 2].handler
    else
      null
    @setupSession(parentRoute)

ghempton

Adapter.map(function() {

  this.resources('post', {path: '/blog-posts/:post_id'}, function() {
    this.resources('comments'); // assumes has-many called 'comments' and inverse called 'post'
    this.resource('owner', {type: 'user'});
  });

});

ghempton

`import CurrentUserMixin from 'outreach/core/current_user_mixin'`
`import Model from 'outreach/core/model'`

class Route extends Em.Route with CurrentUserMixin
  
  +computed
  title: ->
    'Outreach'

  enter: ->

ghempton

`import Route from 'outreach/core/route'`

# Route which manages a transaction on it's content.
# E.g. when the route is exited, the transaction will
# be rolled back
class TransactionalRoute extends Route

  resolveSession: (parentSession) ->
    @session = parentSession.newSession()

ghempton

/**
  Attempting to create a subclass of `Model` that supports
  CP's and Ember.Observable.
*/
function EmberModel() {
  Model.apply(this, arguments);
  return CoreObject.apply(this);
}

var PrototypeMixin = Model.prototype;

ghempton

var get = Ember.get, set = Ember.set, computed = Ember.computed;

export default Ember.Component.extend({
  tagName: 'a',
  classNameBindings: ['isActive:active'],
  attributeBindings: ['href'],
  href: null,
  emberRouteName: null,
  
  router: computed(function() {

ghempton

// This file contains utilities for creating bound helpers

// For reference: https://github.com/wagenet/ember.js/blob/ac66dcb8a1cbe91d736074441f853e0da474ee6e/packages/ember-handlebars/lib/views/bound_property_view.js
Ember.Handlebars.BoundHelperView = Ember.View.extend(Ember._Metamorph, {

  context: null,
  options: null,
  property: null,
  // paths of the property that are also observed
  propertyPaths: [],

ghempton

# Small extension to create a clone of the element without
# metamorph binding tags and ember metadata

$.fn.extend
  safeClone: ->
    clone = $(@).clone()
    
    # remove content bindings
    clone.find('script[id^=metamorph]').remove()
    

ghempton

Ember.js Controller Brainstorm

Currently, there are several awkward points to Ember.js controllers. Namely:

1. Passing controllers around to view's not instantiated by the routing system is hard.
2. Non-singleton controllers are very difficult to manage (e.g. #each where each view has it's own controller).
3. Sharing data between controllers is difficult.

Solution for 1 and 2: Controllers are lazily created by views

ghempton

Example of the Need for Async Routing

App.Profile = DS.Model.extend({

});

App.User = DS.Model.extend({
  profile: DS.belongsTo(App.Profile)