scapegoat/Docs2.git

			@@ -1,5 +1,4 @@
			import { toJsxRuntime } from "hast-util-to-jsx-runtime"
			import { resolveToRoot } from "../../path"
			import { StaticResources } from "../../resources"
			import { EmitCallback, QuartzEmitterPlugin } from "../types"
			import { ProcessedContent } from "../vfile"
			@@ -7,9 +6,15 @@
			import { render } from "preact-render-to-string"
			import { ComponentType } from "preact"
			import { HeadProps } from "../../components/Head"
			import { googleFontHref, templateThemeStyles } from "../../theme"
			import { GlobalConfiguration } from "../../cfg"
			import { HeaderProps } from "../../components/Header"

			import styles from '../../styles/base.scss'

			interface Options {
			Head: ComponentType<HeadProps>
			Header: ComponentType<HeaderProps>
			}

			export class ContentPage extends QuartzEmitterPlugin {
			@@ -21,26 +26,35 @@
			this.opts = opts
			}

			async emit(content: ProcessedContent[], resources: StaticResources, emit: EmitCallback): Promise<string[]> {
			async emit(cfg: GlobalConfiguration, content: ProcessedContent[], resources: StaticResources, emit: EmitCallback): Promise<string[]> {
			const fps: string[] = []
			for (const [tree, file] of content) {

			// 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 title = file.data.frontmatter?.title
			const { Head, Header } = this.opts
			const doc = <html>
			<Head
			title={file.data.frontmatter?.title ?? "Untitled"}
			title={title ?? "Untitled"}
			description={file.data.description ?? "No description provided"}
			slug={file.data.slug!}
			externalResources={resources} />
			<body>
			<div id="quartz-root">
			<header>
			<h1>{file.data.frontmatter?.title}</h1>
			</header>
			<div id="quartz-root" class="page">
			<Header title={cfg.siteTitle} slug={file.data.slug!} />
			<article>
			{file.data.slug !== "index" && <h1>{title}</h1>}
			{content}
			</article>
			</div>