Function replaceElements

packages/react/src/core/component.tsx:132–184

(
  nodes: ReactNode[],
  elements?: Array<FunctionComponent>,
  elementIndex: { current: number } = { current: 0 },
)

}

function replaceElements(
  nodes: ReactNode[],
  elements?: Array<FunctionComponent>,
  elementIndex: { current: number } = { current: 0 },
): ReactNode[] {
  const ELEMENT_PATTERN = /<element:([\w.]+)>(.*?)<\/element:\1>/gs;

  if (_.isEmpty(elements)) {
    return nodes.map((node) => {
      if (typeof node !== "string") return node;

      return node.replace(ELEMENT_PATTERN, (match, elementName, content) => {
        return content;
      });
    });
  }

  return nodes
    .map((node) => {
      if (typeof node !== "string") return node;

      const segments: ReactNode[] = [];
      let lastIndex = 0;

      let match;

      while ((match = ELEMENT_PATTERN.exec(node)) !== null) {
        if (match.index > lastIndex) {
          segments.push(node.slice(lastIndex, match.index));
        }

        const [fullMatch, elementName, content] = match;
        const Element = elements?.[elementIndex.current];
        elementIndex.current++;

        const innerContent = replaceElements([content], elements, elementIndex);
        if (Element) {
          segments.push(createElement(Element, {}, ...innerContent));
        } else {
          segments.push(...innerContent);
        }

        lastIndex = match.index + fullMatch.length;
      }

      if (lastIndex < node.length) {
        segments.push(node.slice(lastIndex));
      }

      return segments;
    })
    .flat();
}

function replaceFunctions(
  nodes: ReactNode[],