71 lines
2 KiB
TypeScript
71 lines
2 KiB
TypeScript
|
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
|
||
|
|
import style from "./styles/backlinks.scss"
|
||
|
|
import { resolveRelative, simplifySlug } from "../util/path"
|
||
|
|
import { i18n } from "../i18n"
|
||
|
|
import { classNames } from "../util/lang"
|
||
|
|
|
||
|
|
interface BacklinksOptions {
|
||
|
|
hideWhenEmpty: boolean
|
||
|
|
}
|
||
|
|
|
||
|
|
const defaultOptions: BacklinksOptions = {
|
||
|
|
hideWhenEmpty: true,
|
||
|
|
}
|
||
|
|
|
||
|
|
export default ((opts?: Partial<BacklinksOptions>) => {
|
||
|
|
const options: BacklinksOptions = { ...defaultOptions, ...opts }
|
||
|
|
|
||
|
|
const Backlinks: QuartzComponent = ({
|
||
|
|
fileData,
|
||
|
|
allFiles,
|
||
|
|
displayClass,
|
||
|
|
cfg,
|
||
|
|
}: QuartzComponentProps) => {
|
||
|
|
|
||
|
|
// Hide on specific pages
|
||
|
|
if (
|
||
|
|
fileData.slug === "index" ||
|
||
|
|
fileData.slug === "about-me" ||
|
||
|
|
fileData.slug === "about-site" ||
|
||
|
|
fileData.slug === "diary-list" ||
|
||
|
|
fileData.slug === "folder-list" ||
|
||
|
|
fileData.slug === "free-course" ||
|
||
|
|
fileData.slug === "net-journey" ||
|
||
|
|
fileData.slug === "net-manifesto" ||
|
||
|
|
fileData.slug === "support-me" ||
|
||
|
|
fileData.slug === "tags-list" ||
|
||
|
|
fileData.slug === "link"
|
||
|
|
) {
|
||
|
|
return <></>;
|
||
|
|
}
|
||
|
|
|
||
|
|
const slug = simplifySlug(fileData.slug!)
|
||
|
|
const backlinkFiles = allFiles.filter((file) => file.links?.includes(slug))
|
||
|
|
if (options.hideWhenEmpty && backlinkFiles.length == 0) {
|
||
|
|
return null
|
||
|
|
}
|
||
|
|
return (
|
||
|
|
<div class={classNames(displayClass, "backlinks")}>
|
||
|
|
<h3>{i18n(cfg.locale).components.backlinks.title}</h3>
|
||
|
|
<ul class="overflow">
|
||
|
|
{backlinkFiles.length > 0 ? (
|
||
|
|
backlinkFiles.map((f) => (
|
||
|
|
<li>
|
||
|
|
<a href={resolveRelative(fileData.slug!, f.slug!)} class="internal">
|
||
|
|
{f.frontmatter?.title}
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
))
|
||
|
|
) : (
|
||
|
|
<li>{i18n(cfg.locale).components.backlinks.noBacklinksFound}</li>
|
||
|
|
)}
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
Backlinks.css = style
|
||
|
|
|
||
|
|
return Backlinks
|
||
|
|
}) satisfies QuartzComponentConstructor
|