atlas-guide/models/componentstat/getTopMostProperties.js

Atlas is living style-guides & pattern library static site generator with extensive CSS monitoring and components info that could be used virtually with any scss/css project

'use strict';

function getTopMostProperties(fileAST) {
    let allProps = [];
    let reducedProps = {};
    let result = [];

    fileAST.walkDecls(decl => allProps.push(decl.prop));

    allProps.forEach(function(x) {
        reducedProps[x] = (reducedProps[x] || 0) + 1;
    });

    Object.keys(reducedProps).map(item => result.push({
        name: item,
        total: reducedProps[item]
    }));

    result.sort((a, b) => {
        if (a.total > b.total) {
            return -1;
        }
        if (a.total < b.total) {
            return 1;
        }

        if (a.name > b.name) {
            return 1;
        }
        if (a.name < b.name) {
            return -1;
        }

        return 0;
    });

    if (result.length > 9) {
        result = result.slice(0, 9);
    }

    return result;
}

module.exports = getTopMostProperties;