iconUsage.ts

import iconNames from "latitude/iconNamesEnum";
import {getSourceFilesIterator} from "react-codestats";

const sourceFileIterator = getSourceFilesIterator("~/flexport/javascripts", {
  extensions: ["js", "jsx"],
  withParser: "flow",
});

const iconUsageCounts = iconNames.reduce((acc, iconName) => {
  acc.set(iconName, 0);
  return acc;
});

sourceFileIterator(({fileName, path, ast}, i) => {
  ast
    .findComponent({
      defaultExport: true,
      sourcePath: "latitude/TextInput",
    })
    .withProp({ name: "iconName" });
    .forEach(component => {
      const iconNames = component.props().iconName.extractLiterals();

      iconNames.forEach(iconName => {
        const currCount = iconUsageCounts.get(iconName);
        iconUsageCounts.set(iconName, currCount + 1);
      });
    });

  console.log(`${i} file(s) parsed.`);
});

console.log("finished!", iconUsageCounts);