scapegoat/Docs2.git

			@@ -1,21 +1,24 @@
			import { render } from "preact-render-to-string";
			import { QuartzComponent, QuartzComponentProps } from "./types";
			import { render } from "preact-render-to-string"
			import { QuartzComponent, QuartzComponentProps } from "./types"
			import HeaderConstructor from "./Header"
			import BodyConstructor from "./Body"
			import { JSResourceToScriptElement, StaticResources } from "../resources";
			import { CanonicalSlug, pathToRoot } from "../path";
			import { JSResourceToScriptElement, StaticResources } from "../resources"
			import { CanonicalSlug, pathToRoot } from "../path"

			interface RenderComponents {
			head: QuartzComponent
			header: QuartzComponent[],
			beforeBody: QuartzComponent[],
			pageBody: QuartzComponent,
			left: QuartzComponent[],
			right: QuartzComponent[],
			footer: QuartzComponent,
			header: QuartzComponent[]
			beforeBody: QuartzComponent[]
			pageBody: QuartzComponent
			left: QuartzComponent[]
			right: QuartzComponent[]
			footer: QuartzComponent
			}

			export function pageResources(slug: CanonicalSlug, staticResources: StaticResources): StaticResources {
			export function pageResources(
			slug: CanonicalSlug,
			staticResources: StaticResources,
			): StaticResources {
			const baseDir = pathToRoot(slug)

			const contentIndexPath = baseDir + "/static/contentIndex.json"
			@@ -25,29 +28,59 @@
			css: [baseDir + "/index.css", ...staticResources.css],
			js: [
			{ src: baseDir + "/prescript.js", loadTime: "beforeDOMReady", contentType: "external" },
			{ loadTime: "beforeDOMReady", contentType: "inline", spaPreserve: true, script: contentIndexScript },
			{
			loadTime: "beforeDOMReady",
			contentType: "inline",
			spaPreserve: true,
			script: contentIndexScript,
			},
			...staticResources.js,
			{ src: baseDir + "/postscript.js", loadTime: "afterDOMReady", moduleType: 'module', contentType: "external" }
			]
			{
			src: baseDir + "/postscript.js",
			loadTime: "afterDOMReady",
			moduleType: "module",
			contentType: "external",
			},
			],
			}
			}

			export function renderPage(slug: CanonicalSlug, componentData: QuartzComponentProps, components: RenderComponents, pageResources: StaticResources): string {
			const { head: Head, header, beforeBody, pageBody: Content, left, right, footer: Footer } = components
			export function renderPage(
			slug: CanonicalSlug,
			componentData: QuartzComponentProps,
			components: RenderComponents,
			pageResources: StaticResources,
			): string {
			const {
			head: Head,
			header,
			beforeBody,
			pageBody: Content,
			left,
			right,
			footer: Footer,
			} = components
			const Header = HeaderConstructor()
			const Body = BodyConstructor()

			const LeftComponent =
			const LeftComponent = (
			<div class="left sidebar">
			{left.map(BodyComponent => <BodyComponent {...componentData} />)}
			{left.map((BodyComponent) => (
			<BodyComponent {...componentData} />
			))}
			</div>
			)

			const RightComponent =
			const RightComponent = (
			<div class="right sidebar">
			{right.map(BodyComponent => <BodyComponent {...componentData} />)}
			{right.map((BodyComponent) => (
			<BodyComponent {...componentData} />
			))}
			</div>
			)

			const doc = <html>
			const doc = (
			<html>
			<Head {...componentData} />
			<body data-slug={slug}>
			<div id="quartz-root" class="page">
			@@ -56,10 +89,14 @@
			<div class="center">
			<div class="page-header">
			<Header {...componentData} >
			{header.map(HeaderComponent => <HeaderComponent {...componentData} />)}
			{header.map((HeaderComponent) => (
			<HeaderComponent {...componentData} />
			))}
			</Header>
			<div class="popover-hint">
			{beforeBody.map(BodyComponent => <BodyComponent {...componentData} />)}
			{beforeBody.map((BodyComponent) => (
			<BodyComponent {...componentData} />
			))}
			</div>
			</div>
			<Content {...componentData} />
			@@ -69,8 +106,11 @@
			<Footer {...componentData} />
			</div>
			</body>
			{pageResources.js.filter(resource => resource.loadTime === "afterDOMReady").map(res => JSResourceToScriptElement(res))}
			{pageResources.js
			.filter((resource) => resource.loadTime === "afterDOMReady")
			.map((res) => JSResourceToScriptElement(res))}
			</html>
			)

			return "<!DOCTYPE html>\n" + render(doc)
			}