Function detectMoveMechanism

packages/cli/src/batch-transform.ts:1003–1026

* Detect which mechanism should be used to apply a move to this element. * - framer-motion: element is motion.* with animate prop that ALREADY contains x or y * (only if the animate prop already controls position — don't inject position into * opacity-only or scale-only animations) * - trans

(nodePath: any, axis: "x" | "y")

 *   without destroying existing values
 */
function detectMoveMechanism(nodePath: any, axis: "x" | "y"): MoveMechanism {
  const node = nodePath.node;
  const tagName = getJSXTagName(node);
  const attrs = node.openingElement?.attributes ?? [];

  // Check for framer-motion: tag starts with "motion." and animate prop has x/y
  if (tagName?.startsWith("motion.")) {
    const animateProp = attrs.find(
      (a: any) => a.type === "JSXAttribute" && a.name?.name === "animate"
    );
    if (animateProp?.value?.type === "JSXExpressionContainer") {
      const expr = animateProp.value.expression;
      if (expr.type === "ObjectExpression") {
        const propName = axis === "x" ? "x" : "y";
        const hasAxisProp = expr.properties.some(
          (p: any) => p.type === "ObjectProperty" && p.key?.name === propName
        );
        if (hasAxisProp) return "framer-motion";
      }
    }
  }

  return "translate-class";
}

/**
 * Apply move to a framer-motion element by modifying the animate prop's existing x/y value.