styled-components-to-stylex-codemod 0.0.49 → 0.0.50

package/dist/{ast-walk-DigTJqU7.mjs → ast-walk-DgShpexa.mjs}

@@ -5,6 +5,7 @@ import { readFileSync } from "node:fs";
 * Logger and warning types for transform diagnostics.
 * Core concepts: severity classification and source context reporting.
 */
+const CASCADE_CONFLICT_WARNING = "styled(ImportedComponent) wraps a component whose file uses styled-components — convert the base component's file first to avoid CSS cascade conflicts";
 const UNSUPPORTED_SHOULD_FORWARD_PROP_WARNING = "Unsupported shouldForwardProp pattern (only !prop.startsWith(), ![].includes(prop), and prop !== are supported)";
 /**
 * When fileCount <= this threshold, warnings are printed per-file inline and
@@ -134,6 +135,7 @@ function createContextReplacer() {
 		return value;
 	};
 }
+const MAX_DEPENDED_FILE_GROUPS = 15;
 var LoggerReport = class {
 	warnings;
 	fileCount;
@@ -163,6 +165,20 @@ var LoggerReport = class {
 			lines.push("");
 			lines.push(`▸ ${group.message} (${group.warnings.length})`);
 			lines.push("");
+			const dependedFileGroups = this.groupDependedFiles(group);
+			if (dependedFileGroups.length > 0) {
+				lines.push("  Top depended files:");
+				lines.push("");
+				for (const [index, dependedFileGroup] of dependedFileGroups.entries()) {
+					const usageCount = dependedFileGroup.usageFiles.length;
+					const usageLabel = usageCount === 1 ? "usage file" : "usage files";
+					lines.push(`  ${index + 1}. ${dependedFileGroup.dependedFilePath} (${usageCount} ${usageLabel})`);
+					for (const usageFile of dependedFileGroup.usageFiles.slice(0, MAX_EXAMPLES)) lines.push(`     ${usageFile}`);
+					const remainingUsageFiles = usageCount - MAX_EXAMPLES;
+					if (remainingUsageFiles > 0) lines.push(`     ... and ${remainingUsageFiles} more usage file(s)`);
+					lines.push("");
+				}
+			}
 			const seenFiles = /* @__PURE__ */ new Set();
 			const uniqueLocations = [];
 			for (const loc of group.warnings) if (!seenFiles.has(loc.filePath)) {
@@ -212,6 +228,21 @@ var LoggerReport = class {
 		}
 		return Array.from(groupMap.values()).sort((a, b) => b.warnings.length - a.warnings.length);
 	}
+	groupDependedFiles(group) {
+		if (group.message !== "styled(ImportedComponent) wraps a component whose file uses styled-components — convert the base component's file first to avoid CSS cascade conflicts") return [];
+		const groupMap = /* @__PURE__ */ new Map();
+		for (const warning of group.warnings) {
+			const dependedFilePath = getCascadeDependedFilePath(warning);
+			if (!dependedFilePath) continue;
+			const dependedFileWarnings = groupMap.get(dependedFilePath) ?? [];
+			dependedFileWarnings.push(warning);
+			groupMap.set(dependedFilePath, dependedFileWarnings);
+		}
+		return Array.from(groupMap.entries()).map(([dependedFilePath, warnings]) => ({
+			dependedFilePath,
+			usageFiles: uniqueSorted(warnings.map((warning) => warning.filePath))
+		})).sort((a, b) => b.usageFiles.length - a.usageFiles.length).slice(0, MAX_DEPENDED_FILE_GROUPS);
+	}
 	getSnippet(filePath, loc) {
 		if (!loc) return;
 		const lines = this.getFileLines(filePath);
@@ -240,6 +271,18 @@ var LoggerReport = class {
 		}
 	}
 };
