Couple utility functions to cleanup SVGs (especially from Sketch output)

cleanup-svg.js

// https://gist.github.com/MoOx/1eb30eac43b2114de73a
const generic = {
  title: /<title>.*<\/title>/gi,
  desc: /<desc>.*<\/desc>/gi,
  comment: /<!--.*-->/gi,
  defs: /<defs>.*<\/defs>/gi,
  width: / +width="\d+(\.\d+)?(px)?"/gi,
  height: / +height="\d+(\.\d+)?(px)?"/gi,
  sketchMSShapeGroup: / +sketch:type=\"MSShapeGroup\"/gi,
  sketchMSPage: / +sketch:type=\"MSPage\"/gi,
  sketchMSLayerGroup: / +sketch:type=\"MSLayerGroup\"/gi,
};

const fillStroke = {
  fill: / +fill=\"(none|#[0-9a-f]+)\"/gi,
  stroke: / +stroke=\"(none|#[0-9a-f]+)\"/gi,
};

function clean(cleanups, svg) {
  return Object.keys(cleanups)
    .reduce((acc, key) => {
      return acc.replace(cleanups[key], '');
    }, svg)
    .trim();
}

export function cleanAll(svg) {
  return clean({
    ...generic,
    ...fillStroke,
  }, svg);
}

export function keepFillStroke(svg) {
  return clean(generic, svg);
}

Example usage: clean(stringOfSVG)