babel-plugin-css-modules-transform/build/utils/extractCssFile.js

Transform required css modules so one can use generated class names.

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.PATH_VARIABLES = undefined;
exports.default = extractCssFile;

var _writeCssFile = require('./writeCssFile');

var _writeCssFile2 = _interopRequireDefault(_writeCssFile);

var _path = require('path');

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

const PATH_VARIABLES = exports.PATH_VARIABLES = ['[path]', '[name]'];

/**
 * Extracts CSS to file
 *
 * @param {String} cwd
 * @param {Map} cssMap
 * @param {String|Object} extractCss
 * @returns {null}
 */
function extractCssFile(cwd, cssMap, extractCss) {
    // this is the case where a single extractCss is requested
    if (typeof extractCss === 'string') {
        // check if extractCss contains some from pattern variables, if yes throw!
        PATH_VARIABLES.forEach(VARIABLE => {
            if (extractCss.indexOf(VARIABLE) !== -1) {
                throw new Error('extractCss cannot contain variables');
            }
        });

        const css = Array.from(cssMap.values()).join('');

        return (0, _writeCssFile2.default)(extractCss, css);
    }

    // This is the case where each css file is written in
    // its own file.
    const {
        dir = 'dist',
        filename = '[name].css',
        relativeRoot = ''
    } = extractCss;

    // check if filename contains at least [name] variable
    if (filename.indexOf('[name]') === -1) {
        throw new Error('[name] variable has to be used in extractCss.filename option');
    }

    cssMap.forEach((css, filepath) => {
        // Make css file name relative to relativeRoot
        const relativePath = (0, _path.relative)((0, _path.resolve)(cwd, relativeRoot), filepath);

        const destination = (0, _path.join)((0, _path.resolve)(cwd, dir), filename).replace(/\[name]/, (0, _path.basename)(filepath, (0, _path.extname)(filepath))).replace(/\[path]/, (0, _path.dirname)(relativePath));

        (0, _writeCssFile2.default)(destination, css);
    });
}