Function generateReactComponent

packages/backend/src/html/htmlMain.ts:267–288

(
  html: string,
  sceneNode: Array<SceneNode>,
)

// Generate React component from HTML, with optional styled-components
function generateReactComponent(
  html: string,
  sceneNode: Array<SceneNode>,
): string {
  const styledComponentsCode = generateStyledComponents();

  const componentName = getReactComponentName(sceneNode[0]);

  const imports = [
    'import React from "react";',
    'import styled from "styled-components";',
  ];

  return `${imports.join("\n")}
${styledComponentsCode ? `\n${styledComponentsCode}` : ""}

export const ${componentName} = () => {
  return (
${indentString(html, 4)}
  );
};`;
}

// Generate Svelte component from the collected styles and HTML
function generateSvelteComponent(html: string): string {