postcss-modules-sync/src/index.js

A PostCSS plugin to use CSS Modules synchronously in js

import Parser from './Parser'
import scopeGenerator from './scopeGenerator'
import localByDefault from 'postcss-modules-local-by-default'
import scope from 'postcss-modules-scope'
import postcss from 'postcss'
import genericNames from 'generic-names';

function getScopedNameGenerator(opts) {
  const scopedNameGenerator = opts.generateScopedName || scopeGenerator;

  if (typeof scopedNameGenerator === 'function') return scopedNameGenerator;
  return genericNames(scopedNameGenerator, {context: process.cwd()});
}

export default postcss.plugin('postcss-css-modules', (opts = {}) => {
  const plugins = [localByDefault, scope];
  const parser = new Parser();

  scope.generateScopedName = getScopedNameGenerator(opts);

  return (css, result) => {
    const styles = postcss(plugins.concat(parser.plugin)).process(css).css;
    if (opts.getJSON != undefined) {
      opts.getJSON(parser.exportTokens)
    }
  }
})