import React from "react";
import { EL } from "../node/el";
import * as std from "../law/std";
import { HTMLLaw } from "./rules/law";
import htmlCSS from "./rules/htmlCSS";
import { renderToStaticMarkup } from "./common";
import { HTMLAnyELs } from "./rules/any";
import type { HTMLOptions } from "./common/html";
import loadEL from "../node/el/loadEL";
import type { JsonEL } from "../node/el/jsonEL";
export const renderHTML = (elOrJsonEL: JsonEL | EL, htmlOptions?: HTMLOptions): string => {
const rendered = renderHTMLfragment(elOrJsonEL, htmlOptions);
const html = /*html*/`\
${rendered}
`;
return html;
};
export const renderHTMLfragment = (elOrJsonEL: JsonEL | EL, htmlOptions?: HTMLOptions): string => {
const el = elOrJsonEL instanceof EL ? elOrJsonEL : loadEL(elOrJsonEL);
const element = std.isLaw(el)
?
: ;
const rendered = renderToStaticMarkup(element);
return rendered;
};
export const renderElementsFragment = (elements: (JsonEL | EL)[], htmlOptions?: HTMLOptions): string => {
return elements.map(e => renderHTMLfragment(e, htmlOptions)).join("\n");
};
export default renderHTML;