postcss replace plugin - wip

replace.js

function global(opts) {
  return postcss.plugin('postcss-global', () => {
    return (root, result) => {
      // console.log(root);
      // console.log(result);

      // for (decl of result.nodes) {
      //   console.log(decl);
      // }

      // root.walkDecls((decl) => {
      //   console.log(decl.parent.selector);
      // });

      // root.replaceWith(/(\[\s*dir\s*=\s*('|")?\s*\w*\s*\2\s*\])/g, node => {
      //   console.log(node);

      //   return `:global(${node})`;
      // });

      const reg = /(\[\s*dir\s*=\s*('|")?\s*\w*\s*\2\s*\])/g;

      root.walkRules(reg, (rule) => {
        // console.log(rule.selector);
        rule.selector = rule.selector.replace(reg, ':global($1)')
        // console.log(rule.selector);
      });

      // css.walkRules(function transformRules(rule) {
      //   for(var i = 0; i < opts["before"].length; i += 1){
      //     rule.selector = rule.selector.replace(opts["before"][i], opts["after"][i]);
      //   }
      // });
    };
  });
}