@yahoo/uds-v5-wip 1.60.0 → 1.61.0

package/dist/loader/dist/loader/data-attr-transform.js

@@ -1,191 +0,0 @@
-import { applySlotMotionToCompiledJsx, getCustomSlotMotion } from "./motion-transform.js";
-import { buildSourceRef, buildUdsId } from "./internal-meta.js";
-import * as t from "@babel/types";
-//#region ../loader/dist/loader/data-attr-transform.js
-/**
-* Extract the 'classes' parameter name from a createComponent render function.
-*/
-function findClassesParamName(renderFn) {
-	const params = renderFn?.params;
-	if (!params || params.length === 0) return null;
-	const param = params[0];
-	if (param?.type !== "ObjectPattern") return null;
-	for (const prop of param.properties) if (prop.type === "ObjectProperty" && prop.key?.type === "Identifier" && prop.key.name === "classes") {
-		if (prop.value?.type === "Identifier") return prop.value.name;
-		return "classes";
-	}
-	return null;
-}
-/**
-* Extract the 'props' parameter name from a createComponent render function.
-*/
-function findSlotPropsParamName(renderFn) {
-	const params = renderFn?.params;
-	if (!params || params.length === 0) return null;
-	const param = params[0];
-	if (param?.type !== "ObjectPattern") return null;
-	for (const prop of param.properties) if (prop.type === "ObjectProperty" && prop.key?.type === "Identifier" && prop.key.name === "props") {
-		if (prop.value?.type === "Identifier") return prop.value.name;
-		return "props";
-	}
-	return null;
-}
-/**
-* Recursively search an expression for a `classes.{slotName}` member expression
-* and return the component name and slot name if found.
-*/
-function findSlotMemberExpression(expr, classesVarToComponent, stylerToComponent, slotPropsVarToComponent) {
-	if (!expr) return null;
-	if (expr.type === "MemberExpression" && expr.object?.type === "Identifier" && expr.property?.type === "Identifier" && !expr.computed) {
-		const componentName = classesVarToComponent.get(expr.object.name);
-		if (componentName) return {
-			componentName,
-			slotName: expr.property.name
-		};
-	}
-	if (expr.type === "MemberExpression" && expr.object?.type === "MemberExpression" && expr.object.object?.type === "Identifier" && expr.object.property?.type === "Identifier" && !expr.object.computed && expr.property?.type === "Identifier" && expr.property.name === "className" && !expr.computed) {
-		const componentName = slotPropsVarToComponent.get(expr.object.object.name);
-		if (componentName) return {
-			componentName,
-			slotName: expr.object.property.name
-		};
-	}
-	if (expr.type === "MemberExpression" && expr.object?.type === "CallExpression" && expr.object.callee?.type === "Identifier" && expr.property?.type === "Identifier" && !expr.computed) {
-		const componentName = stylerToComponent.get(expr.object.callee.name);
-		if (componentName) return {
-			componentName,
-			slotName: expr.property.name
-		};
-	}
-	if (expr.type === "TemplateLiteral") for (const e of expr.expressions) {
-		const result = findSlotMemberExpression(e, classesVarToComponent, stylerToComponent, slotPropsVarToComponent);
-		if (result) return result;
-	}
-	if (expr.type === "CallExpression") for (const arg of expr.arguments) {
-		const result = findSlotMemberExpression(arg, classesVarToComponent, stylerToComponent, slotPropsVarToComponent);
-		if (result) return result;
-	}
-	if (expr.type === "ConditionalExpression") return findSlotMemberExpression(expr.consequent, classesVarToComponent, stylerToComponent, slotPropsVarToComponent) ?? findSlotMemberExpression(expr.alternate, classesVarToComponent, stylerToComponent, slotPropsVarToComponent);
-	return null;
-}
-/**
-* Find slot info from a JSX element's className attribute.
-*/
-function findSlotFromClassNameAttr(attrs, classesVarToComponent, stylerToComponent, slotPropsVarToComponent) {
-	const classNameAttr = attrs.find((attr) => attr.type === "JSXAttribute" && attr.name?.name === "className");
-	if (!classNameAttr?.value) return null;
-	if (classNameAttr.value.type === "JSXExpressionContainer") return findSlotMemberExpression(classNameAttr.value.expression, classesVarToComponent, stylerToComponent, slotPropsVarToComponent);
-	return null;
-}
-/**
-* Find slot info from a JSX spread attribute using slot props (e.g. `{...props.title}`).
-*/
-function findSlotFromPropsSpreadAttr(attrs, slotPropsVarToComponent) {
-	for (const attr of attrs) {
-		if (attr.type !== "JSXSpreadAttribute") continue;
-		const arg = attr.argument;
-		if (arg?.type === "MemberExpression" && arg.object?.type === "Identifier" && arg.property?.type === "Identifier" && !arg.computed) {
-			const componentName = slotPropsVarToComponent.get(arg.object.name);
-			if (componentName) return {
-				componentName,
-				slotName: arg.property.name
-			};
-		}
-	}
-	return null;
-}
-/**
-* Handle data attribute injection on compiled JSX calls:
-*   jsx("div", { className: classes.title, children: ... })
-*   jsxs("div", { className: `${classes.root} ...`, children: [...] })
-*
-* Adds `"data-uds-slot"` and `"data-uds-component"` to the props object.
-* Also applies custom component JS slot-motion transforms from manifest.
-*/
-function handleCompiledJsxDataAttrs(node, classesVarToComponent, stylerToComponent, slotPropsVarToComponent, manifest) {
-	const args = node.arguments;
-	if (!args || args.length < 2) return {
-		transformed: false,
-		needsMotionImport: false,
-		needsResolveMotionStateImport: false
-	};
-	const propsArg = args[1];
-	if (propsArg.type !== "ObjectExpression") return {
-		transformed: false,
-		needsMotionImport: false,
-		needsResolveMotionStateImport: false
-	};
-	const classNameProp = propsArg.properties.find((prop) => prop.type === "ObjectProperty" && (prop.key.type === "Identifier" && prop.key.name === "className" || prop.key.type === "StringLiteral" && prop.key.value === "className"));
-	let slotInfo = null;
-	if (classNameProp) slotInfo = findSlotMemberExpression(classNameProp.value, classesVarToComponent, stylerToComponent, slotPropsVarToComponent);
-	if (!slotInfo) {
-		const spreadProp = propsArg.properties.find((prop) => prop.type === "SpreadElement" && prop.argument?.type === "MemberExpression" && prop.argument.object?.type === "Identifier" && prop.argument.property?.type === "Identifier" && !prop.argument.computed);
-		if (spreadProp) {
-			const arg = spreadProp.argument;
-			const componentName = slotPropsVarToComponent.get(arg.object.name);
-			if (componentName) slotInfo = {
-				componentName,
-				slotName: arg.property.name
-			};
-		}
-	}
-	if (!slotInfo) return {
-		transformed: false,
-		needsMotionImport: false,
-		needsResolveMotionStateImport: false
-	};
-	let transformed = false;
-	let needsMotionImport = false;
-	let needsResolveMotionStateImport = false;
-	const slotMotion = getCustomSlotMotion(manifest, slotInfo);
-	if (slotMotion) {
-		const motionResult = applySlotMotionToCompiledJsx(args, propsArg, slotMotion);
-		transformed = motionResult.transformed || transformed;
-		needsMotionImport = motionResult.needsMotionImport || needsMotionImport;
-		needsResolveMotionStateImport = motionResult.needsResolveMotionStateImport || needsResolveMotionStateImport;
-	}
-	if (propsArg.properties.some((prop) => prop.type === "ObjectProperty" && prop.key?.type === "StringLiteral" && prop.key.value === "data-uds-slot")) return {
-		transformed,
-		needsMotionImport,
-		needsResolveMotionStateImport
-	};
-	propsArg.properties.push(t.objectProperty(t.stringLiteral("data-uds-slot"), t.stringLiteral(slotInfo.slotName)), t.objectProperty(t.stringLiteral("data-uds-component"), t.stringLiteral(slotInfo.componentName)));
-	return {
-		transformed: true,
-		needsMotionImport,
-		needsResolveMotionStateImport
-	};
-}
-function getJsxStringAttributeValue(nodePath, attrName) {
-	const attribute = nodePath.node.attributes.find((attr) => attr.type === "JSXAttribute" && attr.name?.type === "JSXIdentifier" && attr.name.name === attrName && attr.value?.type === "StringLiteral");
-	if (!attribute || attribute.value?.type !== "StringLiteral") return null;
-	return attribute.value.value;
-}
-function upsertInternalStringProp(nodePath, propName, value) {
-	const existing = nodePath.node.attributes.find((attr) => attr.type === "JSXAttribute" && attr.name?.type === "JSXIdentifier" && attr.name.name === propName);
-	if (existing) {
-		existing.value = t.stringLiteral(value);
-		return;
-	}
-	nodePath.node.attributes.push(t.jsxAttribute(t.jsxIdentifier(propName), t.stringLiteral(value)));
-}
-function injectInternalUdsProps(nodePath, resourcePath, projectRoot, fallback = {}) {
-	const effectiveResourcePath = resourcePath || nodePath?.hub?.file?.opts?.filename || "";
-	if (!effectiveResourcePath) return;
-	const start = nodePath.node.loc?.start;
-	if (!start?.line || start.column === void 0) return;
-	const sourceRef = buildSourceRef(effectiveResourcePath, projectRoot, {
-		line: start.line,
-		column: start.column
-	});
-	const udsId = buildUdsId({
-		componentName: getJsxStringAttributeValue(nodePath, "data-uds-component") ?? fallback.componentName,
-		slotName: getJsxStringAttributeValue(nodePath, "data-uds-slot") ?? fallback.slotName,
-		sourceRef
-	});
-	if (!udsId) return;
-	upsertInternalStringProp(nodePath, "data-uds-id", udsId);
-	upsertInternalStringProp(nodePath, "data-uds-source", sourceRef);
-}
-//#endregion
-export { findClassesParamName, findSlotFromClassNameAttr, findSlotFromPropsSpreadAttr, findSlotPropsParamName, handleCompiledJsxDataAttrs, injectInternalUdsProps };

