quartz-research-note/quartz/plugins/emitters/contentPage.tsx

57 lines
1.9 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-07-26 06:37:24 +00:00
import { defaultContentPageLayout, sharedPageComponents } from "../../../quartz.layout"
import { Content } from "../../components"
2023-06-01 21:35:31 +00:00
2023-07-26 06:37:24 +00:00
export const ContentPage: QuartzEmitterPlugin<Partial<FullPageLayout>> = (userOpts) => {
const opts: FullPageLayout = {
...sharedPageComponents,
...defaultContentPageLayout,
pageBody: Content(),
...userOpts,
2023-06-03 19:07:19 +00:00
}
2023-07-26 06:37:24 +00:00
const { head: Head, header, beforeBody, pageBody, 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-26 06:37:24 +00:00
return [Head, Header, Body, ...header, ...beforeBody, pageBody, ...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-08-11 04:16:07 +00:00
const fp = 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
},
}
}