@zohodesk/postcss-rtl/lib/selectors.js

PostCSS plugin for RTL-optimizations

"use strict";

const generatePrefixes = require('./prefixes-config');
const isSelectorHasDir = (selector = '', options) => !!selector.match(generatePrefixes(options)[options.prefixType].regex);
const isHtmlSelector = (selector = '') => !!selector.match(/^html/);
const isRootSelector = (selector = '') => !!selector.match(/:root/);
const addDirToSelectors = (selectors = '', dir, options = {}) => {
  const addPrefixToSelector = options.addPrefixToSelector,
    prefixType = options.prefixType;
  // we swap direction prefixes if we are converting rtl styles to ltr
  if (options.fromRTL) {
    switch (dir) {
      case 'rtl':
        dir = 'ltr';
        break;
      case 'ltr':
        dir = 'rtl';
        break;
      default:
    }
  }
  const prefix = generatePrefixes(options)[prefixType].prefixes[dir];
  if (!prefix) return selectors;
  return selectors.split(/\s*,\s*/).map(selector => {
    if (addPrefixToSelector) {
      selector = addPrefixToSelector(selector, prefix);
    } else if (isHtmlSelector(selector)) {
      // only replace `html` at the beginning of selector
      selector = selector.replace(/^html/ig, `html${prefix}`);
    } else if (isRootSelector(selector)) {
      selector = selector.replace(/:root/ig, `${prefix}:root`);
    } else {
      // add prefix without html for least change of the priority level
      selector = `${prefix} ${selector}`;
    }
    return selector;
  }).join(', ');
};
module.exports = {
  isSelectorHasDir,
  isHtmlSelector,
  isRootSelector,
  addDirToSelectors
};