Example of css scopes building

bem-scopes-example.js

var csso = require('csso');

function splitByScope(css) {
    var scopes = {};

    csso.walk(csso.parse(css), function(node) {
        if (node.type === 'Class') {
            var className = node.name;
            var scopeId = className.replace(/^([^_]+)_.+/, '$1'); // scopeId is block name

            if (scopeId in scopes === false) {
                scopes[scopeId] = {};
            }

            scopes[scopeId][className] = true;
        }
    });

    return {
        scopes: Object.keys(scopes).map(function(key) {
            return Object.keys(scopes[key]);
        })
    };
}

console.log(splitByScope('.foo {} .foo_mod {} .foo__elem {} .bar {}'));
// { scopes: [ [ 'foo', 'foo_mod', 'foo__elem' ], [ 'bar' ] ] }