Function replaceVariables

packages/react/src/core/component.tsx:78–121

(
  nodes: ReactNode[],
  variables: Record<string, ReactNode>,
)

}

function replaceVariables(
  nodes: ReactNode[],
  variables: Record<string, ReactNode>,
): ReactNode[] {
  if (_.isEmpty(variables)) {
    return nodes;
  }
  const segments = nodes.map((node) => {
    if (typeof node === "string") {
      const segments: ReactNode[] = [];
      let lastIndex = 0;
      const variableRegex = /{([\w\.\[\]]+)}/g;
      let match;

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

        const [fullMatch, name] = match;
        const value = variables[name];
        segments.push(value ?? fullMatch);

        lastIndex = match.index + fullMatch.length;
      }

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

      return segments;
    } else if (isReactElement(node)) {
      const props = node.props as { children?: ReactNode };
      return createElement(
        node.type,
        { ...props },
        ...replaceVariables(_.castArray(props.children || []), variables),
      );
    }
    return node;
  });

  return _.flatMap(segments);
}

function isReactElement(node: ReactNode): node is ReactElement {
  return (