EmberJS Data hasMany sideloading with ActiveModelSerializers

Question

I'm using Ember Data canary build: 1.0.0-beta.8+canary.267214b9 together with a rails back-end and ActiveModelSerializer. My configuration on ember side looks like this:

App.ApplicationSerializer = DS.ActiveModelSerializer.extend()

App.ApplicationAdapter = DS.ActiveModelAdapter.extend
  namespace: "api/v1"

App.Authentication = DS.Model.extend
  provider: DS.attr('string')
  user: DS.belongsTo('user')

App.User = DS.Model.extend
  username: DS.attr('string')
  email: DS.attr('string')
  authentications: DS.hasMany('authentication')

I have working hasMany and belongsTo relation for a model that isn't side loaded. The JSON for the relation look like this:

 {
   objectA: {
     property1: 'prop1',
     property2: 'prop2',
     objectB_ids: ['1','2']
   }
 }

At the moment I try to get a user model with multiple authentications to work. But there the authentications should be side loaded. It doesn't work for the following JSON:

JSON - not working

{
  authentications: [{ id:1, provider:"google" }],
  user: {
    id: '1',
    username: 'max',
    email: '[email protected]',
    authentication_ids:[1],
  }
}

But it does work for this:

JSON - working

{
  authentications: [{ id:1, provider:"google" }],
  user: {
    id: '1',
    username: 'max',
    email: '[email protected]',
    authentications:[1],
  }
}

The only useful information I found on the web is this SO question:

Serialising async hasMany relationships

Is this a bug in the DS.ActiveModelSerializer or did I miss some configuration?

EDIT 1:

In the docs of DS.ActiveModelSerializer you can find the following:

It has been designed to work out of the box with the activemodelserializers Ruby gem.

And the version with authentication_ids:[...] is the way, how the ActiveModelSerializers Ruby gem does it out of the box. So maybe it should be added?

claptimes claptimes · Accepted Answer · 2014-05-24T12:19:50

I think you're confusing what ActiveModelSerializer does with other conventions of Ember Data. You're working second example is correct. This section describes the current expectation of JSON layout. The _ids is not present.

{
  "post": {
    "id": 1,
    "title": "Rails is omakase",
    "comments": ["1", "2"],
    "user" : "dhh"
  },

  "comments": [{
    "id": "1",
    "body": "Rails is unagi"
  }, {
    "id": "2",
    "body": "Omakase O_o"
  }]
}

The ActiveModelSerializer adapter allows you to pass underscored keys in your JSON instead of camelcased keys. For example, if your user had a camelcased name:

App.User = DS.Model.extend
  firstName: DS.attr()

Your JSON should look like this:

{
  "user": {
    "first_name": "kunerd"
  }
}

EmberJS Data hasMany sideloading with ActiveModelSerializers

2 Answers