@mapbox/batfish/dist/node/inline-css.js

The React-powered static-site generator you didn't know you wanted

//      
'use strict';

const path = require('path');
const globby = require('globby');
const workerFarm = require('worker-farm');
const workers = workerFarm(require.resolve('./inline-css-worker'));
const wrapError = require('./wrap-error');
const errorTypes = require('./error-types');

// When errors emerge from the worker farm, they retain their name but lose
// their type.
function reTypeError(error   )        {
  if (error.name === 'CssCompilationError') {
    return wrapError(error, errorTypes.CssCompilationError, {
      originalError: error.originalError
    });
  }
  return error;
}

// Inline CSS in static HTML pages.
//
// The pages are divided up according to the number of cpus available,
// then each group of pages is processed by a child process.
//
// Returned Promise resolves when all the inlining is complete.
function inlineCss(
  htmlRoot        ,
  cssPath        ,
  options   
                                     
                     
   
)                {
  const { onNotification, verbose } = options;
  // This number is determined below, after the glob is analyzed.
  let totalHtmlFiles;
  let processesStarted = 0;
  // Accumulate errors and log them all at the end.
  const processPage = (htmlPath        )                => {
    processesStarted += 1;
    const isLastChunk = processesStarted === totalHtmlFiles;
    return new Promise((resolve, reject) => {
      if (verbose) {
        onNotification(`Inline CSS for ${htmlPath}.`);
      }
      workers(htmlPath, cssPath, (error       , output        ) => {
        if (isLastChunk) {
          workerFarm.end(workers);
        }
        if (error) {
          return reject(error);
        }
        if (output && verbose) {
          onNotification(output);
        }
        resolve();
      });
    });
  };

  const pagesGlob = path.join(htmlRoot, '**/*.html');

  return globby(pagesGlob)
    .then((htmlPaths) => {
      totalHtmlFiles = htmlPaths.length;
      return Promise.all(htmlPaths.map(processPage));
    })
    .then(
      () => {},
      (error) => {
        throw reTypeError(error);
      }
    );
}

module.exports = inlineCss;