ember-svg-jar/lib/utils.js

Best way to use SVG images in Ember applications

'use strict';

const fs = require('fs');
const path = require('path').posix;
const osPathSep = require('path').sep;
const _ = require('lodash');
const fp = require('lodash/fp');

const isPosixOS = osPathSep === '/';

function toPosixPath(filePath) {
  return !isPosixOS ? filePath.split(osPathSep).join('/') : filePath;
}

function stripExtension(filePath) {
  return filePath.replace(/\.[^/.]+$/, '');
}

function relativePathFor(filePath, inputPath) {
  return filePath.replace(`${inputPath}${path.sep}`, '');
}

function relativePathToSingleFilename(filePath) {
  return filePath.replace(/[/\\]/g, '-');
}

function makeIDForPath(relativePath, { idGen, stripPath, prefix }) {
  return fp.pipe(
    relative =>
      stripPath
        ? path.basename(relative)
        : relativePathToSingleFilename(relative),
    stripExtension,
    normalizedPath => idGen(normalizedPath, { prefix })
  )(relativePath);
}

function svgDataFor(svgContent) {
  const cheerio = require('cheerio');

  let $svg = cheerio.load(svgContent, { xmlMode: true })('svg');

  return {
    content: $svg.html(),
    attrs: $svg.attr(),
  };
}

const readFile = _.partial(fs.readFileSync, _, 'UTF-8');

function saveToFile(filePath, fileContents) {
  fs.mkdirSync(path.dirname(filePath), { recursive: true });
  fs.writeFileSync(filePath, fileContents);
}

module.exports = {
  makeIDForPath,
  relativePathFor,
  svgDataFor,
  readFile,
  saveToFile,
  toPosixPath,
};