From 7c01e8dde06abb1a80118b5eddce3e238830ede0 Mon Sep 17 00:00:00 2001 From: Jacky Zhao Date: Sun, 22 Oct 2023 09:54:12 -0700 Subject: [PATCH] feat: openLinksInNewTab option for link transformer --- quartz/components/scripts/spa.inline.ts | 1 + quartz/plugins/transformers/links.ts | 6 ++++++ 2 files changed, 7 insertions(+) diff --git a/quartz/components/scripts/spa.inline.ts b/quartz/components/scripts/spa.inline.ts index fc5aa740..31ae14fc 100644 --- a/quartz/components/scripts/spa.inline.ts +++ b/quartz/components/scripts/spa.inline.ts @@ -20,6 +20,7 @@ const isLocalUrl = (href: string) => { const getOpts = ({ target }: Event): { url: URL; scroll?: boolean } | undefined => { if (!isElement(target)) return + if (target.attributes.getNamedItem("target")?.value === "_blank") return const a = target.closest("a") if (!a) return if ("routerIgnore" in a.dataset) return diff --git a/quartz/plugins/transformers/links.ts b/quartz/plugins/transformers/links.ts index e050e00a..8d16136f 100644 --- a/quartz/plugins/transformers/links.ts +++ b/quartz/plugins/transformers/links.ts @@ -18,11 +18,13 @@ interface Options { markdownLinkResolution: TransformOptions["strategy"] /** Strips folders from a link so that it looks nice */ prettyLinks: boolean + openLinksInNewTab: boolean } const defaultOptions: Options = { markdownLinkResolution: "absolute", prettyLinks: true, + openLinksInNewTab: false, } export const CrawlLinks: QuartzTransformerPlugin | undefined> = (userOpts) => { @@ -52,6 +54,10 @@ export const CrawlLinks: QuartzTransformerPlugin | undefined> = node.properties.className ??= [] node.properties.className.push(isAbsoluteUrl(dest) ? "external" : "internal") + if (opts.openLinksInNewTab) { + node.properties.target = "_blank" + } + // don't process external links or intra-document anchors const isInternal = !(isAbsoluteUrl(dest) || dest.startsWith("#")) if (isInternal) {