import { React, ReactDOMServer, specifier } from "../deps/react.ts";import loader from "../core/loaders/module.ts";import { merge } from "../core/utils/object.ts";
import type Site from "../core/site.ts";import type { Engine, Helper } from "../core/renderer.ts";
export interface Options { extensions?: string[];
pageSubExtension?: string;
includes?: string;}
export const defaults: Options = { extensions: [".jsx", ".tsx"],};
export class JsxEngine implements Engine { jsxImportSource = specifier; helpers: Record<string, Helper> = {}; basePath: string; includes: string;
constructor(basePath: string, includes: string) { this.basePath = basePath; this.includes = includes; }
deleteCache() {}
async render(content: unknown, data: Record<string, unknown> = {}) { if (typeof content === "string") { content = React.createElement("div", { dangerouslySetInnerHTML: { __html: content }, }); }
let children = data.content;
if (typeof children === "string") { children = React.createElement("div", { dangerouslySetInnerHTML: { __html: children }, }); }
const element = typeof content === "object" && React.isValidElement(content) ? content : ((typeof content === "function" ? await content({ ...data, children }, this.helpers) : content) as React.ReactElement);
if (React.isValidElement(element)) { return { ...element, toString: () => ReactDOMServer.renderToStaticMarkup(element), }; }
return element; }
renderComponent( content: unknown, data: Record<string, unknown> = {}, ): { toString(): string } { const element = typeof content === "function" ? content(data, this.helpers) : content;
if (React.isValidElement(element)) { return { ...element, toString: () => ReactDOMServer.renderToStaticMarkup(element), }; }
return element; }
addHelper(name: string, fn: Helper) { this.helpers[name] = fn; }}
export default function (userOptions?: Options) { return (site: Site) => { const options = merge( { ...defaults, includes: site.options.includes }, userOptions, );
const engine = new JsxEngine(site.src("/"), options.includes);
if (options.includes) { site.ignore(options.includes); }
site.loadPages(options.extensions, { loader, engine, pageSubExtension: options.pageSubExtension, }); };}
declare global { namespace Lume { export interface Data { children?: React.ReactNode | React.ReactNode[]; } }}