styled-components-to-stylex-codemod 0.0.13 → 0.0.15

package/dist/selector-context-heuristic-CGwiJ3HL.mjs

@@ -0,0 +1,39 @@
+//#region src/internal/utilities/selector-context-heuristic.ts
+/**
+* Shared heuristic for determining whether a placeholder/expression is in a
+* CSS selector context rather than a property value context.
+*
+* Used by both the prepass scanner (on reconstructed CSS with placeholders)
+* and the consumer patcher (on raw TypeScript source).
+*/
+/**
+* Given the text before and after a template expression, determine if the
+* expression is in a CSS selector context (e.g. `${Foo} { ... }`) rather
+* than a property value context (e.g. `color: ${Foo};`).
+*
+* Selector clues:
+*   - Followed by `{` → definitely a selector
+*   - `{` appears before next `;` without a value-separator colon → likely selector
+*
+* Value clues:
+*   - Preceded by `:` with no intervening `{`, `}`, or `;` → value context
+*     (but `:hover`, `:focus` etc. are pseudo-selectors, not values)
+*/
+function isSelectorContext(before, after) {
+	const lastSemiOrBrace = Math.max(before.lastIndexOf(";"), before.lastIndexOf("{"), before.lastIndexOf("}"));
+	const lastColon = before.lastIndexOf(":");
+	if (lastColon > lastSemiOrBrace) {
+		const colonContext = before.slice(lastColon).trim();
+		if (!/^:[a-z-]+/i.test(colonContext)) return false;
+	}
+	if (after.startsWith("{")) return true;
+	const afterUpToBrace = after.split("{")[0] ?? "";
+	const afterUpToSemi = after.split(";")[0] ?? "";
+	if (afterUpToBrace.length < afterUpToSemi.length) {
+		if (!/:\s|:$/.test(afterUpToBrace)) return true;
+	}
+	return false;
+}
+
+//#endregion
+export { isSelectorContext as t };

package/dist/styled-css-DBryFqQM.mjs

@@ -0,0 +1,38 @@
+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 };

package/dist/transform.d.mts

@@ -1,4 +1,4 @@
-import { n as WarningLog, r as Adapter } from "./logger-kU4pnRpt.mjs";
+import { n as WarningLog, r as Adapter } from "./logger-B7SOfCti.mjs";
 import "stylis";
 import { API, FileInfo, Options } from "jscodeshift";
 
@@ -9,6 +9,18 @@ import { API, FileInfo, Options } from "jscodeshift";
 interface TransformResult {
   code: string | null;
   warnings: WarningLog[];
+  /** Content for the sidecar .stylex.ts file (defineMarker declarations). Undefined when no markers needed. */
+  sidecarContent?: string;
+  /** Bridge components emitted for unconverted consumer selectors. */
+  bridgeResults?: BridgeComponentResult[];
+}
+/** Describes a bridge className emitted for a component targeted by unconverted consumer selectors. */
+interface BridgeComponentResult {
+  componentName: string;
+  /** The export name (e.g. "default" for default exports, or the named export identifier). */
+  exportName?: string;
+  className: string;
+  globalSelectorVarName: string;
 }
 /**
  * Options for the transform
@@ -19,6 +31,35 @@ interface TransformOptions extends Options {
    * Controls value resolution and resolver-provided imports.
    */
   adapter: Adapter;
+  /**
+   * Cross-file selector information from the prepass.
+   * When present, enables cross-file component selector handling.
+   */
+  crossFileInfo?: CrossFileInfo;
+}
+/**
+ * Cross-file selector info passed from the prepass to the per-file transform.
+ * Kept minimal: only what the transform needs to know about this specific file.
+ */
+interface CrossFileInfo {
+  /** Cross-file selector usages where this file is the consumer */
+  selectorUsages: CrossFileSelectorUsage[];
+  /** Component names in this file that need a global selector bridge className (consumer not transformed) */
+  bridgeComponentNames?: Set<string>;
+}
+interface CrossFileSelectorUsage {
+  /** Local name in the consumer file (e.g. "CollapseArrowIcon") */
+  localName: string;
+  /** Raw import specifier (e.g. "./lib/collapse-arrow-icon") */
+  importSource: string;
+  /** Imported binding name ("default" for default imports, otherwise named) */
+  importedName: string;
+  /** Absolute path of the target module */
+  resolvedPath: string;
+  /** Original component name for bridge GlobalSelector (e.g., "Foo" for "FooGlobalSelector") */
+  bridgeComponentName?: string;
+  /** Local name of the actual component in the consumer file (for JSX matching) */
+  bridgeComponentLocalName?: string;
 }
 //#endregion
 //#region src/transform.d.ts
@@ -34,4 +75,4 @@ declare function transform(file: FileInfo, api: API, options: Options): string |
  */
 declare function transformWithWarnings(file: FileInfo, api: API, options: TransformOptions): TransformResult;
 //#endregion
-export { type TransformOptions, type TransformResult, transform as default, transformWithWarnings };
+export { type BridgeComponentResult, type TransformOptions, type TransformResult, transform as default, transformWithWarnings };