ember-scoped-css 0.8.0 → 0.9.0

package/dist/scoped-babel-plugin.cjs

@@ -22672,6 +22672,7 @@ function renameClass_default(className, postfix, classesInCss) {
 // src/lib/rewriteHbs.js
 function rewriteHbs(hbs, classes, tags, postfix) {
   let ast = import_ember_template_recast.default.parse(hbs);
+  let stack = [];
   import_ember_template_recast.default.traverse(ast, {
     AttrNode(node) {
       if (node.name === "class") {
@@ -22699,6 +22700,41 @@ function rewriteHbs(hbs, classes, tags, postfix) {
           );
         }
       }
+    },
+    All: {
+      enter(node) {
+        stack.push(node);
+      },
+      exit() {
+        stack.pop();
+      }
+    },
+    MustacheStatement(node) {
+      let cssClass;
+      if (node.path?.original === "scoped-class" && node.params?.length === 1 && node.params[0].type === "StringLiteral") {
+        cssClass = node.params[0].value;
+      }
+      if (node.path?.path?.original === "scoped-class" && node.path?.params?.length === 1 && node.path?.params[0].type === "StringLiteral") {
+        cssClass = node.path.params[0].value;
+      }
+      if (cssClass) {
+        const textNode = import_ember_template_recast.default.builders.text(renameClass_default(cssClass, postfix));
+        const parent = stack[stack.length - 1];
+        if (parent.type === "AttrNode") {
+          parent.quoteType = '"';
+        }
+        return textNode;
+      }
+    },
+    SubExpression(node) {
+      if (node.path?.original === "scoped-class" && node.params?.length === 1 && node.params[0].type === "StringLiteral") {
+        const cssClass = node.params[0].value;
+        const textNode = import_ember_template_recast.default.builders.literal(
+          "StringLiteral",
+          renameClass_default(cssClass, postfix)
+        );
+        return textNode;
+      }
     }
   });
   let result = import_ember_template_recast.default.print(ast);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-scoped-css",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "",
   "keywords": [
     "ember-addon"

package/src/lib/rewriteHbs.js

@@ -3,6 +3,7 @@ import renameClass from './renameClass.js';
 
 export default function rewriteHbs(hbs, classes, tags, postfix) {
   let ast = recast.parse(hbs);
+  let stack = [];
 
   recast.traverse(ast, {
     AttrNode(node) {
@@ -35,6 +36,59 @@ export default function rewriteHbs(hbs, classes, tags, postfix) {
         }
       }
     },
+
+    All: {
+      enter(node) {
+        stack.push(node);
+      },
+      exit() {
+        stack.pop();
+      },
+    },
+
+    MustacheStatement(node) {
+      let cssClass;
+
+      if (
+        node.path?.original === 'scoped-class' &&
+        node.params?.length === 1 &&
+        node.params[0].type === 'StringLiteral'
+      ) {
+        cssClass = node.params[0].value;
+      }
+
+      if (
+        node.path?.path?.original === 'scoped-class' &&
+        node.path?.params?.length === 1 &&
+        node.path?.params[0].type === 'StringLiteral'
+      ) {
+        cssClass = node.path.params[0].value;
+      }
+
+      if (cssClass) {
+        const textNode = recast.builders.text(renameClass(cssClass, postfix));
+        const parent = stack[stack.length - 1];
+        if (parent.type === 'AttrNode') {
+          parent.quoteType = '"';
+        }
+        return textNode;
+      }
+    },
+
+    SubExpression(node) {
+      if (
+        node.path?.original === 'scoped-class' &&
+        node.params?.length === 1 &&
+        node.params[0].type === 'StringLiteral'
+      ) {
+        const cssClass = node.params[0].value;
+        const textNode = recast.builders.literal(
+          'StringLiteral',
+          renameClass(cssClass, postfix)
+        );
+        return textNode;
+      }
+    },
   });
 
   let result = recast.print(ast);

package/src/babel-plugin-scoped-class.js

@@ -1,27 +0,0 @@
-import replaceScopedClass from './lib/replaceScopedClass.js';
-
-const scopedClass = () => {
-  return {
-    visitor: {
-      CallExpression(path, state) {
-        if (path.node?.callee?.name === 'precompileTemplate') {
-          if (path.node.arguments[0].type === 'StringLiteral') {
-            path.node.arguments[0].value = replaceScopedClass(
-              path.node.arguments[0].value,
-              state.filename,
-              state.cwd
-            );
-          } else if (path.node.arguments[0].type === 'TemplateLiteral') {
-            path.node.arguments[0].quasis[0].value.raw = replaceScopedClass(
-              path.node.arguments[0].quasis[0].value.raw,
-              state.filename,
-              state.cwd
-            );
-          }
-        }
-      },
-    },
-  };
-};
-
-export default scopedClass;

package/src/lib/replaceScopedClass.js

@@ -1,66 +0,0 @@
-import recast from 'ember-template-recast';
-import renameClass from './renameClass.js';
-import generateHash from './generateAbsolutePathHash.js';
-
-export default function (hbs, templatePath) {
-  let ast = recast.parse(hbs);
-  let stack = [];
-  const cssPath = templatePath.replace(/(\.hbs)?\.js$/, '.css');
-  const postfix = generateHash(cssPath);
-
-  recast.traverse(ast, {
-    All: {
-      enter(node) {
-        stack.push(node);
-      },
-      exit() {
-        stack.pop();
-      },
-    },
-    MustacheStatement(node) {
-      let cssClass;
-
-      if (
-        node.path?.original === 'scoped-class' &&
-        node.params?.length === 1 &&
-        node.params[0].type === 'StringLiteral'
-      ) {
-        cssClass = node.params[0].value;
-      }
-
-      if (
-        node.path?.path?.original === 'scoped-class' &&
-        node.path?.params?.length === 1 &&
-        node.path?.params[0].type === 'StringLiteral'
-      ) {
-        cssClass = node.path.params[0].value;
-      }
-
-      if (cssClass) {
-        const textNode = recast.builders.text(renameClass(cssClass, postfix));
-        const parent = stack[stack.length - 1];
-        if (parent.type === 'AttrNode') {
-          parent.quoteType = '"';
-        }
-        return textNode;
-      }
-    },
-    SubExpression(node) {
-      if (
-        node.path?.original === 'scoped-class' &&
-        node.params?.length === 1 &&
-        node.params[0].type === 'StringLiteral'
-      ) {
-        const cssClass = node.params[0].value;
-        const textNode = recast.builders.literal(
-          'StringLiteral',
-          renameClass(cssClass, postfix)
-        );
-        return textNode;
-      }
-    },
-  });
-
-  let result = recast.print(ast);
-  return result;
-}