scapegoat/Docs2.git

			@@ -8,26 +8,38 @@
			import { Root, Element, ElementContent } from "hast"
			import { GlobalConfiguration } from "../cfg"
			import { i18n } from "../i18n"
			// @ts-ignore
			import mermaidScript from "./scripts/mermaid.inline"
			import mermaidStyle from "./styles/mermaid.inline.scss"
			import { QuartzPluginData } from "../plugins/vfile"

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

			const headerRegex = new RegExp(/h[1-6]/)
			export function pageResources(
			baseDir: FullSlug \| RelativeURL,
			fileData: QuartzPluginData,
			staticResources: StaticResources,
			): StaticResources {
			const contentIndexPath = joinSegments(baseDir, "static/contentIndex.json")
			const contentIndexScript = `const fetchData = fetch("${contentIndexPath}").then(data => data.json())`

			return {
			css: [joinSegments(baseDir, "index.css"), ...staticResources.css],
			const resources: StaticResources = {
			css: [
			{
			content: joinSegments(baseDir, "index.css"),
			},
			...staticResources.css,
			],
			js: [
			{
			src: joinSegments(baseDir, "prescript.js"),
			@@ -41,14 +53,29 @@
			script: contentIndexScript,
			},
			...staticResources.js,
			{
			src: joinSegments(baseDir, "postscript.js"),
			loadTime: "afterDOMReady",
			moduleType: "module",
			contentType: "external",
			},
			],
			additionalHead: staticResources.additionalHead,
			}

			if (fileData.hasMermaidDiagram) {
			resources.js.push({
			script: mermaidScript,
			loadTime: "afterDOMReady",
			moduleType: "module",
			contentType: "inline",
			})
			resources.css.push({ content: mermaidStyle, inline: true })
			}

			// NOTE: we have to put this last to make sure spa.inline.ts is the last item.
			resources.js.push({
			src: joinSegments(baseDir, "postscript.js"),
			loadTime: "afterDOMReady",
			moduleType: "module",
			contentType: "external",
			})

			return resources
			}

			export function renderPage(
			@@ -105,20 +132,24 @@
			// header transclude
			blockRef = blockRef.slice(1)
			let startIdx = undefined
			let startDepth = undefined
			let endIdx = undefined
			let headerRegex = /h[1-6]/
			for (const [i, el] of page.htmlAst.children.entries()) {
			if (el.type === "element" && el.tagName.match(headerRegex)) {
			if (endIdx) {
			break
			}
			// skip non-headers
			if (!(el.type === "element" && el.tagName.match(headerRegex))) continue
			const depth = Number(el.tagName.substring(1))

			if (startIdx !== undefined) {
			endIdx = i
			} else if (el.properties?.id === blockRef) {
			// lookin for our blockref
			if (startIdx === undefined \|\| startDepth === undefined) {
			// skip until we find the blockref that matches
			if (el.properties?.id === blockRef) {
			startIdx = i
			headerRegex = new RegExp(`h[1-${el.tagName.slice(-1)}]`)
			startDepth = depth
			}
			} else if (depth <= startDepth) {
			// looking for new header that is same level or higher
			endIdx = i
			break
			}
			}

			@@ -182,6 +213,7 @@
			header,
			beforeBody,
			pageBody: Content,
			afterBody,
			left,
			right,
			footer: Footer,
			@@ -205,7 +237,7 @@
			</div>
			)

			const lang = componentData.frontmatter?.lang ?? cfg.locale?.split("-")[0] ?? "en"
			const lang = componentData.fileData.frontmatter?.lang ?? cfg.locale?.split("-")[0] ?? "en"
			const doc = (
			<html lang={lang}>
			<Head {...componentData} />
			@@ -227,10 +259,16 @@
			</div>
			</div>
			<Content {...componentData} />
			<hr />
			<div class="page-footer">
			{afterBody.map((BodyComponent) => (
			<BodyComponent {...componentData} />
			))}
			</div>
			</div>
			{RightComponent}
			<Footer {...componentData} />
			</Body>
			<Footer {...componentData} />
			</div>
			</body>
			{pageResources.js