Function parseTokens

buildScripts/helpers/convertDesignTokens.mjs:19–102

(fileContent, prefix=tokenPrefix, map=[])

}

function parseTokens(fileContent, prefix=tokenPrefix, map=[]) {
    let baseKey, baseValue, keyValue, keys, modify, ns;

    Object.entries(fileContent).forEach(([key, value]) => {
        key = key.replace(/\?/g, '');
        key = key.replace(/&/g, '-'); // some token names contain & chars
        ns  = prefix === tokenPrefix ? (tokenPrefix + key) : key === 'value' ? prefix : `${prefix}-${key}`;

        if (typeof value === 'object') {
            keys   = Object.keys(value);
            modify = value[keys[0]]?.$extensions?.['studio.tokens']?.modify || // the first key could contain the value,
                     value[keys[1]]?.$extensions?.['studio.tokens']?.modify;   // so we are checking the 2nd too

            if (modify) {
                // assuming that each object contains its base value
                keys.forEach(objKey => {
                    if (!value[objKey].$extensions) {
                        baseKey   = objKey;
                        baseValue = value[baseKey].value;
                    }
                });

                keys.forEach(objKey => {
                    if (objKey !== baseKey) {
                        modify   = value[objKey].$extensions?.['studio.tokens']?.modify;
                        keyValue = `#{${modify.type}(${baseValue}, ${modify.value * 100}%)}`;

                        map.push([`${ns}-${objKey}`, keyValue]);
                    } else {
                        parseTokens(value[baseKey], `${ns}-${baseKey}`, map);
                    }
                })
            } else {
                parseTokens(value, ns, map);
            }
        } else if (key !== 'description' && key !== 'type') {
            if (typeof value === 'string') {
                if (!value.includes('{')) {
                    if (value.includes(' ')) {
                        value = `'${value}'`;
                    }
                } else {
                    value   = value.replace(/\?/g, '');
                    matches = value.matchAll(tokenRegex);

                    // replace . with - only inside each token
                    for (match of matches) {
                        value = value.replace(match[0], match[0].replace(/\./g, '-'));
                    }

                    /*
                     * some design tokens contain operations without empty spaces
                     * e.g. {token}*0.9
                     * calc() relies on having spaces around operators
                     */
                    value = value.replace(/(\S)(\*)(\S)/g, '$1 $2 $3');
                    value = value.replace(/(\S)(\/)(\S)/g, '$1 $2 $3');