Ember-cli-prismic NPM

ember-cli-prismic

An ember-cli addon for using prismic.io in Ember.js applications.

This addon provides :

prismic service to query a prismic.io repository
as-text and as-html template helpers to display prismic.io documents fields
PrismicJS and PrismicDOM global variables (imported from the prismic.io Javascript development kit)

Usage

Install the addon:

ember install ember-cli-prismic

Configure your prismic repository API endpoint:

// config/environment.js

module.exports = function(environment) {
  var ENV = {

    /* config */

    prismic: {
      apiEndpoint: 'https://<your_repository>.prismic.io/api/v2'
      // accessToken: '<your_private_repository_access_token_if_needed>'
    }
  }
}

In your route, controller or component, inject and call the prismic service:

// routes/articles.js

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

export default Route.extend({
  prismic: service(),

  model() {
    return this.get('prismic')
      .getApi()
      .then(api => api.query(
        PrismicJS.Predicates.at('document.type', 'blog-post'),
        {
          fetchLinks: 'team-member.complete_name',
          orderings: '[document.last_publication_date desc]',
          page: 2,
          pageSize: 2
        }));
  }
});

See the prismic.io Javascript development kit documentation for more usage.