ember-codemod-remove-global-styles 0.7.1 → 0.9.0

package/README.md

@@ -112,7 +112,7 @@ pnpm build
 
 ## Compatibility
 
-- Node.js v20 or above
+- Node.js v22 or above
 
 
 ## Contributing

package/dist/src/utils/css/get-class-name-to-styles.js

@@ -1,52 +1,67 @@
-import { createParser, render, traverse } from 'css-selector-parser';
+import { createParser, render, traverse, } from 'css-selector-parser';
 import postcss from 'postcss';
 const parse = createParser({
     // Allow unknown pseudo-classes
     syntax: 'progressive',
 });
+function parseRule(rule) {
+    const childClassNames = [];
+    traverse(rule, (node) => {
+        if (node.type === 'ClassName') {
+            childClassNames.push(node.name);
+        }
+    });
+    if (childClassNames.length === 0) {
+        return undefined;
+    }
+    const parentClassName = childClassNames.shift();
+    return {
+        childClassNames,
+        parentClassName,
+        selector: render(rule),
+    };
+}
 function parseSelector(maybeSelector) {
+    const selectors = [];
     try {
         const { rules } = parse(maybeSelector);
-        return rules.map((rule) => {
-            const classNames = [];
+        rules.forEach((rule) => {
             traverse(rule, (node) => {
-                if (node.type === 'ClassName') {
-                    classNames.push(node.name);
+                if (node.type !== 'Rule') {
+                    return;
+                }
+                const selector = parseRule(node);
+                if (selector === undefined) {
+                    return;
                 }
+                selectors.push(selector);
             });
-            return {
-                classNames,
-                selector: render(rule),
-            };
         });
     }
     catch {
-        return [];
+        // Do nothing
     }
+    return selectors;
 }
 export function getClassNameToStyles(file) {
     const classNameToStyles = new Map();
     function processRule(node) {
         const clone = node.clone();
-        const data = parseSelector(node.selector);
         const line = node.source.start.line;
-        data.forEach(({ classNames, selector }) => {
-            const containerClass = classNames[0];
-            if (containerClass === undefined) {
-                return;
-            }
+        const selectors = parseSelector(node.selector);
+        selectors.forEach(({ childClassNames, parentClassName, selector }) => {
             clone.selector = selector;
-            const data = {
-                classNames,
+            const style = {
+                classNames: childClassNames,
                 code: clone.toString(),
                 line,
                 selector,
             };
-            if (classNameToStyles.has(containerClass)) {
-                classNameToStyles.get(containerClass).push(data);
+            if (classNameToStyles.has(parentClassName)) {
+                classNameToStyles.get(parentClassName).push(style);
             }
             else {
-                classNameToStyles.set(containerClass, [data]);
+                classNameToStyles.set(parentClassName, [style]);
             }
         });
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-codemod-remove-global-styles",
-  "version": "0.7.1",
+  "version": "0.9.0",
   "description": "Codemod to localize global styles",
   "keywords": [
     "codemod",
@@ -24,18 +24,18 @@
     "dist"
   ],
   "dependencies": {
-    "@codemod-utils/ast-javascript": "^2.1.4",
-    "@codemod-utils/ast-template": "^2.1.3",
-    "@codemod-utils/ast-template-tag": "^1.2.2",
-    "@codemod-utils/files": "^3.2.5",
+    "@codemod-utils/ast-javascript": "^3.0.0",
+    "@codemod-utils/ast-template": "^3.0.0",
+    "@codemod-utils/ast-template-tag": "^2.0.0",
+    "@codemod-utils/files": "^4.0.0",
     "css-selector-parser": "^3.3.0",
     "postcss": "^8.5.6",
     "yargs": "^18.0.0"
   },
   "devDependencies": {
-    "@codemod-utils/tests": "^2.2.4",
+    "@codemod-utils/tests": "^3.0.0",
     "@sondr3/minitest": "^0.1.2",
-    "@types/node": "^20.19.31",
+    "@types/node": "^22.19.11",
     "@types/yargs": "^17.0.35",
     "concurrently": "^9.2.1",
     "eslint": "^9.39.2",
@@ -46,7 +46,7 @@
     "@shared-configs/typescript": "0.0.0"
   },
   "engines": {
-    "node": "20.* || >= 22"
+    "node": "22.* || >= 24"
   },
   "scripts": {
     "build": "sh build.sh --production",