1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
| import { QuartzEmitterPlugin } from "../types"
| import { QuartzComponentProps } from "../../components/types"
| import HeaderConstructor from "../../components/Header"
| import BodyConstructor from "../../components/Body"
| import { pageResources, renderPage } from "../../components/renderPage"
| import { ProcessedContent, defaultProcessedContent } from "../vfile"
| import { FullPageLayout } from "../../cfg"
| import path from "path"
| import {
| CanonicalSlug,
| FilePath,
| ServerSlug,
| canonicalizeServer,
| joinSegments,
| } from "../../util/path"
| import { defaultListPageLayout, sharedPageComponents } from "../../../quartz.layout"
| import { FolderContent } from "../../components"
|
| export const FolderPage: QuartzEmitterPlugin<FullPageLayout> = (userOpts) => {
| const opts: FullPageLayout = {
| ...sharedPageComponents,
| ...defaultListPageLayout,
| pageBody: FolderContent(),
| ...userOpts,
| }
|
| const { head: Head, header, beforeBody, pageBody, left, right, footer: Footer } = opts
| const Header = HeaderConstructor()
| const Body = BodyConstructor()
|
| return {
| name: "FolderPage",
| getQuartzComponents() {
| return [Head, Header, Body, ...header, ...beforeBody, pageBody, ...left, ...right, Footer]
| },
| async emit(ctx, content, resources, emit): Promise<FilePath[]> {
| const fps: FilePath[] = []
| const allFiles = content.map((c) => c[1].data)
| const cfg = ctx.cfg.configuration
|
| const folders: Set<CanonicalSlug> = new Set(
| allFiles.flatMap((data) => {
| const slug = data.slug
| const folderName = path.dirname(slug ?? "") as CanonicalSlug
| if (slug && folderName !== "." && folderName !== "tags") {
| return [folderName]
| }
| return []
| }),
| )
|
| const folderDescriptions: Record<string, ProcessedContent> = Object.fromEntries(
| [...folders].map((folder) => [
| folder,
| defaultProcessedContent({
| slug: joinSegments(folder, "index") as ServerSlug,
| frontmatter: { title: `Folder: ${folder}`, tags: [] },
| }),
| ]),
| )
|
| for (const [tree, file] of content) {
| const slug = canonicalizeServer(file.data.slug!)
| if (folders.has(slug)) {
| folderDescriptions[slug] = [tree, file]
| }
| }
|
| for (const folder of folders) {
| const slug = folder
| const externalResources = pageResources(slug, resources)
| const [tree, file] = folderDescriptions[folder]
| const componentData: QuartzComponentProps = {
| fileData: file.data,
| externalResources,
| cfg,
| children: [],
| tree,
| allFiles,
| }
|
| const content = renderPage(slug, componentData, opts, externalResources)
| const fp = await emit({
| content,
| slug: file.data.slug!,
| ext: ".html",
| })
|
| fps.push(fp)
| }
| return fps
| },
| }
| }
|
|
