@yahoo/uds-v5-wip 1.60.0 → 1.62.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 };

package/dist/loader/dist/loader/internal-meta.js

@@ -1,22 +0,0 @@
-import path from "node:path";
-//#region ../loader/dist/loader/internal-meta.js
-function hashToNumericId(value) {
-	let hash = 2166136261;
-	for (let i = 0; i < value.length; i += 1) {
-		hash ^= value.charCodeAt(i);
-		hash = Math.imul(hash, 16777619);
-	}
-	return String(hash >>> 0);
-}
-function buildUdsId(meta) {
-	return hashToNumericId([
-		meta.componentName ?? "",
-		meta.slotName ?? "",
-		meta.sourceRef
-	].join("|"));
-}
-function buildSourceRef(resourcePath, projectRoot, location) {
-	return `${path.relative(projectRoot, resourcePath).replaceAll(path.sep, "/")}:${location.line}:${location.column + 1}`;
-}
-//#endregion
-export { buildSourceRef, buildUdsId };

package/dist/loader/dist/loader/lower-new-api-primitive.js

@@ -1,90 +0,0 @@
-//#region ../loader/dist/loader/lower-new-api-primitive.js
-/**
-* Build the className a binding emits for a given value. Mirrors the
-* codegen convention in `packages/codegen/src/css/prepareCss.ts`:
-*
-*  - `classPrefix === ''` / `'no-prefix'` → value IS the class.
-*  - Bracketed arbitrary values (`'[#abc]'`) → preserved verbatim
-*    (`bg-[#abc]`).
-*  - Otherwise → `${classPrefix}-${value}`.
-*/
-function buildClassName(classPrefix, noPrefix, value) {
-	if (noPrefix) return value;
-	return `${classPrefix}-${value}`;
-}
-/**
-* Read a JSX attribute value as a literal string when statically
-* resolvable. Handles `attr="x"`, `attr={"x"}`, and template-literal
-* expressions with no interpolations. Returns `undefined` for any
-* dynamic form so the caller can bail.
-*/
-function readStaticString(value) {
-	if (!value) return void 0;
-	if (value.type === "StringLiteral") return value.value;
-	if (value.type === "JSXExpressionContainer") {
-		const expr = value.expression;
-		if (expr.type === "StringLiteral") return expr.value;
-		if (expr.type === "TemplateLiteral" && expr.expressions.length === 0 && expr.quasis.length === 1) return expr.quasis[0].value.cooked ?? expr.quasis[0].value.raw;
-	}
-}
-/**
-* Lower a JSX element of a new-API primitive component. Returns `true`
-* when the AST was mutated (lowered); `false` when the call site can't
-* be statically lowered and the runtime path should take over.
-*
-* `t` is the `@babel/types` namespace — passed in so the helper stays
-* free of direct import dependencies on Babel internals (the loader
-* already imports them and threads them through).
-*
-* `openingElement` and (optional) `closingElement` are mutated in
-* place on success.
-*/
-function lowerNewApiPrimitiveJsx(openingElement, closingElement, entry, t) {
-	let tag = entry.tag;
-	const classNames = [...entry.defaultClassNames];
-	const passthroughAttrs = [];
-	let existingClassName = null;
-	for (const attr of openingElement.attributes ?? []) {
-		if (attr.type === "JSXSpreadAttribute") return false;
-		const attrName = attr.name?.type === "JSXIdentifier" ? attr.name.name : void 0;
-		if (!attrName) return false;
-		if (attrName === "as") {
-			const tagValue = readStaticString(attr.value);
-			if (tagValue === void 0) return false;
-			tag = tagValue;
-			continue;
-		}
-		if (attrName === "className") {
-			existingClassName = attr.value;
-			continue;
-		}
-		const binding = entry.propBindings[attrName];
-		if (binding) {
-			const value = readStaticString(attr.value);
-			if (value === void 0) return false;
-			classNames.push(buildClassName(binding.classPrefix, binding.noPrefix, value));
-			continue;
-		}
-		passthroughAttrs.push(attr);
-	}
-	const boundClassName = classNames.join(" ");
-	let classNameAttr = null;
-	if (existingClassName === null && boundClassName.length > 0) classNameAttr = t.jsxAttribute(t.jsxIdentifier("className"), t.stringLiteral(boundClassName));
-	else if (existingClassName !== null) if (existingClassName.type === "StringLiteral") {
-		const merged = boundClassName ? `${existingClassName.value} ${boundClassName}` : existingClassName.value;
-		classNameAttr = t.jsxAttribute(t.jsxIdentifier("className"), t.stringLiteral(merged));
-	} else if (existingClassName.type === "JSXExpressionContainer" && existingClassName.expression.type === "StringLiteral") {
-		const merged = boundClassName ? `${existingClassName.expression.value} ${boundClassName}` : existingClassName.expression.value;
-		classNameAttr = t.jsxAttribute(t.jsxIdentifier("className"), t.stringLiteral(merged));
-	} else if (existingClassName.type === "JSXExpressionContainer") {
-		const expr = existingClassName.expression;
-		const finalExpr = boundClassName ? t.binaryExpression("+", t.binaryExpression("+", expr, t.stringLiteral(" ")), t.stringLiteral(boundClassName)) : expr;
-		classNameAttr = t.jsxAttribute(t.jsxIdentifier("className"), t.jsxExpressionContainer(finalExpr));
-	} else return false;
-	openingElement.name = t.jsxIdentifier(tag);
-	openingElement.attributes = classNameAttr ? [classNameAttr, ...passthroughAttrs] : passthroughAttrs;
-	if (closingElement) closingElement.name = t.jsxIdentifier(tag);
-	return true;
-}
-//#endregion
-export { lowerNewApiPrimitiveJsx };