+function getCascadeDependedFilePath(warning) {
+	const context = warning.context;
+	if (!context || typeof context !== "object") return;
+	const record = context;
+	const definitionPath = record.definitionPath;
+	if (typeof definitionPath === "string") return definitionPath;
+	const importedPath = record.importedPath;
+	return typeof importedPath === "string" ? importedPath : void 0;
+}
+function uniqueSorted(values) {
+	return Array.from(new Set(values)).sort((a, b) => a.localeCompare(b));
+}
 const WARN_BG_COLOR = "\x1B[43m";
 const WARN_TEXT_COLOR = "\x1B[30m";
 const ERROR_BG_COLOR = "\x1B[41m";
@@ -405,4 +448,4 @@ function walkAst(root, visitor) {
 	visit(root);
 }
 //#endregion
-export { getReExportedSourceName as a, Logger as c, findImportSource as i, UNSUPPORTED_SHOULD_FORWARD_PROP_WARNING as l, fileExports as n, resolveBarrelReExport as o, fileImportsFrom as r, resolveBarrelReExportBinding as s, walkAst as t };
+export { getReExportedSourceName as a, CASCADE_CONFLICT_WARNING as c, findImportSource as i, Logger as l, fileExports as n, resolveBarrelReExport as o, fileImportsFrom as r, resolveBarrelReExportBinding as s, walkAst as t, UNSUPPORTED_SHOULD_FORWARD_PROP_WARNING as u };

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { c as describeValue, i as defineAdapter, n as mergeMarkerDeclarations, s as assertValidAdapterInput, t as transformedComponentAcceptsSx } from "./sx-surface-BzqO3hcC.mjs";
-import { c as Logger, o as resolveBarrelReExport, t as walkAst } from "./ast-walk-DigTJqU7.mjs";
-import { i as extractStyledDefBasesFromSource, t as createPrepassParser } from "./prepass-parser-CwdDzSgx.mjs";
+import { l as Logger, o as resolveBarrelReExport, t as walkAst } from "./ast-walk-DgShpexa.mjs";
+import { i as extractStyledDefBasesFromSource, t as createPrepassParser } from "./prepass-parser-BRDlW3DI.mjs";
 import { r as toRealPath } from "./path-utils-BC4U8X_q.mjs";
 import jscodeshift from "jscodeshift";
 import { fileURLToPath, pathToFileURL } from "node:url";
@@ -305,7 +305,7 @@ async function runTransform(options) {
 	const { createModuleResolver } = await import("./resolve-imports-DgSAddIF.mjs").then((n) => n.n);
 	const sharedResolver = createModuleResolver();
 	filePaths = orderFilesByLocalImportDependencies(filePaths, sharedResolver, toRealPath);
-	const { runPrepass } = await import("./run-prepass-BWQCThfh.mjs");
+	const { runPrepass } = await import("./run-prepass-Da3N174M.mjs");
 	const absoluteFiles = filePaths.map((f) => resolve(f));
 	const absoluteConsumers = consumerFilePaths.map((f) => resolve(f));
 	let prepassResult;
@@ -498,7 +498,23 @@ async function runTransform(options) {
 				transformedFiles: /* @__PURE__ */ new Set()
 			},
 			silent: true,
-			isolateFiles: true
+			isolateFiles: true,
+			createIsolatedOptions(filePath) {
+				const isolatedTransformedFiles = /* @__PURE__ */ new Set();
+				return {
+					...runnerOptions,
+					dry: true,
+					print: false,
+					sidecarFiles: /* @__PURE__ */ new Map(),
+					bridgeResults: /* @__PURE__ */ new Map(),
+					transformedFiles: isolatedTransformedFiles,
+					transformedFileSources: /* @__PURE__ */ new Map(),
+					transientPropRenames: /* @__PURE__ */ new Map(),
+					crossFilePrepassResult: createStandalonePrepassResult(crossFilePrepassResult, filePath, isolatedTransformedFiles),
+					silent: true,
+					isolateFiles: true
+				};
+			}
 		});
 		standaloneWarnings = Logger.createReport().getWarnings();
 		Logger._clearCollected();
@@ -639,6 +655,46 @@ function readFileForOrdering(filePath) {
 		return "";
 	}
 }
