Function replaceInJSXTextRecursive

packages/cli/src/transform.ts:701–737

* Recursively search JSXText nodes in an AST subtree for a substring and replace it. * Uses whitespace-flexible matching: the search term (from DOM text) has collapsed * whitespace, but the JSX source may have newlines/indentation. We build a regex * from oldSub that treats each space as \s+ to b

(node: any, oldSub: string, newSub: string, depth = 0)

 * from oldSub that treats each space as \s+ to bridge this gap.
 */
function replaceInJSXTextRecursive(node: any, oldSub: string, newSub: string, depth = 0): boolean {
  const children = node.children;
  if (!children) return false;

  // Build a regex that matches oldSub with flexible whitespace
  const flexPattern = oldSub.replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace(/\s+/g, "\\s+");
  const flexRe = new RegExp(flexPattern);

  for (const child of children) {
    if (child.type === "JSXText") {
      const trimmed = child.value.trim();
      // Try exact match first, then whitespace-flexible match
      if (child.value.includes(oldSub)) {
        logger.debug(`[replaceRecursive] d=${depth} FOUND exact "${oldSub.slice(0,30)}" in "${trimmed.slice(0,30)}"`);
        child.value = child.value.replace(oldSub, newSub);
        return true;
      }
      const flexMatch = child.value.match(flexRe);
      if (flexMatch) {
        logger.debug(`[replaceRecursive] d=${depth} FOUND flex "${oldSub.slice(0,30)}" in "${trimmed.slice(0,30)}"`);
        child.value = child.value.replace(flexRe, newSub);
        return true;
      }
    }
    if (child.type === "JSXExpressionContainer" && child.expression?.type === "StringLiteral") {
      if (child.expression.value.includes(oldSub)) {
        child.expression.value = child.expression.value.replace(oldSub, newSub);
        return true;
      }
    }
    // Recurse into child JSX elements
    if (child.type === "JSXElement") {
      if (replaceInJSXTextRecursive(child, oldSub, newSub, depth + 1)) return true;
    }
  }
  return false;
}

/**
 * Get the normalized text content of a JSX element recursively.