scapegoat/Docs2.git

			@@ -1,12 +1,12 @@
			import { QuartzComponentConstructor, QuartzComponentProps } from "../types"
			import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "../types"
			import path from "path"

			import style from "../styles/listPage.scss"
			import { PageList } from "../PageList"
			import { _stripSlashes, simplifySlug } from "../../util/path"
			import { stripSlashes, simplifySlug } from "../../util/path"
			import { Root } from "hast"
			import { pluralize } from "../../util/lang"
			import { htmlToJsx } from "../../util/jsx"
			import { i18n } from "../../i18n"

			interface FolderContentOptions {
			/**
			@@ -22,18 +22,19 @@
			export default ((opts?: Partial<FolderContentOptions>) => {
			const options: FolderContentOptions = { ...defaultOptions, ...opts }

			function FolderContent(props: QuartzComponentProps) {
			const { tree, fileData, allFiles } = props
			const folderSlug = _stripSlashes(simplifySlug(fileData.slug!))
			const FolderContent: QuartzComponent = (props: QuartzComponentProps) => {
			const { tree, fileData, allFiles, cfg } = props
			const folderSlug = stripSlashes(simplifySlug(fileData.slug!))
			const allPagesInFolder = allFiles.filter((file) => {
			const fileSlug = _stripSlashes(simplifySlug(file.slug!))
			const fileSlug = stripSlashes(simplifySlug(file.slug!))
			const prefixed = fileSlug.startsWith(folderSlug) && fileSlug !== folderSlug
			const folderParts = folderSlug.split(path.posix.sep)
			const fileParts = fileSlug.split(path.posix.sep)
			const isDirectChild = fileParts.length === folderParts.length + 1
			return prefixed && isDirectChild
			})

			const cssClasses: string[] = fileData.frontmatter?.cssclasses ?? []
			const classes = ["popover-hint", ...cssClasses].join(" ")
			const listProps = {
			...props,
			allFiles: allPagesInFolder,
			@@ -45,15 +46,19 @@
			: htmlToJsx(fileData.filePath!, tree)

			return (
			<div class="popover-hint">
			<article>
			<p>{content}</p>
			</article>
			{options.showFolderCount && (
			<p>{pluralize(allPagesInFolder.length, "item")} under this folder.</p>
			)}
			<div>
			<PageList {...listProps} />
			<div class={classes}>
			<article>{content}</article>
			<div class="page-listing">
			{options.showFolderCount && (
			<p>
			{i18n(cfg.locale).pages.folderContent.itemsUnderFolder({
			count: allPagesInFolder.length,
			})}
			</p>
			)}
			<div>
			<PageList {...listProps} />
			</div>
			</div>
			</div>
			)