Example: pushing records into ember-data store

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

instance-initializers.insert-records-example.js

import Ember from 'ember';

const { getOwner } = Ember;

// Here is an example of using an instance-initializer for inserting records into the store.
// It's basically doing the same thing as in routes/application.js
// Not that the instance-initializer executes first, so the records that are found can be out of order.
export function initialize(app) {
  const store = app.lookup('service:store');
  
  store.pushPayload('my-model', {
  	data: {
    	type: 'my-model',
      id: 3,
      attributes: {
      	awesome: true
      }
    }
  })
}

export default {
    name: 'insert-records-example',
    initialize
};

models.my-model.js

import Model from 'ember-data/model';
import attr from 'ember-data/attr';
import { belongsTo, hasMany } from 'ember-data/relationships';

export default Model.extend({
  // isAwesome is going to be mapped from 'awesome', which is mapped in the serializer
  // I'm just demonstrating that the serializer is used to normalize the pushed payload.
  isAwesome: attr('boolean')
});

routes.application.js

import Ember from 'ember';

// Not using @ember namespace because Twiddle doesn't support it... I think.
const { get } = Ember;

export default Ember.Route.extend({
  model() {
		const store = get(this, 'store');
    
    /*
     * This uses the `my-model` serializer to normalize the records.
     * `store.pushPayload` will execute the serializer's normalize method, but not the other
     * normalizeResponse or normalize###Response methods.
     * 
     * If you need to use the normalizeResponse or normalize###Response methods for whatever reason,
     * the serialize will need to be looked up. Fortunately that's pretty easy with `store.serializerFor` method.
     */
    
    store.pushPayload('my-model', {
    	data: [
        { type: 'my-model', id: 1, attributes: { awesome: true }},
        { type: 'my-model', id: 2, attributes: { awesome: false }}
      ]
    });
    
    return store.peekAll('my-model');
  }
});

serializers.my-model.js

import DS from 'ember-data';

export default DS.JSONAPISerializer.extend({
  attrs: {
  	// <what-we-want-the-key-to-be>: <what-the-response-contains>
    isAwesome: 'awesome'
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<br>
<br>

{{#each model key="id" as | record |}}
<p>
	Model {{record.id}} is {{unless record.isAwesome "not"}} awesome!
</p>
{{/each}}

twiddle.json

{
  "version": "0.13.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.16.2",
    "ember-template-compiler": "2.16.2",
    "ember-testing": "2.16.2"
  },
  "addons": {
    "ember-data": "2.16.3"
  }
}