Function replaceCrossElementText

packages/cli/src/transform.ts:1239–1285

* Replace text that spans across multiple child elements. * * When DOM textContent is "do software stuff" but the JSX is * "do software stuff", no single JSXText node contains * the full substring. This function builds a concatenated text from all * children, finds the match, t

(parentNode: any, oldSub: string, newSub: string, source?: string, matchStartHint?: number)

 * - Last affected text node: trim matched portion from start
 */
function replaceCrossElementText(parentNode: any, oldSub: string, newSub: string, source?: string, matchStartHint?: number): boolean {
  const children = parentNode.children;
  if (!children || children.length === 0) return false;
  const segments = buildImmediateTextSegments(parentNode, source);
  const concat = getSegmentsText(segments);

  // Find oldSub in the concatenated text
  const hintedMatch = matchStartHint != null && concat.slice(matchStartHint, matchStartHint + oldSub.length) === oldSub
    ? matchStartHint
    : -1;
  const matchStart = hintedMatch !== -1 ? hintedMatch : concat.indexOf(oldSub);
  if (matchStart === -1) return false;
  const matchEnd = matchStart + oldSub.length;

  let cursor = 0;
  let firstChildIndex = -1;
  let lastChildIndex = -1;
  let prefix = "";
  let suffix = "";

  for (const segment of segments) {
    const segmentStart = cursor;
    const segmentEnd = cursor + segment.text.length;
    cursor = segmentEnd;

    if (segmentEnd <= matchStart || segmentStart >= matchEnd) continue;

    if (segment.type === "boundary") {
      if (firstChildIndex === -1) firstChildIndex = segment.leftChildIndex;
      lastChildIndex = segment.rightChildIndex;
      continue;
    }

    if (firstChildIndex === -1) {
      firstChildIndex = segment.childIndex;
      prefix = segment.text.slice(0, Math.max(0, matchStart - segmentStart));
    }

    lastChildIndex = segment.childIndex;
    suffix = segment.text.slice(Math.max(0, matchEnd - segmentStart));
  }

  if (firstChildIndex === -1 || lastChildIndex === -1) return false;

  logger.debug(`[crossElement] match spans children[${firstChildIndex}..${lastChildIndex}], replacing "${oldSub.slice(0, 40)}" → "${newSub.slice(0, 40)}"`);
  return flattenRangeIntoText(parentNode, firstChildIndex, lastChildIndex, prefix + newSub + suffix);
}

/**
 * Find the differing substring between two strings.