123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
import {  h,  importSource,  isValidElement,  renderToString,} from "../deps/preact.ts";import loader from "../core/loaders/module.ts";import { merge, parseJSX } from "../core/utils.ts";import { dirname, join, toFileUrl } from "../deps/path.ts";
import type {  Data,  DenoConfig,  Engine,  Helper,  ImportMap,  Site,} from "../core.ts";import type { ComponentChildren } from "../deps/preact.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"],};
// JSX children typeexport type Children = ComponentChildren;
/** Template engine to render JSX files using Preact */export class PreactJsxEngine implements Engine {  helpers: Record<string, Helper> = {};  basePath: string;
  constructor(basePath: string) {    this.basePath = basePath;  }
  deleteCache() {}
  // deno-lint-ignore no-explicit-any  parseJSX(content: string, data: Data = {}, filename?: string): Promise<any> {    const baseUrl = filename      ? toFileUrl(join(this.basePath, dirname(filename)))      : toFileUrl(this.basePath);
    const jsxSource = `/** @jsxImportSource ${importSource} */`;
    return parseJSX(baseUrl, content, data, jsxSource);  }
  async render(content: unknown, data: Data = {}, filename?: string) {    // The content is a string, so we have to convert to a Preact element    if (typeof content === "string") {      content = await this.parseJSX(content, data, filename);    }
    // Create the children property    let children = data.content;
    // If the children is a string, convert it to a Preact element    if (typeof children === "string") {      children = h("div", {        dangerouslySetInnerHTML: { __html: children },      });    }
    const element = typeof content === "object" && isValidElement(content)      ? content      : (typeof content === "function"        ? await content({ ...data, children }, this.helpers)        : content) as preact.VNode;
    if (element && typeof element === "object") {      element.toString = () => renderToString(element);    }
    return element;  }
  renderSync(content: unknown, data: Data = {}): string {    const element = typeof content === "function"      ? content(data, this.helpers)      : content;
    if (element && typeof element === "object") {      element.toString = () => renderToString(element);    }
    return element;  }
  addHelper(name: string, fn: Helper) {    this.helpers[name] = fn;  }}
/** Configure this plugin on "lume init" */export function init(importMap: ImportMap, denoConfig: DenoConfig) {  importMap.imports["preact/jsx-runtime"] = import.meta.resolve(    "../deps/preact_runtime.ts",  );  importMap.imports["preact"] = import.meta.resolve(    "../deps/preact.ts",  );  denoConfig.compilerOptions ||= {};  denoConfig.compilerOptions.jsx = "react-jsx";  denoConfig.compilerOptions.jsxImportSource = "preact";}
/** 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 PreactJsxEngine(site.src());
    site.loadPages(extensions.pages, loader, engine);    site.loadComponents(extensions.components, loader, engine);  };}