postcss-color-rgb/dist/lib/rgb-functional-notation.js

PostCSS plugin to transform W3C CSS Color Module Level 4 rgb() new syntax to more compatible CSS (comma-separated rgb() or rgba())

'use strict';

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

function legacyAlpha(alpha) {
    if (alpha.indexOf('%') > -1) {
        alpha = '' + alpha.slice(0, -1) / 100;
    }
    return alpha.replace(/^0\./, '.');
}

function legacyChannel(value) {
    if (value.indexOf('%') === -1) {
        value = '' + Math.round(value);
    }
    return value.replace(/^0\./, '.');
}

function getColorData(colorFn) {
    /* const rgbSyntaxRegex = /(\w{3})a?\s*\((\d*\.?\d+\%?)\s+(\d*\.?\d+\%?)
    \s+(\d*\.?\d+\%?)(?:\s*\/\s*(\d*\.?\d+\%?))?\)/g; */
    var rgbSyntaxPlusAltRegex = /(rgb)a?\s*\(\s*(\d*\.?\d+\%?)(?:\s+|(?:\s*,\s*))(\d*\.?\d+\%?)(?:\s+|(?:\s*,\s*))(\d*\.?\d+\%?)(?:\s*(?:\/|,)\s*(\d*\.?\d+\%?))?\s*\)/g; // eslint-disable-line max-len
    var match = rgbSyntaxPlusAltRegex.exec(colorFn);
    if (match === null) return false;
    return {
        fn: match[1],
        r: legacyChannel(match[2]),
        g: legacyChannel(match[3]),
        b: legacyChannel(match[4]),
        alpha: match[5] ? legacyAlpha(match[5]) : false
    };
}

function legacy(colorFn) {
    var colorData = getColorData(colorFn);

    if (!colorData) return colorFn;

    var result = null;
    if (colorData.alpha === false) {
        result = colorData.fn + '(' + colorData.r + ', ' + colorData.g + ', ' + colorData.b + ')';
    } else {
        result = colorData.fn + 'a(' + colorData.r + ', ' + colorData.g + ', ' + colorData.b + ', ' + colorData.alpha + ')';
    }
    return result;
}

exports.default = { legacy: legacy };
module.exports = exports['default'];