styled-components-to-stylex-codemod 0.0.37 → 0.0.39

package/dist/{transient-prop-consumer-patcher-CKAzqPfK.mjs → transient-prop-consumer-patcher-DdIYPSFk.mjs}

@@ -1,5 +1,5 @@
-import { n as toRealPath } from "./path-utils-CMR9NmMm.mjs";
-import { r as escapeRegex } from "./string-utils-ChXtospT.mjs";
+import { n as toRealPath } from "./path-utils-BIpoL4Ue.mjs";
+import { r as escapeRegex } from "./string-utils-DD9wdRHW.mjs";
 import { basename, dirname, relative } from "node:path";
 import { readFileSync } from "node:fs";
 //#region src/internal/transient-prop-consumer-patcher.ts
@@ -51,11 +51,17 @@ function collectTransientPropPatches(args) {
 function findImportedRenamedComponents(consumerSource, targetImportSources, componentRenames) {
 	const entries = [];
 	for (const { exportName, renames } of componentRenames) {
-		const localName = findLocalImportName(consumerSource, targetImportSources, exportName);
-		if (localName) entries.push({
-			localComponentName: localName,
-			renames
-		});
+		const localName = findLocalImportNameForExport(consumerSource, targetImportSources, exportName);
+		if (localName) {
+			entries.push({
+				localComponentName: localName,
+				renames
+			});
+			for (const wrapperName of findStyledWrapperNames(consumerSource, localName)) entries.push({
+				localComponentName: wrapperName,
+				renames
+			});
+		}
 	}
 	return entries;
 }
@@ -129,6 +135,19 @@ function findLocalImportName(source, targetImportSources, exportName) {
 	}
 	return null;
 }
+function findLocalImportNameForExport(source, targetImportSources, exportName) {
+	const [rootExport, ...memberPath] = exportName.split(".");
+	if (!rootExport || memberPath.length === 0) return findLocalImportName(source, targetImportSources, exportName);
+	const rootLocalName = findLocalImportName(source, targetImportSources, rootExport);
+	return rootLocalName ? [rootLocalName, ...memberPath].join(".") : null;
+}
+function findStyledWrapperNames(source, componentName) {
+	const escapedComponent = escapeRegex(componentName);
+	const names = [];
+	const wrapperRegex = new RegExp(`(?:const|let|var)\\s+(\\w+)\\s*=\\s*styled\\(\\s*${escapedComponent}\\s*\\)`, "g");
+	for (const match of source.matchAll(wrapperRegex)) if (match[1]) names.push(match[1]);
+	return names;
+}
 /**
 * Rename `$prop` → `prop` in JSX attributes for a specific component.
 * Matches `<ComponentName ... $propName=` and `<ComponentName ... $propName>`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "styled-components-to-stylex-codemod",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "description": "Codemod to transform styled-components to StyleX",
   "keywords": [
     "codemod",
@@ -40,10 +40,10 @@
     "@codemirror/lang-javascript": "^6.2.5",
     "@emotion/is-prop-valid": "^1.4.0",
     "@storybook/react-vite": "^10.2.19",
-    "@stylexjs/babel-plugin": "^0.18.1",
+    "@stylexjs/babel-plugin": "^0.18.3",
     "@stylexjs/eslint-plugin": "^0.18.1",
-    "@stylexjs/stylex": "^0.18.1",
-    "@stylexjs/unplugin": "^0.18.1",
+    "@stylexjs/stylex": "^0.18.3",
+    "@stylexjs/unplugin": "^0.18.3",
     "@types/jscodeshift": "^17.3.0",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
@@ -58,7 +58,6 @@
     "eslint": "^10.0.3",
     "eslint-plugin-storybook": "10.2.19",
     "knip": "^5.86.0",
-    "lefthook": "^2.1.6",
     "oxfmt": "^0.34.0",
     "oxlint": "^1.55.0",
     "oxlint-tsgolint": "^0.16.0",

package/dist/styled-css-DVtGPEUe.mjs

@@ -1,36 +0,0 @@
-import { compile } from "stylis";
-//#region src/internal/styled-css.ts
-/** Matches `__SC_EXPR_N__` and captures the slot index in group 1. */
-const PLACEHOLDER_RE = /__SC_EXPR_(\d+)__/;
-function parseStyledTemplateLiteral(template) {
-	const parts = [];
-	const slots = [];
-	for (let i = 0; i < template.quasis.length; i++) {
-		const quasi = template.quasis[i];
-		parts.push(quasi.value.raw);
-		const expr = template.expressions[i];
-		if (!expr) continue;
-		const placeholder = makeInterpolationPlaceholder(i);
-		const startOffset = parts.join("").length;
-		parts.push(placeholder);
-		const endOffset = parts.join("").length;
-		slots.push({
-			index: i,
-			placeholder,
-			expression: expr,
-			startOffset,
-			endOffset
-		});
-	}
-	const rawCss = parts.join("");
-	return {
-		rawCss,
-		slots,
-		stylisAst: compile(rawCss)
-	};
-}
-function makeInterpolationPlaceholder(index) {
-	return `__SC_EXPR_${index}__`;
-}
-//#endregion
-export { parseStyledTemplateLiteral as n, PLACEHOLDER_RE as t };