data.js

const fs = require('fs-extra');
const path = require('path');

const ROOT_DIR = path.join(__dirname, '..');
const SRC_DIR = path.join(ROOT_DIR, 'src');
const SRC_SVG_DIR = path.join(SRC_DIR, 'svg');
const PKG_JSON = path.join(ROOT_DIR, 'package.json');
const SRC_JSON = path.join(SRC_DIR, 'data.json');
const DST_DIR = path.join(ROOT_DIR, 'dist');
const DST_JSON = path.join(DST_DIR, 'ionicons/data.json');
const DST_JS = path.join(DST_DIR, 'svg/index.js');
const DST_ESM = path.join(DST_DIR, 'svg/index.esm.js');
const DST_ESM_D_TS = path.join(DST_DIR, 'svg/index.esm.d.ts');


console.log('checking icon data: ' + SRC_JSON);

let srcData = fs.readJsonSync(SRC_JSON);
let svgFiles = fs.readdirSync(SRC_SVG_DIR);
let pkgData = fs.readJsonSync(PKG_JSON);
srcData['version'] = pkgData.version;

svgFiles = svgFiles.filter(f => f.indexOf('.svg') > -1);
svgFiles.forEach(svgFile => {
  let iconName = svgFile.split('.')[0];

  let icon = srcData.icons.find(i => i.icons.indexOf(iconName) > -1);
  if (!icon) {
    console.log('icon data missing for: ' + svgFile);
  }
});

srcData.icons.forEach(i => {
  if (i.tags.length === 0) {
    console.log('icon data missing search tags for: ' + i.icons);
  }

  i.icons.forEach(iconName => {
    let svgFile = iconName + '.svg';

    let f = svgFiles.find(f => f === svgFile);
    if (!f) {
      console.log('icon data contains "' + iconName + '", but the file "' + path.join(SRC_SVG_DIR, svgFile) + '" doesn\'t exist');
    }
  });
});

const jsonContent = JSON.stringify(srcData);
fs.writeFileSync(DST_JSON, jsonContent);


const BASE_PATH = '.'

function upFirst(word) {
  return word[0].toUpperCase() + word.toLowerCase().slice(1);
}

function camelize(text) {
  let words = text.split(/[-_]/g); // ok one simple regexp.
  return words[0].toLowerCase() + words.slice(1).map(upFirst).join('');
}

const iconData = svgFiles.map(filename => {
  const name = filename.split('.')[0];
  const importName = camelize(name);
  return {
    filename,
    importName,
    name
  };
});

const finalFile = `
${iconData.map(({filename, importName}) => `import ${importName} from '${BASE_PATH}/${filename}';`).join('\n')}

export var ICON_PATHS = {
${iconData.map(({name, importName}) => `  '${name}': ${importName}`).join(',\n')}
};

export { ${iconData.map(({importName}) => importName).join(', ')} };
`;
fs.writeFileSync(DST_ESM, finalFile);


const finalDts = `
export type IconMap = {
${iconData.map(({name}) => `  '${name}': string;`).join('\n')}
};

export type IconNames = keyof IconMap;

export declare const ICON_PATHS: IconMap;

${iconData.map(({importName}) => `export declare const ${importName}: string;`).join('\n')}
`;
fs.writeFileSync(DST_ESM_D_TS, finalDts);


const jsContent = `
require.context('!!file-loader?name=[name].[ext]&outputPath=svg!./', false, /\.svg$/);
`;
fs.writeFileSync(DST_JS, jsContent)