rizaldy.club/quartz/plugins/transformers/links.ts

119 lines
4.2 KiB
TypeScript
Raw Normal View History

import { QuartzTransformerPlugin } from "../types"
2023-07-13 14:19:35 +07:00
import { CanonicalSlug, transformInternalLink } from "../../path"
import path from "path"
import { visit } from 'unist-util-visit'
import isAbsoluteUrl from "is-absolute-url"
interface Options {
/** How to resolve Markdown paths */
2023-07-09 04:36:02 +07:00
markdownLinkResolution: 'absolute' | 'relative' | 'shortest'
/** Strips folders from a link so that it looks nice */
prettyLinks: boolean
2023-06-20 10:37:45 +07:00
indexAnchorLinks: boolean
indexExternalLinks: boolean
}
const defaultOptions: Options = {
markdownLinkResolution: 'absolute',
2023-06-20 10:37:45 +07:00
prettyLinks: true,
indexAnchorLinks: false,
indexExternalLinks: false,
}
2023-06-20 10:37:45 +07:00
export const CrawlLinks: QuartzTransformerPlugin<Partial<Options> | undefined> = (userOpts) => {
const opts = { ...defaultOptions, ...userOpts }
return {
name: "LinkProcessing",
htmlPlugins() {
return [() => {
return (tree, file) => {
2023-07-13 14:19:35 +07:00
const curSlug = file.data.slug!
const transformLink = (target: string) => {
2023-07-13 14:19:35 +07:00
const targetSlug = transformInternalLink(target)
if (opts.markdownLinkResolution === 'relative' && !path.isAbsolute(targetSlug)) {
return './' + relative(curSlug, targetSlug)
2023-07-10 09:32:24 +07:00
} else if (opts.markdownLinkResolution === 'shortest') {
// https://forum.obsidian.md/t/settings-new-link-format-what-is-shortest-path-when-possible/6748/5
const allSlugs = file.data.allSlugs!
// if the file name is unique, then it's just the filename
const matchingFileNames = allSlugs.filter(slug => {
2023-07-13 14:19:35 +07:00
const parts = toServerSlug(slug).split(path.posix.sep)
2023-07-10 09:32:24 +07:00
const fileName = parts.at(-1)
return targetSlug === fileName
})
if (matchingFileNames.length === 1) {
2023-07-13 14:19:35 +07:00
const targetSlug = toServerSlug(matchingFileNames[0])
2023-07-10 09:32:24 +07:00
return './' + relativeToRoot(curSlug, targetSlug)
}
// if it's not unique, then it's the absolute path from the vault root
// (fall-through case)
}
2023-07-10 09:32:24 +07:00
// treat as absolute
return './' + relativeToRoot(curSlug, targetSlug)
}
2023-07-13 14:19:35 +07:00
const outgoing: Set<CanonicalSlug> = new Set()
visit(tree, 'element', (node, _index, _parent) => {
// rewrite all links
if (
node.tagName === 'a' &&
node.properties &&
typeof node.properties.href === 'string'
) {
2023-06-20 10:37:45 +07:00
let dest = node.properties.href
node.properties.className = isAbsoluteUrl(dest) ? "external" : "internal"
// don't process external links or intra-document anchors
2023-06-20 10:37:45 +07:00
if (!(isAbsoluteUrl(dest) || dest.startsWith("#"))) {
node.properties.href = transformLink(dest)
}
2023-07-10 09:32:24 +07:00
2023-06-20 10:37:45 +07:00
dest = node.properties.href
if (dest.startsWith(".")) {
const normalizedPath = path.normalize(path.join(curSlug, dest))
outgoing.add(trimPathSuffix(normalizedPath))
} else if (dest.startsWith("#")) {
if (opts.indexAnchorLinks) {
outgoing.add(dest)
}
2023-06-18 06:05:46 +07:00
} else {
2023-06-20 10:37:45 +07:00
if (opts.indexExternalLinks) {
outgoing.add(dest)
}
}
// rewrite link internals if prettylinks is on
if (opts.prettyLinks && node.children.length === 1 && node.children[0].type === 'text') {
node.children[0].value = path.basename(node.children[0].value)
}
}
// transform all other resources that may use links
if (
["img", "video", "audio", "iframe"].includes(node.tagName) &&
node.properties &&
typeof node.properties.src === 'string'
) {
if (!isAbsoluteUrl(node.properties.src)) {
const ext = path.extname(node.properties.src)
node.properties.src = transformLink(path.join("assets", node.properties.src)) + ext
}
}
})
2023-06-20 10:37:45 +07:00
file.data.links = [...outgoing]
}
}]
}
}
}
2023-06-20 10:37:45 +07:00
declare module 'vfile' {
interface DataMap {
2023-07-13 14:19:35 +07:00
links: CanonicalSlug[]
2023-06-20 10:37:45 +07:00
}
}