Ember-daux NPM

ember-daux

Ember addon for integrating Daux

Installation

ember install ember-daux

Usage

Setup your models

Create your model at app/models/model-name.js:

// app/models/user.js
import { Model } from 'daux';

export default class User extends Model {
  static get attributes() {
    return ['name'];
  }

  static get relationship() {
    return {
      country: {
        type: 'country',
        kind: 'belongsTo',
        inverse: null,
      },
      groups: {
        type: 'group',
        kind: 'hasMany',
        inverse: 'members',
      },
      posts: {
        type: 'post',
        kind: 'hasMany',
        inverse: 'author',
      },
    };
  }

  /**
   * Optional hook to deserialize a record
   */
  static deserialize(record) {
    const deserializedRecord = {};

    Object.keys(record).forEach((key) => {
      // Use name instead of display_name to match the model attributes
      if (key === 'display_name') {
        deserializedRecord['name'] = record[key];
      }
    });

    return deserializedRecord;
  }
}

Next, let's create a model curator that'll contain all the models we have:

// app/models/index.js
import EmberObject from '@ember/object';

import User from './user';

export default EmberObject.extend({
  model: {
    user: User
  }
});

Injecting the `store` service

import { inject as service } from '@ember/service';
import Route from '@ember/routing/route';

export default Route.extend({
  store: service('store'),

  beforeModel() {
    this.store.subscribe(() => this.refresh());
  },

  model() {
    return this.store.getAll('user', {
      fetch() {
        return fetch('example.com/api/users').then((response) => {
          return response.json();
        });
      },
    });
  }
});