asset-map.js

/* global window, __assetMapPlaceholder__ */
import RSVP from 'rsvp';
import $ from 'jquery';
import AssetMap from '../services/asset-map';

export function initialize(app) {
  const container = app.__container__;
  let config;
  if(container.factoryFor) {
    config = container.factoryFor('config:environment').class;
  } else {
    config = container.lookupFactory('config:environment');
  }

  let assetMapFile = window && window.__assetMapPlaceholder__;

  if (!assetMapFile) {
    let ifaPlaceholder = document.querySelector('[property="ifa:placeholder"]');

    if (ifaPlaceholder) {
      assetMapFile = decodeURIComponent(ifaPlaceholder.getAttribute('content'));
    }
  }

  if (!assetMapFile) {
    app.register('service:asset-map', AssetMap);
    return;
  }

  if (config.ifa.inline) {
    AssetMap.reopen({
      map: assetMapFile.assets,
      prepend: assetMapFile.prepend,
      enabled: true
    });
    app.register('service:asset-map', AssetMap);
  } else {
    app.deferReadiness();

    const promise = new RSVP.Promise((resolve, reject) => {
      $.getJSON(assetMapFile, resolve).fail(reject);
    });

    promise.then((map = {}) => {
      AssetMap.reopen({
        map: map.assets,
        prepend: map.prepend,
        enabled: true
      });
    }).then(() => {
      app.register('service:asset-map', AssetMap);
      app.advanceReadiness();
    });
  }
}

export default {
  name: 'asset-map',
  initialize
};