gatsby-plugin-purgecss/gatsby-node.js

Gatsby plugin for purgecss. Removes unused css/sass/less/stylus from files and modules. Supports Tailwindcss, Bootstrap, Bulma etc.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.onCreateWebpackConfig = onCreateWebpackConfig;

var _utils = require("./utils");

var _paths = _interopRequireDefault(require("./paths"));

var _shared = require("./shared");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

const loadersRegex = /postcss-loader/;
/**
 * @param {object} param0
 * @param {object} param1
 */

function onCreateWebpackConfig({
  actions,
  stage,
  getConfig
}, _ref) {
  let plugins = _ref.plugins,
      userOptions = _objectWithoutProperties(_ref, ["plugins"]);

  const whitelist = ['html', 'body'];

  if (userOptions.whitelist) {
    userOptions.whitelist = [...whitelist, ...userOptions.whitelist];
  } else {
    userOptions.whitelist = whitelist;
  }

  userOptions = _objectSpread({
    content: [_paths.default.src],
    rejected: true,
    printRejected: false,
    printAll: false,
    debug: false,
    develop: false,
    tailwind: false,
    ignore: [],
    purgeOnly: [],
    extractors: []
  }, userOptions);

  if (userOptions.tailwind) {
    userOptions.extractors = [{
      extractor: class {
        /**
         * @param {object} content
         */
        static extract(content) {
          return content.match(/[A-Za-z0-9-_:\/]+/g) || [];
        }

      },
      extensions: ['js', 'ts', 'jsx', 'tsx']
    }, ...userOptions.extractors];
  }

  if (userOptions.rejected && stage === 'build-html') {
    _shared.stats.printStats();
  }

  if (stage === 'develop-html' || stage === 'build-html') {
    return;
  } else if (stage === 'develop') {
    if (!userOptions.develop) {
      return;
    }
  }

  const setWebpackConfig = actions.setWebpackConfig;
  /**
   * @type {WebpackConfig}
   */

  const config = getConfig();
  const existingRules = config.module.rules;
  /**
   * @type {RuleSetLoader}
   */

  const purgecssloader = {
    loader: _paths.default.loader,
    options: userOptions
  };
  existingRules.forEach(rule => {
    if (Array.isArray(rule.oneOf)) {
      rule.oneOf.forEach(rule => {
        if (Array.isArray(rule.use)) {
          const index = (0, _utils.findLoader)(rule.use, loadersRegex);
          (0, _utils.insertLoader)(rule.use, index, purgecssloader);
        }
      });
    }
  });
  actions.replaceWebpackConfig(config);

  if (userOptions.debug) {
    _shared.Debug.writeConfig(getConfig());
  }
}