roadmap/quartz/plugins/emitters/contentPage.tsx

56 lines
1.8 KiB
TypeScript
Raw Normal View History

2023-06-17 02:41:59 +00:00
import { QuartzEmitterPlugin } from "../types"
2023-06-08 05:27:32 +00:00
import { QuartzComponentProps } from "../../components/types"
2023-07-01 07:03:01 +00:00
import HeaderConstructor from "../../components/Header"
2023-06-12 06:46:38 +00:00
import BodyConstructor from "../../components/Body"
2023-07-01 07:03:01 +00:00
import { pageResources, renderPage } from "../../components/renderPage"
import { FullPageLayout } from "../../cfg"
import { FilePath, canonicalizeServer } from "../../path"
2023-06-01 21:35:31 +00:00
2023-07-01 07:03:01 +00:00
export const ContentPage: QuartzEmitterPlugin<FullPageLayout> = (opts) => {
if (!opts) {
2023-07-23 00:27:41 +00:00
throw new Error(
"ContentPage must be initialized with options specifiying the components to use",
)
2023-06-03 19:07:19 +00:00
}
2023-07-01 07:03:01 +00:00
const { head: Head, header, beforeBody, pageBody: Content, left, right, footer: Footer } = opts
2023-06-12 06:46:38 +00:00
const Header = HeaderConstructor()
const Body = BodyConstructor()
return {
name: "ContentPage",
getQuartzComponents() {
2023-07-01 07:03:01 +00:00
return [Head, Header, Body, ...header, ...beforeBody, Content, ...left, ...right, Footer]
},
async emit(ctx, content, resources, emit): Promise<FilePath[]> {
const cfg = ctx.cfg.configuration
2023-07-13 07:19:35 +00:00
const fps: FilePath[] = []
2023-07-23 00:27:41 +00:00
const allFiles = content.map((c) => c[1].data)
for (const [tree, file] of content) {
const slug = canonicalizeServer(file.data.slug!)
2023-07-01 07:03:01 +00:00
const externalResources = pageResources(slug, resources)
const componentData: QuartzComponentProps = {
fileData: file.data,
2023-07-01 07:03:01 +00:00
externalResources,
cfg,
children: [],
2023-06-20 03:37:45 +00:00
tree,
2023-07-23 00:27:41 +00:00
allFiles,
}
2023-06-08 05:27:32 +00:00
2023-07-23 00:27:41 +00:00
const content = renderPage(slug, componentData, opts, externalResources)
2023-07-23 00:27:41 +00:00
const fp = (file.data.slug + ".html") as FilePath
await emit({
2023-07-01 07:03:01 +00:00
content,
slug: file.data.slug!,
ext: ".html",
})
fps.push(fp)
}
return fps
2023-07-23 00:27:41 +00:00
},
}
}