Function materializeBoundarySpaces

packages/cli/src/transform.ts:1068–1129

(node: any, source: string, lineStarts = getLineStarts(source))

}

function materializeBoundarySpaces(node: any, source: string, lineStarts = getLineStarts(source)): void {
  const children = node.children;
  if (!children || children.length === 0) return;

  for (const child of children) {
    if (child.type === "JSXElement") {
      materializeBoundarySpaces(child, source, lineStarts);
    }
  }

  for (let i = 1; i < children.length; i++) {
    const previousChild = children[i - 1];
    const nextChild = children[i];
    const previousText = getRenderedChildText(previousChild, source, lineStarts);
    const nextText = getRenderedChildText(nextChild, source, lineStarts);
    const sourceBetween = getSourceBetween(previousChild, nextChild, source, lineStarts);
    const boundaryWhitespaceInChildren = Boolean(
      previousText &&
      nextText &&
      (previousChild.type !== "JSXText" || nextChild.type !== "JSXText") &&
      (/\s$/.test(previousText) || /^\s/.test(nextText))
    );
    const hasBoundaryWhitespace = Boolean(previousText && nextText) &&
      (/\s/.test(sourceBetween) || boundaryWhitespaceInChildren);
    if (!hasBoundaryWhitespace) continue;

    const preferExplicitBoundary = previousChild.type !== "JSXText" || nextChild.type !== "JSXText";
    if (preferExplicitBoundary) {
      stripTrailingWhitespace(previousChild);
      stripLeadingWhitespace(nextChild);
      children.splice(i, 0, createSpaceExpressionNode());
      i++;
      continue;
    }

    if (prependToChildText(nextChild, " ")) continue;
    if (appendToChildText(previousChild, " ")) continue;

    children.splice(i, 0, { type: "JSXText", value: " " });
    i++;
  }

  const firstTextLike = children.findIndex(isTextLikeChild);
  if (firstTextLike !== -1) {
    stripLeadingWhitespace(children[firstTextLike]);
  }

  for (let i = children.length - 1; i >= 0; i--) {
    if (isTextLikeChild(children[i])) {
      stripTrailingWhitespace(children[i]);
      break;
    }
  }

  for (let i = children.length - 1; i >= 0; i--) {
    if (isEmptyTextLikeChild(children[i])) {
      children.splice(i, 1);
    }