mirror of
https://gitlab.com/MisterBiggs/brain-quartz.git
synced 2026-06-03 21:10:34 +00:00
feat: hide category pills when category is already wiki-linked in content
Reduce visual clutter by only showing category pills for categories that aren't already mentioned as wiki links in the note's content. Implementation: - Store outgoing links separately in links.ts before adding categories - Added outgoingLinks to vfile DataMap type - Modified CategoryList to filter out categories already in outgoingLinks - Only category pills for unlinked categories are now displayed Example: If a note has categories: [[LLM]], [[Anthropic]], [[AI]] and the content mentions [[LLM]] and [[Anthropic]], only the AI category pill will appear. This follows Wikipedia's principle of avoiding redundant links and reduces visual clutter while maintaining backlinks and graph connections. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,13 +1,26 @@
|
||||
import { FullSlug, resolveRelative, slugifyFilePath } from "../util/path"
|
||||
import { FullSlug, resolveRelative, slugifyFilePath, simplifySlug } from "../util/path"
|
||||
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
|
||||
import { classNames } from "../util/lang"
|
||||
|
||||
const CategoryList: QuartzComponent = ({ fileData, displayClass }: QuartzComponentProps) => {
|
||||
const categories = fileData.frontmatter?.categories
|
||||
const outgoingLinks = fileData.outgoingLinks || []
|
||||
|
||||
if (categories && categories.length > 0) {
|
||||
// Only show categories that aren't already wiki-linked in the content
|
||||
const categoriesToShow = categories.filter((category) => {
|
||||
const slug = slugifyFilePath((category + ".md") as any)
|
||||
const simpleSlug = simplifySlug(slug)
|
||||
return !outgoingLinks.includes(simpleSlug)
|
||||
})
|
||||
|
||||
if (categoriesToShow.length === 0) {
|
||||
return null
|
||||
}
|
||||
|
||||
return (
|
||||
<ul class={classNames(displayClass, "categories")}>
|
||||
{categories.map((category) => {
|
||||
{categoriesToShow.map((category) => {
|
||||
// Link directly to the note, not to a category aggregation page
|
||||
const slug = slugifyFilePath((category + ".md") as any)
|
||||
const linkDest = resolveRelative(fileData.slug!, slug)
|
||||
|
||||
Reference in New Issue
Block a user