package/dist/loader/dist/loader/dynamic-style-codegen.js

@@ -1,97 +0,0 @@
-import * as t from "@babel/types";
-//#region ../loader/dist/loader/dynamic-style-codegen.js
-const PARSE_PATTERN = /^\(val\)\s*=>\s*parse\('([^']+)',\s*val\)$/;
-const BOOLEAN_TRUE_PATTERN = /^\(val\)\s*=>\s*\(?val\s*===\s*true\s*\?\s*'([^']+)'\s*:\s*''\)?$/;
-const BOOLEAN_OR_PARSE_PATTERN = /^\(val\)\s*=>\s*val\s*===\s*true\s*\?\s*'([^']+)'\s*:\s*parse\('([^']+)',\s*val\)$/;
-const IDENTITY_PATTERN = /^\(val\)\s*=>\s*val$/;
-function parseHandlerString(handlerStr) {
-	let match;
-	match = handlerStr.match(PARSE_PATTERN);
-	if (match) return {
-		type: "parse",
-		prefix: match[1]
-	};
-	match = handlerStr.match(BOOLEAN_TRUE_PATTERN);
-	if (match) return {
-		type: "booleanTrue",
-		trueClass: match[1]
-	};
-	match = handlerStr.match(BOOLEAN_OR_PARSE_PATTERN);
-	if (match) return {
-		type: "booleanOrParse",
-		trueClass: match[1],
-		prefix: match[2]
-	};
-	match = handlerStr.match(IDENTITY_PATTERN);
-	if (match) return { type: "identity" };
-	return null;
-}
-/**
-* Generate a Babel AST expression that computes a class name for a dynamic value.
-*
-* @param handler - The parsed handler pattern
-* @param valueExpr - The Babel expression for the dynamic value
-* @param modifierPrefix - Optional modifier prefix (e.g., "hover:")
-* @returns A Babel expression that evaluates to a class name string (or "")
-*/
-function buildDynamicClassExpression(handler, valueExpr, modifierPrefix) {
-	switch (handler.type) {
-		case "parse": return buildParseExpression(handler.prefix, valueExpr, modifierPrefix);
-		case "booleanTrue": return buildBooleanTrueExpression(handler.trueClass, valueExpr, modifierPrefix);
-		case "booleanOrParse": return buildBooleanOrParseExpression(handler.trueClass, handler.prefix, valueExpr, modifierPrefix);
-		case "identity": return buildIdentityExpression(valueExpr, modifierPrefix);
-	}
-}
-/**
-* Generates: val != null ? `prefix-${String(val).replace(/[./]/g, '_')}` : ""
-*/
-function buildParseExpression(prefix, valueExpr, modifierPrefix) {
-	const fullPrefix = modifierPrefix ? `${modifierPrefix}${prefix}` : prefix;
-	const templateLit = t.templateLiteral([t.templateElement({
-		raw: `${fullPrefix}-`,
-		cooked: `${fullPrefix}-`
-	}, false), t.templateElement({
-		raw: "",
-		cooked: ""
-	}, true)], [buildStringReplaceDotsExpr(valueExpr)]);
-	return t.conditionalExpression(t.binaryExpression("!=", t.cloneNode(valueExpr), t.nullLiteral()), templateLit, t.stringLiteral(""));
-}
-/**
-* Generates: val === true ? "cls" : ""
-*/
-function buildBooleanTrueExpression(trueClass, valueExpr, modifierPrefix) {
-	const fullClass = modifierPrefix ? `${modifierPrefix}${trueClass}` : trueClass;
-	return t.conditionalExpression(t.binaryExpression("===", t.cloneNode(valueExpr), t.booleanLiteral(true)), t.stringLiteral(fullClass), t.stringLiteral(""));
-}
-/**
-* Generates: val === true ? "cls" : (val != null ? `prefix-${...}` : "")
-*/
-function buildBooleanOrParseExpression(trueClass, prefix, valueExpr, modifierPrefix) {
-	const fullTrueClass = modifierPrefix ? `${modifierPrefix}${trueClass}` : trueClass;
-	return t.conditionalExpression(t.binaryExpression("===", t.cloneNode(valueExpr), t.booleanLiteral(true)), t.stringLiteral(fullTrueClass), buildParseExpression(prefix, valueExpr, modifierPrefix));
-}
-/**
-* Generates: val != null ? String(val) : ""
-* With modifier: val != null ? `hover:${String(val)}` : ""
-*/
-function buildIdentityExpression(valueExpr, modifierPrefix) {
-	const stringified = t.callExpression(t.identifier("String"), [t.cloneNode(valueExpr)]);
-	const resultExpr = modifierPrefix ? t.templateLiteral([t.templateElement({
-		raw: modifierPrefix,
-		cooked: modifierPrefix
-	}, false), t.templateElement({
-		raw: "",
-		cooked: ""
-	}, true)], [stringified]) : stringified;
-	return t.conditionalExpression(t.binaryExpression("!=", t.cloneNode(valueExpr), t.nullLiteral()), resultExpr, t.stringLiteral(""));
-}
-/**
-* Builds: String(val).replace(/\./g, '_').replace(/\//g, '-')
-* Must match safeTokenName() from @uds/utils and parse() from @uds/core
-*/
-function buildStringReplaceDotsExpr(valueExpr) {
-	const dotReplace = t.callExpression(t.memberExpression(t.callExpression(t.identifier("String"), [t.cloneNode(valueExpr)]), t.identifier("replace")), [t.regExpLiteral("\\.", "g"), t.stringLiteral("_")]);
-	return t.callExpression(t.memberExpression(dotReplace, t.identifier("replace")), [t.regExpLiteral("\\/", "g"), t.stringLiteral("-")]);
-}
-//#endregion
-export { buildDynamicClassExpression, parseHandlerString };