import { QuartzComponentConstructor, QuartzComponentProps } from "../types" import { Fragment, jsx, jsxs } from "preact/jsx-runtime" import { toJsxRuntime } from "hast-util-to-jsx-runtime" import path from "path" import style from "../styles/listPage.scss" import { PageList } from "../PageList" import { simplifySlug } from "../../util/path" function FolderContent(props: QuartzComponentProps) { const { tree, fileData, allFiles } = props const folderSlug = simplifySlug(fileData.slug!) const allPagesInFolder = allFiles.filter((file) => { const fileSlug = 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 listProps = { ...props, allFiles: allPagesInFolder, } // @ts-ignore const content = toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: "html" }) return (
{content}

{allPagesInFolder.length} items under this folder.

) } FolderContent.css = style + PageList.css export default (() => FolderContent) satisfies QuartzComponentConstructor