12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
import { React, ReactDOMServer } from "../deps/react.ts";import loader from "../core/loaders/module.ts";import { merge } from "../core/utils.ts";
import type { Data, Engine, Helper, Site } from "../core.ts";
export interface Options {  /** The list of extensions this plugin applies to */  extensions: string[] | {    pages: string[];    components: string[];  };}
// Default optionsexport const defaults: Options = {  extensions: [".jsx", ".tsx"],};
// Ensure React is available in the global scope// so no need to import it in every filewindow.React ||= React;
/** Template engine to render JSX files */export class JsxEngine implements Engine {  helpers: Record<string, Helper> = {};
  deleteCache() {}
  async render(content: unknown, data: Data = {}) {    if (!data.children && data.content) {      data.children = React.createElement("div", {        dangerouslySetInnerHTML: { __html: data.content },      });    }
    const element = typeof content === "object" && React.isValidElement(content)      ? content      : (typeof content === "function"        ? await content(data, this.helpers)        : content) as React.ReactElement;
    data.children = element;    element.toString = () => ReactDOMServer.renderToStaticMarkup(element);    return element;  }
  renderSync(content: unknown, data: Data = {}): string {    const element = typeof content === "function"      ? content(data, this.helpers)      : content;
    element.toString = () => ReactDOMServer.renderToStaticMarkup(element);    return element;  }
  addHelper(name: string, fn: Helper) {    this.helpers[name] = fn;  }}
/** Register the plugin to support JSX and TSX files */export default function (userOptions?: Partial<Options>) {  const options = merge(defaults, userOptions);  const extensions = Array.isArray(options.extensions)    ? { pages: options.extensions, components: options.extensions }    : options.extensions;
  return (site: Site) => {    const engine = new JsxEngine();
    site.loadPages(extensions.pages, loader, engine);    site.loadComponents(extensions.components, loader, engine);  };}