Function parseValueUnit

src/utils/parse-value-unit.ts:3–54

(value: string, getUnit: (method: string) => string)

import { REM } from '../constants/css-property-keyword';

export function parseValueUnit(value: string, getUnit: (method: string) => string): string {
    let result = '';
 
    let i = 0;
    (function analyze(end?, method?) {
        let current = '';
        const unit = method 
            ? getUnit(method)
            : '';

        const pushCurrent = () => {
            if (current) {
                result += (!unit || Number.isNaN(+current))
                    ? current
                    : (+current / (unit === REM ? 16 : 1)) + unit;

                current = '';
            }
        };
        
        for (; i < value.length; i++) {
            const val = value[i];
            
            if (val === end && (end !== '\'' || value[i + 1] === ')')) {
                pushCurrent();
                result += val;
                break;
            } else if (val === ',' || val === ' ') {
                pushCurrent();
                result += val;
            } else if (!current && val === '\'') {
                result += val;

                i++;
                analyze(val);
                current = '';
            } else if (current && val === '(') {
                result += current + val;

                i++;
                analyze(')', current);
                current = '';
            } else {
                current += val;
            }
        }

        pushCurrent();
    })();

    return result;
}