ember-scoped-css 0.2.2 → 0.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-scoped-css",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "",
   "type": "commonjs",
   "main": "index.js",

package/src/renameClass.js

@@ -1,5 +1,6 @@
-const getPostfix = require('./getPostfix');
-
-module.exports = function (className, projectCssPath) {
-  return className + '_' + getPostfix(projectCssPath);
+module.exports = function (className, postfix, classesInCss) {
+  const classes = className.split(/\s+/);
+  return classes
+    .map((c) => (!classesInCss || classesInCss.has(c) ? c + '_' + postfix : c))
+    .join(' ');
 };

package/src/replaceScopedClass.js

@@ -1,11 +1,12 @@
 const recast = require('ember-template-recast');
 const renameClass = require('./renameClass');
+const getPostfix = require('./getPostfix');
 
 module.exports = function (hbs, templatePath, basePath) {
   let ast = recast.parse(hbs);
   let stack = [];
   const cssPath = templatePath.replace(/(\.hbs)?\.js$/, '.css');
-  const projectCssPath = cssPath; // cssPath.replace(basePath, '');
+  const postfix = getPostfix(cssPath);
 
   recast.traverse(ast, {
     All: {
@@ -36,9 +37,7 @@ module.exports = function (hbs, templatePath, basePath) {
       }
 
       if (cssClass) {
-        const textNode = recast.builders.text(
-          renameClass(cssClass, projectCssPath)
-        );
+        const textNode = recast.builders.text(renameClass(cssClass, postfix));
         const parent = stack[stack.length - 1];
         if (parent.type === 'AttrNode') {
           parent.quoteType = '"';
@@ -55,7 +54,7 @@ module.exports = function (hbs, templatePath, basePath) {
         const cssClass = node.params[0].value;
         const textNode = recast.builders.literal(
           'StringLiteral',
-          renameClass(cssClass, projectCssPath)
+          renameClass(cssClass, postfix)
         );
         return textNode;
       }

package/src/rewriteHbs.js

@@ -1,4 +1,5 @@
 const recast = require('ember-template-recast');
+const renameClass = require('./renameClass');
 
 module.exports = function rewriteHbs(hbs, classes, tags, postfix) {
   let ast = recast.parse(hbs);
@@ -7,26 +8,13 @@ module.exports = function rewriteHbs(hbs, classes, tags, postfix) {
     AttrNode(node) {
       if (node.name === 'class') {
         if (node.value.type === 'TextNode' && node.value.chars) {
-          const newClasses = node.value.chars.split(' ').map((c) => {
-            if (c.trim() && classes.has(c.trim())) {
-              return c.trim() + '_' + postfix;
-            } else {
-              return c;
-            }
-          });
-
-          node.value.chars = newClasses.join(' ');
+          const renamedClass = renameClass(node.value.chars, postfix, classes);
+          node.value.chars = renamedClass;
         } else if (node.value.type === 'ConcatStatement') {
           for (let part of node.value.parts) {
             if (part.type === 'TextNode' && part.chars) {
-              const newClasses = part.chars.split(' ').map((c) => {
-                if (c.trim() && classes.has(c.trim())) {
-                  return c.trim() + '_' + postfix;
-                } else {
-                  return c;
-                }
-              });
-              part.chars = newClasses.join(' ');
+              const renamedClass = renameClass(part.chars, postfix, classes);
+              part.chars = renamedClass;
             }
           }
         }
@@ -47,6 +35,25 @@ module.exports = function rewriteHbs(hbs, classes, tags, postfix) {
         }
       }
     },
+
+    HashPair(node) {
+      if (node.key === 'class') {
+        if (
+          node.value.type === 'SubExpression' &&
+          node.value.path.original === 'concat'
+        ) {
+          for (let part of node.value.params) {
+            if (part.type === 'StringLiteral') {
+              const renamedClass = renameClass(part.value, postfix, classes);
+              part.value = renamedClass;
+            }
+          }
+        } else if (node.value.type === 'StringLiteral') {
+          const renamedClass = renameClass(node.value.value, postfix, classes);
+          node.value.value = renamedClass;
+        }
+      }
+    },
   });
 
   let result = recast.print(ast);