mirror of
https://gitlab.com/MisterBiggs/brain-quartz.git
synced 2026-06-04 05:20:35 +00:00
a1a9b5233d
Add complete category system that integrates with Obsidian's wiki-linked category frontmatter. Categories appear as pills on pages and link directly to category notes (not aggregation pages). Features: - Parse [[Page Name]] syntax from category frontmatter - Display category pills styled like tags - Link directly to category notes - Integrate with graph view connections - Enable bidirectional backlinks - Preserve case in category slugs Implementation: - Added extractWikiLinks() to frontmatter transformer - Created CategoryList component for pill rendering - Modified links transformer to include categories in links array - Updated contentIndex to export category metadata - Added i18n strings for category UI elements - Set includeEmptyFiles: true to show empty category pages in graph Files modified: - quartz/plugins/transformers/frontmatter.ts - quartz/plugins/transformers/links.ts - quartz/plugins/emitters/contentIndex.tsx - quartz/components/CategoryList.tsx (new) - quartz/components/pages/CategoryContent.tsx (new) - quartz/plugins/emitters/categoryPage.tsx (new) - quartz/i18n/locales/en-US.ts - quartz/i18n/locales/definition.ts - quartz/components/index.ts - quartz.layout.ts - quartz.config.ts - README.md (updated with Quartz updater documentation) Security: Comprehensive privacy review confirms NO information leaks from private folder. All ignore patterns working correctly. Docs: Added CUSTOMIZATIONS.md with complete feature documentation, implementation details, and privacy audit results. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
178 lines
5.8 KiB
TypeScript
178 lines
5.8 KiB
TypeScript
import matter from "gray-matter"
|
|
import remarkFrontmatter from "remark-frontmatter"
|
|
import { QuartzTransformerPlugin } from "../types"
|
|
import yaml from "js-yaml"
|
|
import toml from "toml"
|
|
import { FilePath, FullSlug, getFileExtension, simplifySlug, slugifyFilePath, slugTag } from "../../util/path"
|
|
import { QuartzPluginData } from "../vfile"
|
|
import { i18n } from "../../i18n"
|
|
|
|
export interface Options {
|
|
delimiters: string | [string, string]
|
|
language: "yaml" | "toml"
|
|
}
|
|
|
|
const defaultOptions: Options = {
|
|
delimiters: "---",
|
|
language: "yaml",
|
|
}
|
|
|
|
function coalesceAliases(data: { [key: string]: any }, aliases: string[]) {
|
|
for (const alias of aliases) {
|
|
if (data[alias] !== undefined && data[alias] !== null) return data[alias]
|
|
}
|
|
}
|
|
|
|
function coerceToArray(input: string | string[]): string[] | undefined {
|
|
if (input === undefined || input === null) return undefined
|
|
|
|
// coerce to array
|
|
if (!Array.isArray(input)) {
|
|
input = input
|
|
.toString()
|
|
.split(",")
|
|
.map((tag: string) => tag.trim())
|
|
}
|
|
|
|
// remove all non-strings
|
|
return input
|
|
.filter((tag: unknown) => typeof tag === "string" || typeof tag === "number")
|
|
.map((tag: string | number) => tag.toString())
|
|
}
|
|
|
|
function extractWikiLinks(input: string[]): string[] {
|
|
// Extract page names from wiki links like [[Page Name]] -> Page Name
|
|
return input.map((item) => {
|
|
const wikiLinkMatch = item.match(/^\[\[(.+?)\]\]$/)
|
|
return wikiLinkMatch ? wikiLinkMatch[1] : item
|
|
})
|
|
}
|
|
|
|
function getAliasSlugs(aliases: string[]): FullSlug[] {
|
|
const res: FullSlug[] = []
|
|
for (const alias of aliases) {
|
|
const isMd = getFileExtension(alias) === "md"
|
|
const mockFp = isMd ? alias : alias + ".md"
|
|
const slug = slugifyFilePath(mockFp as FilePath)
|
|
res.push(slug)
|
|
}
|
|
|
|
return res
|
|
}
|
|
|
|
export const FrontMatter: QuartzTransformerPlugin<Partial<Options>> = (userOpts) => {
|
|
const opts = { ...defaultOptions, ...userOpts }
|
|
return {
|
|
name: "FrontMatter",
|
|
markdownPlugins(ctx) {
|
|
const { cfg, allSlugs } = ctx
|
|
return [
|
|
[remarkFrontmatter, ["yaml", "toml"]],
|
|
() => {
|
|
return (_, file) => {
|
|
const fileData = Buffer.from(file.value as Uint8Array)
|
|
const { data } = matter(fileData, {
|
|
...opts,
|
|
engines: {
|
|
yaml: (s) => yaml.load(s, { schema: yaml.JSON_SCHEMA }) as object,
|
|
toml: (s) => toml.parse(s) as object,
|
|
},
|
|
})
|
|
|
|
if (data.title != null && data.title.toString() !== "") {
|
|
data.title = data.title.toString()
|
|
} else {
|
|
data.title = file.stem ?? i18n(cfg.configuration.locale).propertyDefaults.title
|
|
}
|
|
|
|
const tags = coerceToArray(coalesceAliases(data, ["tags", "tag"]))
|
|
if (tags) data.tags = [...new Set(tags.map((tag: string) => slugTag(tag)))]
|
|
|
|
const categories = coerceToArray(coalesceAliases(data, ["categories", "category"]))
|
|
if (categories) {
|
|
// Extract page names from wiki links and slugify them like regular page links
|
|
const categoryNames = extractWikiLinks(categories)
|
|
data.categories = [...new Set(categoryNames.map((cat: string) => {
|
|
// Use slugifyFilePath to match how pages are slugified
|
|
const slug = slugifyFilePath((cat + ".md") as any)
|
|
return simplifySlug(slug)
|
|
}))]
|
|
}
|
|
|
|
const aliases = coerceToArray(coalesceAliases(data, ["aliases", "alias"]))
|
|
if (aliases) {
|
|
data.aliases = aliases // frontmatter
|
|
file.data.aliases = getAliasSlugs(aliases)
|
|
allSlugs.push(...file.data.aliases)
|
|
}
|
|
|
|
if (data.permalink != null && data.permalink.toString() !== "") {
|
|
data.permalink = data.permalink.toString() as FullSlug
|
|
const aliases = file.data.aliases ?? []
|
|
aliases.push(data.permalink)
|
|
file.data.aliases = aliases
|
|
allSlugs.push(data.permalink)
|
|
}
|
|
|
|
const cssclasses = coerceToArray(coalesceAliases(data, ["cssclasses", "cssclass"]))
|
|
if (cssclasses) data.cssclasses = cssclasses
|
|
|
|
const socialImage = coalesceAliases(data, ["socialImage", "image", "cover"])
|
|
|
|
const created = coalesceAliases(data, ["created", "date"])
|
|
if (created) {
|
|
data.created = created
|
|
}
|
|
|
|
const modified = coalesceAliases(data, [
|
|
"modified",
|
|
"lastmod",
|
|
"updated",
|
|
"last-modified",
|
|
])
|
|
if (modified) data.modified = modified
|
|
data.modified ||= created // if modified is not set, use created
|
|
|
|
const published = coalesceAliases(data, ["published", "publishDate", "date"])
|
|
if (published) data.published = published
|
|
|
|
if (socialImage) data.socialImage = socialImage
|
|
|
|
// Remove duplicate slugs
|
|
const uniqueSlugs = [...new Set(allSlugs)]
|
|
allSlugs.splice(0, allSlugs.length, ...uniqueSlugs)
|
|
|
|
// fill in frontmatter
|
|
file.data.frontmatter = data as QuartzPluginData["frontmatter"]
|
|
}
|
|
},
|
|
]
|
|
},
|
|
}
|
|
}
|
|
|
|
declare module "vfile" {
|
|
interface DataMap {
|
|
aliases: FullSlug[]
|
|
frontmatter: { [key: string]: unknown } & {
|
|
title: string
|
|
} & Partial<{
|
|
tags: string[]
|
|
categories: string[]
|
|
aliases: string[]
|
|
modified: string
|
|
created: string
|
|
published: string
|
|
description: string
|
|
socialDescription: string
|
|
publish: boolean | string
|
|
draft: boolean | string
|
|
lang: string
|
|
enableToc: string
|
|
cssclasses: string[]
|
|
socialImage: string
|
|
comments: boolean | string
|
|
}>
|
|
}
|
|
}
|