+function createStandalonePrepassResult(prepass, filePath, transformedFiles) {
+	const standaloneFile = toRealPath(resolve(filePath));
+	const selectorUsages = /* @__PURE__ */ new Map();
+	const componentsNeedingMarkerSidecar = /* @__PURE__ */ new Map();
+	const componentsNeedingGlobalSelectorBridge = /* @__PURE__ */ new Map();
+	for (const [consumerPath, usages] of prepass.selectorUsages) {
+		const consumerIsTransformed = toRealPath(consumerPath) === standaloneFile;
+		const isolatedUsages = usages.map((usage) => ({
+			...usage,
+			consumerIsTransformed
+		}));
+		selectorUsages.set(consumerPath, isolatedUsages);
+		for (const usage of isolatedUsages) {
+			if (usage.bridgeComponentName) continue;
+			if (consumerIsTransformed) addSetMapEntry(componentsNeedingMarkerSidecar, usage.resolvedPath, usage.importedName);
+			addSetMapEntry(componentsNeedingGlobalSelectorBridge, usage.resolvedPath, usage.importedName);
+		}
+	}
+	return {
+		...prepass,
+		selectorUsages,
+		componentsNeedingMarkerSidecar,
+		componentsNeedingGlobalSelectorBridge,
+		globalLeafKeys: getStandaloneGlobalLeafKeys(prepass.globalLeafKeys, standaloneFile),
+		transformedFiles
+	};
+}
+function getStandaloneGlobalLeafKeys(globalLeafKeys, standaloneFile) {
+	if (!globalLeafKeys) return;
+	const filePrefix = `${standaloneFile}:`;
+	return new Set([...globalLeafKeys].filter((key) => key.startsWith(filePrefix)));
+}
+function addSetMapEntry(map, key, value) {
+	const values = map.get(key);
+	if (values) {
+		values.add(value);
+		return;
+	}
+	map.set(key, new Set([value]));
+}
 async function runTransformSequentially(transformModule, filePaths, options) {
 	const transform = await loadTransformFunction(transformModule);
 	const aggregate = {
@@ -650,20 +706,25 @@ async function runTransformSequentially(transformModule, filePaths, options) {
 		files: []
 	};
 	const startedAt = performance.now();
-	const j = jscodeshift.withParser(options.parser);
-	const api = {
-		j,
-		jscodeshift: j,
-		stats: () => {},
-		report: (msg) => {
-			if (!options.silent) process.stdout.write(`${msg}\n`);
-		}
+	const createApi = () => {
+		const j = jscodeshift.withParser(options.parser);
+		return {
+			j,
+			jscodeshift: j,
+			stats: () => {},
+			report: (msg) => {
+				if (!options.silent) process.stdout.write(`${msg}\n`);
+			}
+		};
 	};
+	const sharedApi = createApi();
 	for (const filePath of filePaths) {
+		const fileOptions = options.createIsolatedOptions?.(filePath) ?? options;
+		const api = fileOptions.isolateFiles === true ? createApi() : sharedApi;
 		if (options.isolateFiles === true) {
-			options.transformedFiles.clear();
-			options.transformedFileSources.clear();
-			options.crossFilePrepassResult?.transformedFiles?.clear();
+			fileOptions.transformedFiles.clear();
+			fileOptions.transformedFileSources.clear();
+			fileOptions.crossFilePrepassResult?.transformedFiles?.clear();
 		}
 		let source;
 		try {
@@ -681,8 +742,8 @@ async function runTransformSequentially(transformModule, filePaths, options) {
 			const output = await transform({
 				path: filePath,
 				source
-			}, api, options);
-			if (output !== null) options.transformedFileSources.set(toRealPath(filePath), output);
+			}, api, fileOptions);
+			if (output !== null) fileOptions.transformedFileSources.set(toRealPath(filePath), output);
 			if (output === null) {
 				aggregate.skip += 1;
 				aggregate.files.push({
@@ -699,8 +760,8 @@ async function runTransformSequentially(transformModule, filePaths, options) {
 				});
 				continue;
 			}
-			if (options.print) process.stdout.write(`${output}\n`);
-			if (!options.dry) await writeFile(filePath, output, "utf-8");
+			if (fileOptions.print) process.stdout.write(`${output}\n`);
+			if (!fileOptions.dry) await writeFile(filePath, output, "utf-8");
 			aggregate.ok += 1;
 			aggregate.files.push({
 				filePath,

package/dist/{prepass-parser-CwdDzSgx.mjs → prepass-parser-BRDlW3DI.mjs}

@@ -1,4 +1,4 @@
-import { i as findImportSource, s as resolveBarrelReExportBinding } from "./ast-walk-DigTJqU7.mjs";
+import { i as findImportSource, s as resolveBarrelReExportBinding } from "./ast-walk-DgShpexa.mjs";
 import { parse } from "@babel/parser";
 //#region src/internal/prepass/compute-leaf-set.ts
 /**

package/dist/{run-prepass-BWQCThfh.mjs → run-prepass-Da3N174M.mjs}

@@ -1,5 +1,5 @@
-import { c as Logger, i as findImportSource, n as fileExports, o as resolveBarrelReExport, r as fileImportsFrom, s as resolveBarrelReExportBinding, t as walkAst } from "./ast-walk-DigTJqU7.mjs";
-import { i as extractStyledDefBasesFromSource, n as computeGlobalLeafKeys, r as extractStyledDefBasesFromAstProgram, t as createPrepassParser } from "./prepass-parser-CwdDzSgx.mjs";
+import { i as findImportSource, l as Logger, n as fileExports, o as resolveBarrelReExport, r as fileImportsFrom, s as resolveBarrelReExportBinding, t as walkAst } from "./ast-walk-DgShpexa.mjs";
+import { i as extractStyledDefBasesFromSource, n as computeGlobalLeafKeys, r as extractStyledDefBasesFromAstProgram, t as createPrepassParser } from "./prepass-parser-BRDlW3DI.mjs";
 import { r as escapeRegex } from "./string-utils-DD9wdRHW.mjs";
 import { n as isTemplatePlaceholderInSelectorContext, r as PLACEHOLDER_RE, t as isSelectorContext } from "./selector-context-heuristic-LVizWWOR.mjs";
 import { a as mergeComponentPropUsage, n as createComponentPropUsageInfo, o as readStaticJsxLiteral, t as KNOWN_NON_ELEMENT_PROPS } from "./prop-usage-QtOSsKTr.mjs";

package/dist/transform.mjs

@@ -1,6 +1,6 @@
 import { t as createModuleResolver } from "./resolve-imports-DgSAddIF.mjs";
 import { a as isDirectionalResult, n as mergeMarkerDeclarations, o as assertValidAdapter, r as DEFAULT_THEME_HOOK, t as transformedComponentAcceptsSx } from "./sx-surface-BzqO3hcC.mjs";
-import { a as getReExportedSourceName, c as Logger, i as findImportSource, l as UNSUPPORTED_SHOULD_FORWARD_PROP_WARNING, n as fileExports, s as resolveBarrelReExportBinding, t as walkAst } from "./ast-walk-DigTJqU7.mjs";
+import { a as getReExportedSourceName, c as CASCADE_CONFLICT_WARNING, i as findImportSource, l as Logger, n as fileExports, s as resolveBarrelReExportBinding, t as walkAst, u as UNSUPPORTED_SHOULD_FORWARD_PROP_WARNING } from "./ast-walk-DgShpexa.mjs";
 import { n as resolveExistingFilePath, r as toRealPath, t as isRelativeSpecifier } from "./path-utils-BC4U8X_q.mjs";
 import { a as isBackgroundImageValue, c as isSingleBackgroundComponent, d as kebabToCamelCase, f as looksLikeLength, h as sanitizeIdentifier, i as getCommentBody, l as isStyleSectionMarkerComment, m as normalizeWhitespace, n as capitalize, o as isJSDocBlockComment, p as lowerFirst, r as escapeRegex, s as isPrettierIgnoreComment, t as camelToKebabCase, u as isValidIdentifierName } from "./string-utils-DD9wdRHW.mjs";
 import { a as terminateStandaloneInterpolationStatements, i as parseStyledTemplateLiteral, n as isTemplatePlaceholderInSelectorContext, r as PLACEHOLDER_RE } from "./selector-context-heuristic-LVizWWOR.mjs";
@@ -13988,6 +13988,7 @@ function detectCascadeConflictStep(ctx) {
 	const transformedFiles = ctx.options.crossFileInfo?.transformedFiles;
 	const skipImportedRoots = ctx.options.allowPartialMigration === true && ctx.options.transformMode !== "leavesOnly";
 	const localStyledNames = new Set(styledDecls.map((d) => d.localName));
+	let foundCascadeConflict = false;
 	for (const decl of styledDecls) {
 		if (decl.skipTransform) continue;
 		if (decl.base.kind !== "component") continue;
@@ -14005,23 +14006,25 @@ function detectCascadeConflictStep(ctx) {
 		if (ctx.options.transformMode === "leavesOnly" && ctx.options.globalLeafKeys?.size) {
 			if (globalLeafKeyExists(ctx.options.globalLeafKeys, definition.path, definition.importedName, definition.importedName === "default")) continue;
 		}
-		if (!(styledDefFiles && resolveStyledDefFile(definition.path, styledDefFiles) || scanFileForStyledDefs(definition.path, definition.importedName, ctx.options.resolveModule))) continue;
+		const styledDefinitions = styledDefFiles && resolveStyledDefFile(definition.path, styledDefFiles) || scanFileForStyledDefs(definition.path, definition.importedName, ctx.options.resolveModule);
+		if (!styledDefinitions) continue;
 		ctx.warnings.push({
 			severity: "warning",
-			type: "styled(ImportedComponent) wraps a component whose file uses styled-components — convert the base component's file first to avoid CSS cascade conflicts",
+			type: CASCADE_CONFLICT_WARNING,
 			loc: decl.loc,
 			context: {
 				component: decl.localName,
 				base: baseIdent,
 				importedPath,
-				definitionPath: definition.path
+				definitionPath: styledDefinitions.path
 			}
 		});
-		return returnResult({
-			code: null,
-			warnings: ctx.warnings
-		}, "bail");
+		foundCascadeConflict = true;
 	}
+	if (foundCascadeConflict) return returnResult({
+		code: null,
+		warnings: ctx.warnings
+	}, "bail");
 	return CONTINUE;
 }
 function resolveImportedDefinition(ctx, importedPath, importedName) {
@@ -14084,11 +14087,10 @@ function defaultReExportLeafKeyExists(keys, barrelPath, specifier) {
 * keys include the full extension. Try exact match first, then with common extensions.
 */
 function resolveStyledDefFile(importedPath, styledDefFiles) {
-	const exact = styledDefFiles.get(importedPath);
-	if (exact) return exact;
+	if (styledDefFiles.get(importedPath)) return { path: importedPath };
 	for (const ext of EXTENSIONS) {
-		const withExt = styledDefFiles.get(importedPath + ext);
-		if (withExt) return withExt;
+		const pathWithExtension = importedPath + ext;
+		if (styledDefFiles.get(pathWithExtension)) return { path: pathWithExtension };
 	}
 }
 function pathSetContainsWithExtensionFallback(filePath, paths) {
@@ -14113,7 +14115,7 @@ function scanFileForStyledDefs(importedPath, importedName, resolveModule, visite
 		STYLED_DEF_RE.lastIndex = 0;
 		for (const m of source.matchAll(STYLED_DEF_RE)) if (m[1]) names.add(m[1]);
 	}
-	if (names.size > 0) return names;
+	if (names.size > 0) return { path: file.path };
 	if (!importedName) return;
 	for (const reExport of reExportPaths(source, file.path, importedName, resolveModule)) {
 		const nested = scanFileForStyledDefs(reExport.path, reExport.importedName, resolveModule, visited);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "styled-components-to-stylex-codemod",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "description": "Codemod to transform styled-components to StyleX",
   "keywords": [
     "codemod",