window.App = Ember.Application.create({

  LOG_TRANSITIONS: true

});

​

// After an ajax POST request to /messages has been made,

// the server immediately broadcasts a notification to all clients,

// and then responds to the original ajax call.

PUBSUB_LATENCY = 500;

REST_API_LATENCY = 1000;

​

// Little hack for server-generated auto increment ids

var messageCounter = 1;

​

App.ApplicationAdapter = DS.FixtureAdapter.extend({

  latency: REST_API_LATENCY,

  // Don't generate an id after #createRecord is called.

  // The id should be set once the server has responded.

  generateIdForRecord: null

});

​

App.Message = DS.Model.extend({

  body: DS.attr()

});

​

App.Message.FIXTURES = [

  { id: 1, body: "Hello world!" }  

];

​

App.IndexController = Ember.ArrayController.extend({

  messageBody: '',

  actions: {

    sendMessage: function() {

      var store = this.store;

      var message = { id: -1, body: this.get('messageBody') };

      // This will cause the message to be added to the view,

      // even though it hasn't been saved yet. Which is the desirable

      // behaviour of course.

      record = store.createRecord('message', message);

​

      // Mimic push notification (arrives 500 msec before ajax call)

      setTimeout(function(){handlePubSubNotification(store, message);}, PUBSUB_LATENCY);

      record.save().then(function(savedMessage) {

        // Usually the server would repond with an id

        savedMessage.set('id', ++messageCounter);

      });

​

      this.set('messageBody', '');

    }

  }

});

​

function handlePubSubNotification(store, message) {

  store.push('message', {

    // Notice that this message has the same id as the

    // message that will be returned via ajax, 500 msec from now

    id: messageCounter + 1,

    body: message.body + ' (received via web socket push)'

  });

}

​

App.IndexRoute = Ember.Route.extend({

  model: function() {

    return this.store.find('message');

  }

});

​