plotly-icons/scripts/generate.js

set of plotly icons

//https://github.com/levrik/mdi-react/blob/master/scripts/generate.js
const fs = require('fs');
const pathRegex = /\sd="(.*)"/;
const widthRegex = /width="[^"]*"/
const heightRegex = /height="[^"]*"/
const viewBoxRegex = /viewBox="[^"]*"/

const svgFiles = fs.readdirSync(`${__dirname}/../src/svg`);
for (let svgFile of svgFiles) {
  const name = svgFile
    .split(/-/g)
    .map(part => {
      return part.charAt(0).toUpperCase() + part.slice(1);
    })
    .join('')
    .slice(0, -4);

  const content = fs.readFileSync(`${__dirname}/../src/svg/${svgFile}`);
  const pathMatches = pathRegex.exec(content);
  const width = widthRegex.exec(content);
  const height = heightRegex.exec(content);
  const viewBox = viewBoxRegex.exec(content);
  const path = pathMatches && pathMatches[1];
  // Skip on empty path
  if (!path) continue;

  const fileContent = `import React from 'react';
const ${name}Icon = ({ className, children, ...props }) => {
  let classes = 'plotly-icon';
  if (className) classes += \` \${className}\`;
  return (
    <svg {...props} ${width[0]} ${height[0]} ${viewBox} className={classes}>
      <path d="${path}" />
    </svg>
  );
};
export default ${name}Icon;
`;

  fs.writeFileSync(`${__dirname}/../src/plotly/${name}Icon.js`, fileContent);
}