import { toJsxRuntime } from "hast-util-to-jsx-runtime" import { StaticResources } from "../../resources" import { EmitCallback, QuartzEmitterPlugin } from "../types" import { ProcessedContent } from "../vfile" import { Fragment, jsx, jsxs } from 'preact/jsx-runtime' import { render } from "preact-render-to-string" import { ComponentType } from "preact" import { HeadProps } from "../../components/Head" import styles from '../../styles/base.scss' import { googleFontHref, templateThemeStyles } from "../../theme" import { GlobalConfiguration } from "../../cfg" interface Options { Head: ComponentType } export class ContentPage extends QuartzEmitterPlugin { name = "ContentPage" opts: Options constructor(opts: Options) { super() this.opts = opts } async emit(cfg: GlobalConfiguration, content: ProcessedContent[], resources: StaticResources, emit: EmitCallback): Promise { const fps: string[] = [] // emit styles emit({ slug: "index", ext: ".css", content: templateThemeStyles(cfg.theme, styles) }) fps.push("index.css") resources.css.push(googleFontHref(cfg.theme)) for (const [tree, file] of content) { // @ts-ignore (preact makes it angry) const content = toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: 'html' }) const { Head } = this.opts const doc =

{file.data.frontmatter?.title}

{content}

{resources.js.filter(resource => resource.loadTime === "afterDOMReady").map(resource =>