From e3533fb6db18cedb7b89d68221733a28595c65b4 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Tue, 18 Jun 2024 09:17:10 -0300 Subject: content: generateExternalIcon, extract from linkExternalAsIcon --- src/content/dependencies/generateExternalIcon.js | 28 ++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 src/content/dependencies/generateExternalIcon.js (limited to 'src/content/dependencies/generateExternalIcon.js') diff --git a/src/content/dependencies/generateExternalIcon.js b/src/content/dependencies/generateExternalIcon.js new file mode 100644 index 00000000..cb65a00a --- /dev/null +++ b/src/content/dependencies/generateExternalIcon.js @@ -0,0 +1,28 @@ +import {isExternalLinkContext} from '#external-links'; + +export default { + extraDependencies: ['html', 'language', 'to'], + + data: (url) => ({url}), + + slots: { + context: { + // This awkward syntax is because the slot descriptor validator can't + // differentiate between a function that returns a validator (the usual + // syntax) and a function that is itself a validator. + validate: () => isExternalLinkContext, + default: 'generic', + }, + }, + + generate: (data, slots, {html, language, to}) => + html.tag('svg', + html.tag('use', { + href: + to('staticMisc.icon', + language.formatExternalLink(data.url, { + style: 'icon-id', + context: slots.context, + })), + })), +}; -- cgit 1.3.0-6-gf8a5