Function renderToString

src/ssr/renderer.ts:8–51

(
  options: string | Partial<InfographicOptions>,
  init?: Partial<InfographicOptions>,
)

import { setupDOM } from './dom-shim';

export async function renderToString(
  options: string | Partial<InfographicOptions>,
  init?: Partial<InfographicOptions>,
): Promise<string> {
  const { document } = setupDOM();
  const container = document.getElementById('container') as HTMLElement;
  let infographic: Infographic | undefined;
  let timeoutId: NodeJS.Timeout;

  try {
    infographic = new Infographic({
      ...init,
      container,
      editable: false,
    });

    const renderPromise = new Promise<string>((resolve, reject) => {
      infographic!.on('loaded', async ({ node }) => {
        try {
          const svg = await exportToSVG(node, { embedResources: true });
          resolve(svg.outerHTML);
        } catch (e) {
          reject(e);
        }
      });
    });

    const timeoutPromise = new Promise<string>((_, reject) => {
      timeoutId = setTimeout(() => {
        reject(new Error('SSR render timeout'));
      }, 10000);
    });

    infographic.render(options);

    const svg = await Promise.race([renderPromise, timeoutPromise]);
    return injectXMLStylesheet(svg);
  } finally {
    clearTimeout(timeoutId!);
    if (infographic) {
      infographic.destroy();
    }
  }
}

function injectXMLStylesheet(svg: string): string {
  const matched = svg.matchAll(/font-family="([\S ]+?)"/g);