@patternfly/react-core/scripts/copyStyles.mjs

This library provides a set of common React components for use with the PatternFly reference implementation.

import { copySync } from 'fs-extra/esm';
import { readFileSync, writeFileSync } from 'node:fs';
import { createRequire } from 'node:module';
import { resolve, dirname, join } from 'node:path';
import { parse as parseCSS, stringify as stringifyCSS } from 'css';

const require = createRequire(import.meta.url);
const stylesDir = resolve(import.meta.dirname, '../dist/styles');
const pfDir = dirname(require.resolve('@patternfly/patternfly/patternfly.css'));

const unusedSelectorRegEx = /(\.fas?|\.sr-only)/;
const unusedKeyFramesRegEx = /fa-/;
const unusedFontFamilyRegEx = /Font Awesome 5 Free/;
const ununsedFontFilesRegExt = /(fa-|\.html$|\.css$)/;

// Copy assets
copySync(join(pfDir, 'assets/images'), join(stylesDir, 'assets/images'));
copySync(join(pfDir, 'assets/pficon'), join(stylesDir, 'assets/pficon'));
copySync(join(pfDir, 'assets/fonts'), join(stylesDir, 'assets/fonts'), {
  filter(src) {
    return !ununsedFontFilesRegExt.test(src);
  }
});

// Copy css
const baseCssFiles = {
  'base.css': 'patternfly-base.css',
  'base-no-reset.css': 'patternfly-base-no-globals.css'
};

for (const [targetCss, baseCss] of Object.entries(baseCssFiles)) {
  const css = readFileSync(join(pfDir, baseCss), 'utf8');
  const ast = parseCSS(css);

  // Core provides font awesome fonts and utlities. React does not use these
  ast.stylesheet.rules = ast.stylesheet.rules.filter((rule) => {
    switch (rule.type) {
      case 'rule':
        return !rule.selectors.some((sel) => unusedSelectorRegEx.test(sel));
      case 'keyframes':
        return !unusedKeyFramesRegEx.test(rule.name);
      case 'charset':
      case 'comment':
        return false;
      case 'font-face':
        // eslint-disable-next-line no-case-declarations
        const fontFamilyDecl = rule.declarations.find((decl) => decl.property === 'font-family');
        return !unusedFontFamilyRegEx.test(fontFamilyDecl.value);
      default:
        return true;
    }
  });

  writeFileSync(join(stylesDir, targetCss), stringifyCSS(ast));
}