ember-codemod-remove-global-styles 0.6.2 → 0.7.0

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

@@ -1,3 +1 @@
-export * from './extract-classes.js';
-export * from './extract-root-class.js';
-export * from './extract-selectors.js';
+export * from './parse-selector.js';

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

@@ -0,0 +1,25 @@
+import { createParser, render, traverse } from 'css-selector-parser';
+const parse = createParser({
+    // Allow unknown pseudo-classes
+    syntax: 'progressive',
+});
+export function parseSelector(maybeSelector) {
+    try {
+        const { rules } = parse(maybeSelector);
+        return rules.map((rule) => {
+            const classes = [];
+            traverse(rule, (node) => {
+                if (node.type === 'ClassName') {
+                    classes.push(node.name);
+                }
+            });
+            return {
+                classes,
+                selector: render(rule),
+            };
+        });
+    }
+    catch {
+        return [];
+    }
+}

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

@@ -1,18 +1,18 @@
 import postcss from 'postcss';
-import { extractClasses, extractRootClass, extractSelectors, } from './get-class-to-styles/index.js';
+import { parseSelector } from './get-class-to-styles/index.js';
 export function getClassToStyles(file) {
     const classToStyles = new Map();
     function processRule(node) {
-        const selectors = extractSelectors(node.selector);
+        const data = parseSelector(node.selector);
         const clone = node.clone();
-        selectors.forEach((selector) => {
-            const containerClass = extractRootClass(selector);
+        data.forEach(({ classes, selector }) => {
+            const containerClass = classes[0];
             if (containerClass === undefined) {
                 return;
             }
             clone.selector = selector;
             const data = {
-                classes: extractClasses(selector),
+                classes,
                 location: {
                     end: node.source.end,
                     start: node.source.start,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-codemod-remove-global-styles",
-  "version": "0.6.2",
+  "version": "0.7.0",
   "description": "Codemod to localize global styles",
   "keywords": [
     "codemod",
@@ -24,25 +24,26 @@
     "dist"
   ],
   "dependencies": {
-    "@codemod-utils/ast-javascript": "^2.1.3",
+    "@codemod-utils/ast-javascript": "^2.1.4",
     "@codemod-utils/ast-template": "^2.1.3",
-    "@codemod-utils/ast-template-tag": "^1.2.1",
-    "@codemod-utils/files": "^3.2.4",
+    "@codemod-utils/ast-template-tag": "^1.2.2",
+    "@codemod-utils/files": "^3.2.5",
+    "css-selector-parser": "^3.3.0",
     "postcss": "^8.5.6",
     "yargs": "^18.0.0"
   },
   "devDependencies": {
-    "@codemod-utils/tests": "^2.2.3",
+    "@codemod-utils/tests": "^2.2.4",
     "@sondr3/minitest": "^0.1.2",
-    "@types/node": "^20.19.30",
+    "@types/node": "^20.19.31",
     "@types/yargs": "^17.0.35",
     "concurrently": "^9.2.1",
     "eslint": "^9.39.2",
     "prettier": "^3.8.1",
     "typescript": "^5.9.3",
     "@shared-configs/eslint-config-node": "0.0.0",
-    "@shared-configs/typescript": "0.0.0",
-    "@shared-configs/prettier": "0.0.0"
+    "@shared-configs/prettier": "0.0.0",
+    "@shared-configs/typescript": "0.0.0"
   },
   "engines": {
     "node": "20.* || >= 22"

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

@@ -1,6 +0,0 @@
-export function extractClasses(selector) {
-    const matches = Array.from(selector.matchAll(/\.([\w-]+)/g));
-    return matches
-        .map((results) => results[1])
-        .map((selector) => selector.trim());
-}

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

@@ -1,7 +0,0 @@
-export function extractRootClass(selector) {
-    const matches = selector.match(/^\.([\w-]+)/);
-    if (matches === null) {
-        return undefined;
-    }
-    return matches[1];
-}

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

@@ -1,3 +0,0 @@
-export function extractSelectors(selectorList) {
-    return selectorList.split(/\s*,\s*/);
-}