How to use fela-plugin-validator - 3 common examples

const createRenderer = () => {
  const plugins = [
    unit('px'),
    placeholderPrefixer(),
    friendlyPsuedo(),
    ...webPreset,
    embedded(),
    namedMediaQuery(mediaQueries),
  ]
  const enhancers = [combineArrays()]

  if (process.env.NODE_ENV === 'development') {
    plugins.push(
      validator({
        logInvalid: true,
        deleteInvalid: true,
      })
    )
    plugins.push(whitelistMediaQuery(mediaQueries))
    /* eslint-disable no-undef */
    if (__CLIENT__ && __STATISTICS__) {
      /* eslint-enable */
      // enabled via define plugin in styleguidist.config.js
      plugins.push(statistics())
    }
    enhancers.push(beautifier())
  }

  return createFelaRenderer({
    plugins,

const createRenderer = opts => {
  const usedOpts = Object.assign({}, defaultOpts, opts);
  const plugins = [
    prefixer(),
    fallbackValue(),
    unit(),
    lvha(),
    embedded(),
    namedMediaQuery(mediaQueries)
  ];
  const enhancers = [];

  if (usedOpts.dev === true) {
    plugins.push(validator());
    plugins.push(whitelistMediaQuery(mediaQueries));
    enhancers.push(beautifier());
  }

  return createFelaRenderer({
    plugins,
    enhancers,
    selectorPrefix: usedOpts.selectorPrefix,
    mediaQueryOrder: [
      removePrefix(mediaQueries.hover),
      removePrefix(mediaQueries.mobile),
      removePrefix(mediaQueries.mobileWide),
      removePrefix(mediaQueries.tablet),
      removePrefix(mediaQueries.tabletLegacy),
      removePrefix(mediaQueries.tabletWide),
      removePrefix(mediaQueries.desktop),

export function createDevPreset({
  validator: validatorConfig = [],
}: Config = {}) {
  return [logger(), validator(...validatorConfig)]
}