refactor: move syntax related utils to a separate module

Author: andreypopp

src/Syntax.js

@@ -13,3 +13,10 @@ export function isComponent(node) {
     node.parent.type === 'root'
   );
 }
+
+export function isVariant(node) {
+  return (
+    node.type === 'rule' &&
+    node.selector.charAt(0) === ':'
+  );
+}

src/transformVariants.js

@@ -3,6 +3,8 @@
  * @flow
  */
 
+import * as Syntax from './Syntax';
+
 /**
  * Variant names we want to see compiled as CSS pseudo classes.
  */
@@ -36,7 +38,7 @@ const _SUPPORTED_PSEUDO_CLASSES = {
 export default function transformVariants(root) {
   let toAppend = [];
   root.each(rule => {
-    if (isComponent(rule)) {
+    if (Syntax.isComponent(rule)) {
       toAppend = toAppend.concat(flattenVariants(rule));
     }
   });
@@ -48,7 +50,7 @@ function flattenVariants(rule) {
   let toRemove = [];
   let toAppend = [];
   rule.each(variant => {
-    if (!isVariant(variant)) {
+    if (!Syntax.isVariant(variant)) {
       return;
     }
     toRemove.push(variant);
@@ -59,19 +61,3 @@ function flattenVariants(rule) {
   toRemove.forEach(variant => variant.remove());
   return toAppend;
 }
-
-export function isVariant(node) {
-  return (
-    node.type === 'rule' &&
-    node.selector.charAt(0) === ':'
-  );
-}
-
-export function isComponent(node) {
-  return (
-    node.type === 'rule' &&
-    node.selector.charAt(0) !== ':' &&
-    node.parent &&
-    node.parent.type === 'root'
-  );
-}