js/ui/components/html

js/ui/components/html.ts

fino:ui/components/html — HTML target for the host-neutral component catalog.

toHtml() resolves components and primitives into ordinary HTML VNodes. componentCss() returns only the styles registered beside component families for hosts that already own a page shell. htmlPage() combines those styles with the catalog's base palette and document shell.

import { Box, Text } from 'fino:ui/components';
import { htmlPage, toHtml } from 'fino:ui/components/html';
import { renderToHtml } from 'fino:ui/html';

const body = renderToHtml(toHtml(Box({ children: Text({ children: 'ready' }) })));
console.log(htmlPage(body));

Functions

`function toHtml(node: VNode, options: ToHtmlOptions = {}): VNode`

Transform a component tree into ordinary HTML VNodes.

`function componentCss(): string`

Return registered component-family styles without application page-shell CSS.

`function pageCss(): string`

Aggregate the application page CSS and registered component-family styles.

`function htmlPage(body: string, options: { title?: string } = {}): string`

Wrap serialized component markup in a complete HTML document.

Constants

`const PAGE_CSS`

Base palette and primitive styles included in every generated page.