astroturf/utils/wrapInClass.js

"use strict";

exports.__esModule = true;
exports.default = wrapInClass;

var _commonTags = require("common-tags");

function wrapInClass(text) {
  const imports = [];
  let match;
  const rImports = /@import.*?(?:$|;)/g; // eslint-disable-next-line no-cond-assign

  while (match = rImports.exec(text)) {
    imports.push(match[0]);
  }

  text = text.replace(rImports, ''); // Components need two css classes, the actual style declarations and a hook class.
  // We need both so that that interpolations have a class that is _only_
  // the single class, e.g. no additional classes composed in so that it can be used
  // as a selector
  //
  // comment prevents Sass from removing the empty class

  let val = _commonTags.stripIndents`
    .cls1 { /*!*/ }
    .cls2 {
      composes: cls1;

      ${text.trim()}
    }`;
  if (imports.length) val = `${imports.join('\n')}\n${val}`;
  return val;
}