ember-svg-jar/lib/validate-assets.js

Best way to use SVG images in Ember applications

'use strict';

const _ = require('lodash');
const consoleUI = require('./console-ui');

function checkForDuplicates(items) {
  let duplicateIds = _(items)
    .map('id')
    .countBy()
    .pickBy((value) => value > 1)
    .keys()
    .value();

  if (!duplicateIds.length) {
    return;
  }

  let invalidItems = _.flatMap(duplicateIds, (id) => _.filter(items, { id }));
  return ['Duplicate IDs found:']
    .concat(invalidItems.map(({ id, relativePath }) => `ID: "${id}" Relative Path: ${relativePath}`))
    .join('\n');
}

function validateViewBox(items) {
  let invalidItems = items.filter(({ asset }) => !asset.svg.includes('viewBox'));

  if (!invalidItems.length) {
    return;
  }

  return ['SVG files without viewBox found:']
    .concat(invalidItems.map(({ relativePath }) => `Relative Path: ${relativePath}`))
    .join('\n');
}

module.exports = function validateAssets(items, validationConfig = {}, strategy) {
  let validators = [];

  if (validationConfig.checkForDuplicates) {
    validators.push(checkForDuplicates);
  }

  if (validationConfig.validateViewBox) {
    validators.push(validateViewBox);
  }

  validators.forEach((validate) => {
    let message = validate(items);

    if (message) {
      let warning = `${strategy} ${message}`;
      if (validationConfig.throwOnFailure) {
        throw new Error(warning);
      } else {
        consoleUI.warn(warning);
      }
    }
  });
};