scapegoat/Docs2.git

			@@ -1,14 +1,26 @@
			import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "../types"
			import style from "../styles/listPage.scss"
			import { PageList } from "../PageList"
			import { FullSlug, getAllSegmentPrefixes, simplifySlug } from "../../util/path"
			import { PageList, SortFn } from "../PageList"
			import { FullSlug, getAllSegmentPrefixes, resolveRelative, simplifySlug } from "../../util/path"
			import { QuartzPluginData } from "../../plugins/vfile"
			import { Root } from "hast"
			import { htmlToJsx } from "../../util/jsx"
			import { i18n } from "../../i18n"
			import { ComponentChildren } from "preact"
			import { concatenateResources } from "../../util/resources"

			export default ((opts?: { sort?: (f1: QuartzPluginData, f2: QuartzPluginData) => number }) => {
			const numPages = 10
			interface TagContentOptions {
			sort?: SortFn
			numPages: number
			}

			const defaultOptions: TagContentOptions = {
			numPages: 10,
			}

			export default ((opts?: Partial<TagContentOptions>) => {
			const options: TagContentOptions = { ...defaultOptions, ...opts }

			const TagContent: QuartzComponent = (props: QuartzComponentProps) => {
			const { tree, fileData, allFiles, cfg } = props
			const slug = fileData.slug
			@@ -23,12 +35,13 @@
			(file.frontmatter?.tags ?? []).flatMap(getAllSegmentPrefixes).includes(tag),
			)

			const content =
			const content = (
			(tree as Root).children.length === 0
			? fileData.description
			: htmlToJsx(fileData.filePath!, tree)
			) as ComponentChildren
			const cssClasses: string[] = fileData.frontmatter?.cssclasses ?? []
			const classes = ["popover-hint", ...cssClasses].join(" ")
			const classes = cssClasses.join(" ")
			if (tag === "/") {
			const tags = [
			...new Set(
			@@ -40,8 +53,8 @@
			tagItemMap.set(tag, allPagesWithTag(tag))
			}
			return (
			<div class={classes}>
			<article>
			<div class="popover-hint">
			<article class={classes}>
			<p>{content}</p>
			</article>
			<p>{i18n(cfg.locale).pages.tagContent.totalTags({ count: tags.length })}</p>
			@@ -61,10 +74,13 @@
			? contentPage?.description
			: htmlToJsx(contentPage.filePath!, root)

			const tagListingPage = `/tags/${tag}` as FullSlug
			const href = resolveRelative(fileData.slug!, tagListingPage)

			return (
			<div>
			<h2>
			<a class="internal tag-link" href={`../tags/${tag}`}>
			<a class="internal tag-link" href={href}>
			{tag}
			</a>
			</h2>
			@@ -72,16 +88,18 @@
			<div class="page-listing">
			<p>
			{i18n(cfg.locale).pages.tagContent.itemsUnderTag({ count: pages.length })}
			{pages.length > numPages && (
			{pages.length > options.numPages && (
			<>
			{" "}
			<span>
			{i18n(cfg.locale).pages.tagContent.showingFirst({ count: numPages })}
			{i18n(cfg.locale).pages.tagContent.showingFirst({
			count: options.numPages,
			})}
			</span>
			</>
			)}
			</p>
			<PageList limit={numPages} {...listProps} sort={opts?.sort} />
			<PageList limit={options.numPages} {...listProps} sort={options?.sort} />
			</div>
			</div>
			)
			@@ -97,12 +115,12 @@
			}

			return (
			<div class={classes}>
			<article>{content}</article>
			<div class="popover-hint">
			<article class={classes}>{content}</article>
			<div class="page-listing">
			<p>{i18n(cfg.locale).pages.tagContent.itemsUnderTag({ count: pages.length })}</p>
			<div>
			<PageList {...listProps} />
			<PageList {...listProps} sort={options?.sort} />
			</div>
			</div>
			</div>
			@@ -110,6 +128,6 @@
			}
			}

			TagContent.css = style + PageList.css
			TagContent.css = concatenateResources(style, PageList.css)
			return TagContent
			}) satisfies QuartzComponentConstructor