monkeytype/frontend/scripts/fontawesome.mjs

import * as fs from "fs";
import * as path from "path";

/**
 * Map containing reserved classes by module
 */
const modules2 = {
  solid: [], //leave empty
  brands: detectBrands(),
  animated: ["fa-spin", "fa-pulse"],
  "bordererd-pulled": ["fa-border", "fa-pull-left", "fa-pull-right"],
  "fixed-width": ["fa-fw"],
  larger: [
    "fw-lg",
    "fw-xs",
    "fw-sm",
    "fa-1x",
    "fa-2x",
    "fa-3x",
    "fa-4x",
    "fa-5x",
    "fa-6x",
    "fa-7x",
    "fa-8x",
    "fa-9x",
    "fa-10x",
  ],
  "rotated-flipped": [
    "fa-rotate-90",
    "fa-rotate-180",
    "fa-rotate-270",
    "fa-flip-horizontal",
    "fa-flip-vertical",
    "fa-flip-both",
  ],
  stacked: ["fa-stack", "fa-stack-1x", "fa-stack-2x", "fa-inverse"],
};

/**
 * fontawesome icon config
 * @typedef {Object} FontawesomeConfig
 * @property {string[]} solid - used solid icons without `fa-` prefix
 * @property {string[]} brands - used brands icons without `fa-` prefix
 */

/**
 * Detect used fontawesome icons in the directories `src/**` and `static/**{.html|.css}`
 * @param {boolean} debug - Enable debug output
 * @returns {FontawesomeConfig} - used icons
 */

export function getFontawesomeConfig(debug = false) {
  const time = Date.now();
  const srcFiles = findAllFiles(
    "./src",
    (filename) =>
      !filename.endsWith("fontawesome-5.scss") &&
      !filename.endsWith("fontawesome-6.scss") //ignore our own css
  );
  const staticFiles = findAllFiles(
    "./static",
    (filename) => filename.endsWith(".html") || filename.endsWith(".css")
  );

  const allFiles = [...srcFiles, ...staticFiles];
  const usedClassesSet = new Set();

  const regex = /\bfa-[a-z0-9-]+\b/g;

  for (const file of allFiles) {
    const fileContent = fs.readFileSync("./" + file).toString();
    const matches = fileContent.match(regex);

    if (matches) {
      matches.forEach((match) => {
        const [icon] = match.split(" ");
        usedClassesSet.add(icon);
      });
    }
  }

  const usedClasses = new Array(...usedClassesSet).sort();
  const allModuleClasses = Object.values(modules2).flatMap((it) => it);

  const solid = usedClasses
    .filter((it) => !allModuleClasses.includes(it))
    .map((it) => it.substring(3));

  const brands = usedClasses
    .filter((it) => modules2.brands.includes(it))
    .map((it) => it.substring(3));

  if (debug === true) {
    console.debug(
      "Make sure fontawesome modules are active: ",
      Object.entries(modules2)
        .filter((it) => usedClasses.filter((c) => it[1].includes(c)).length > 0)
        .map((it) => it[0])
        .filter((it) => it !== "brands")
        .join(", ")
    );

    console.debug(
      "Here is your config: \n",
      JSON.stringify({
        solid,
        brands,
      })
    );
    console.debug("Detected fontawesome classes in", Date.now() - time, "ms");
  }

  return {
    solid,
    brands,
  };
}

//detect if we run this as a main
if (import.meta.url.endsWith(process.argv[1])) {
  getFontawesomeConfig(true);
}

function toFileAndDir(dir, file) {
  const name = path.join(dir, file);
  return { name, isDirectory: fs.statSync(name).isDirectory() };
}

function findAllFiles(dir, filter = (filename) => true) {
  return fs
    .readdirSync(dir)
    .map((it) => toFileAndDir(dir, it))
    .filter((file) => file.isDirectory || filter(file.name))
    .reduce((files, file) => {
      return file.isDirectory
        ? [...files, ...findAllFiles(file.name, filter)]
        : [...files, file.name];
    }, []);
}

function detectBrands() {
  const brandFile = fs
    .readFileSync("node_modules/@fortawesome/fontawesome-free/js/brands.js")
    .toString();
  return brandFile
    .match(/\"(.*)\"\: \[.*\],/g)
    .map((it) => "fa-" + it.substring(1, it.indexOf(":") - 1));
}