Function htmlMain

packages/backend/src/html/htmlMain.ts:311–348

(
  sceneNode: Array<SceneNode>,
  settings: PluginSettings,
  isPreview: boolean = false,
)

}

export const htmlMain = async (
  sceneNode: Array<SceneNode>,
  settings: PluginSettings,
  isPreview: boolean = false,
): Promise<HtmlOutput> => {
  isPreviewGlobal = isPreview;
  previousExecutionCache = [];
  cssCollection = {};
  resetClassNameCounters(); // Reset counters for each new generation

  let htmlContent = await htmlWidgetGenerator(sceneNode, settings);

  // remove the initial \n that is made in Container.
  if (htmlContent.length > 0 && htmlContent.startsWith("\n")) {
    htmlContent = htmlContent.slice(1, htmlContent.length);
  }

  // Always return an object with html property
  const output: HtmlOutput = { html: htmlContent };

  // Handle different HTML generation modes
  const mode = settings.htmlGenerationMode || "html";

  if (mode !== "html") {
    // Generate component code for non-html modes
    output.html = generateComponentCode(htmlContent, sceneNode, mode);

    // For svelte mode, we don't need separate CSS as it's included in the component
    if (mode === "svelte" && Object.keys(cssCollection).length > 0) {
      // CSS is already included in the Svelte component
    }
  } else if (Object.keys(cssCollection).length > 0) {
    // For plain HTML with CSS, include CSS separately
    output.css = getCollectedCSS();
  }

  return output;
};

export const generateHTMLPreview = async (
  nodes: SceneNode[],