bem-contrib#6 Add alias @ for symbol start entity

ilyar · Mar 25, 2018 · 06b17fe · 06b17fe
1 parent bdd3b96
commit 06b17fe
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/lib/index.js b/lib/index.js
@@ -24,10 +24,10 @@ function buildSelector (ctx, mod) {
 export default postcss.plugin('pobem', () => (css) => {
     css.walkRules((rule) => {
         rule.selector = rule.selector
-            .replace(/[.:]?(block\(.+)/g, (match, raw) => {
+            .replace(/[.:@]?(block\(.+)/g, (match, raw) => {
                 // "block(b1).elem(elem).mod(mod)" -> "block(b1) elem(elem) mod(mod)"
                 const rawSelector = raw
-                    .replace(/[.:]?(block|elem|mod)(\([\s\w'"\->,]+\))/g, '=b=$1$2=b=')
+                    .replace(/[.:@]?(block|elem|mod)(\([\s\w'"\->,]+\))/g, '=b=$1$2=b=')
                     .replace(/block(\([\s\w'"\->,]+\))=b=\s*=b=(elem|mod)/g, 'block$1=b=$2')
                     .replace(/elem(\([\s\w'"\->,]+\))=b=\s*=b=(mod)/g, 'elem$1=b=$2')
                     .replace(/mod(\([\s\w'"\->,]+\))=b=\s*=b=(mod)/g, 'mod$1=b=$2');

diff --git a/test/lib/index.js b/test/lib/index.js
@@ -12,6 +12,21 @@ const test = (selector, result) => {
 };
 
 describe('plugin', () => {
+    describe('Aliases for start entity', () => {
+        it('dot', () => test(
+            '.block(foo)',
+            '.foo'
+        ));
+        it('colon', () => test(
+            ':block(foo)',
+            '.foo'
+        ));
+        it('at', () => test(
+            '@block(foo)',
+            '.foo'
+        ));
+    });
+
     describe('block', () => {
         it('simple', () => {
             test(