ember-svg-jar/src/viewer-builder.js

const path = require('path');
const fs = require('fs');
const _ = require('lodash');
const CachingWriter = require('broccoli-caching-writer');
const mkdirp = require('mkdirp');

const svgJarRepoUrl = 'https://github.com/ivanvotti/ember-svg-jar';

function filtersFor(assets, filters) {
  return filters.map((filter) => (
    {
      name: filter.name,
      key: filter.key,
      items: _(assets)
        .map(filter.key)
        .without(undefined)
        .countBy()
        .toPairs()
        .map(([name, count]) => ({ name, count }))
        .sortBy('name')
        .value()
    }
  ));
}

function ViewerBuilder(inputNode, options = {}) {
  if (!options.outputFile) {
    throw new Error('the outputFile option is required');
  }

  CachingWriter.call(this, [inputNode], {
    name: 'ViewerBuilder',
    annotation: options.annotation,
  });

  this.options = options;
}

ViewerBuilder.prototype = Object.create(CachingWriter.prototype);
ViewerBuilder.prototype.constructor = ViewerBuilder;

ViewerBuilder.prototype.build = function() {
  let viewerContent = JSON.stringify(this.getViewerModel());
  let outputFilePath = path.join(this.outputPath, this.options.outputFile);
  mkdirp.sync(path.dirname(outputFilePath));
  fs.writeFileSync(outputFilePath, viewerContent);
};

ViewerBuilder.prototype.getViewerModel = function() {
  let assets = this.listFiles().reduce((items, filePath) => (
    items.concat(JSON.parse(fs.readFileSync(filePath, 'UTF-8')))
  ), []);

  let details = [
    { name: 'File name', key: 'fileName' },
    { name: 'Directory', key: 'fileDir' },
    { name: 'Base size', key: 'fullBaseSize' },
    { name: 'Original file size', key: 'fileSize' },
    { name: 'Optimized file size', key: 'optimizedFileSize' },
    { name: 'Strategy', key: 'strategy' }
  ];

  let searchKeys = ['fileName', 'fileDir'];

  let sortBy = [
    { name: 'File name', key: 'fileName' },
    { name: 'Base size', key: 'height' }
  ];

  let arrangeBy = [
    { name: 'Directory', key: 'fileDir' },
    { name: 'Base size', key: 'baseSize' }
  ];

  let filterBy = [
    { name: 'Directory', key: 'fileDir' },
    { name: 'Base size', key: 'baseSize' }
  ];

  if (this.options.hasManyStrategies) {
    filterBy.push({ name: 'Strategy', key: 'strategy' });
  }

  let links = [
    { text: 'Contribute', url: svgJarRepoUrl },
    { text: 'About', url: `${svgJarRepoUrl}/blob/master/README.md` }
  ];

  return {
    assets,
    details,
    searchKeys,
    sortBy,
    arrangeBy,
    filters: filtersFor(assets, filterBy),
    links
  };
};

module.exports = ViewerBuilder;