Function tpl

packages/ui-default/utils/base.ts:39–58

(pieces: TemplateStringsArray | React.ReactNode, ...substitutions: Substitution[] | boolean[])

export function tpl<T extends boolean = false>(node: React.ReactNode, reactive?: T): T extends true ? HTMLDivElement : string;
export function tpl(pieces: TemplateStringsArray, ...substitutions: Substitution[]): string;
export function tpl(pieces: TemplateStringsArray | React.ReactNode, ...substitutions: Substitution[] | boolean[]) {
  if (React.isValidElement(pieces)) {
    if (substitutions[0]) {
      const div = document.createElement('div');
      ReactDOM.createRoot(div).render(pieces);
      return div;
    }
    return DOMServer.renderToStaticMarkup(pieces);
  }
  let result = pieces[0];
  for (let i = 0; i < substitutions.length; ++i) {
    const subst = substitutions[i];
    let substHtml: string;
    if (subst && typeof subst === 'object' && subst.templateRaw) {
      substHtml = subst.html;
    } else substHtml = _.escape(String(subst));
    result += substHtml + pieces[i + 1];
  }
  return result;
}

tpl.typoMsg = function (msg: string, raw = false) {
  if (raw) return `<div class="typo"><p>${msg}</p></div>`;