ember-data-record-meta

0.1.0 • Public • Published

Ember Data Record Meta

NPM Version Build Status Code Style: Prettier Conventional Commits

Record meta management for Ember applications.

Compatibility

  • Ember.js v3.12 or above (lower probably works as well, but isn't tested explicitly)
  • Ember CLI v2.13 or above
  • Node.js v10 or above

Installation

ember install ember-data-record-meta

Usage

Normalizing and Storing Record Meta

// app/serializers/project.js

import { inject as service } from '@ember/service';
import { camelize } from '@ember/string';
import JSONAPISerializer from '@ember-data/serializer/json-api';

export default class ProjectSerializer extends JSONAPISerializer {
  @service recordMeta;

  normalize() {
    this.recordMeta.normalizeRecordMeta(...arguments, {
      keyTransform: camelize,
    });

    return super.normalize(...arguments);
  }
}

Using the normalizeRecordMeta method, we can normalize and store record meta on the record-meta service so we can access it later on.

normalizeRecordMeta accepts the same arguments as normalize, but also an additional options object.

If the meta keys returned by the API do not have the desired format, you can specify a keyTransform function.

keyTransform receives a meta key as its sole argument and should return that same meta key in the desired format.

In the example above, we use the camelize util from @ember/string to camelize all meta keys returned by the API.

Accessing Record Meta

Using the record-meta Helper

{{! app/templates/project.hbs }}

{{#let (record-meta this.project) as |projectMeta|}}
  {{#if projectMeta.userCanDelete}}
    <button {{on "click" this.deleteProject}} type="button">
      Delete Project
    </button>
  {{/if}}
{{/let}}

Using the record-meta Service

// app/controllers/project.js

import Controller from '@ember/controller';
import { inject as service } from '@ember/service';

export default class ProjectController extends Controller {
  @service recordMeta;

  get project() {
    return this.model;
  }

  get projectMeta() {
    return this.recordMeta.getRecordMeta('project', this.project.id);
  }
}

💡 Working versions of these code examples can be found in this addon's dummy app.

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.

Package Sidebar

Install

npm i ember-data-record-meta

Weekly Downloads

53

Version

0.1.0

License

MIT

Unpacked Size

11.7 kB

Total Files

13

Last publish

Collaborators

  • bertdeblock