diff options
author | (quasar) nebula <qznebula@protonmail.com> | 2023-10-04 15:27:23 -0300 |
---|---|---|
committer | (quasar) nebula <qznebula@protonmail.com> | 2023-10-04 15:27:23 -0300 |
commit | 14d566aa5ea44dbffda2540f0e44b34dedfc79bb (patch) | |
tree | 25adf3275d871cc22f8e09874c873aad9e305b6a /src/content | |
parent | f3d03c7b0314b8a05d4f75f71bc8236bdda7db9b (diff) |
content: generateArtTagInfoPage (stub, mostly)
Diffstat (limited to 'src/content')
-rw-r--r-- | src/content/dependencies/generateArtTagInfoPage.js | 155 |
1 files changed, 155 insertions, 0 deletions
diff --git a/src/content/dependencies/generateArtTagInfoPage.js b/src/content/dependencies/generateArtTagInfoPage.js new file mode 100644 index 00000000..f8354269 --- /dev/null +++ b/src/content/dependencies/generateArtTagInfoPage.js @@ -0,0 +1,155 @@ +import {empty, unique} from '#sugar'; + +export default { + contentDependencies: [ + 'generateArtTagNavLinks', + 'generateContentHeading', + 'generatePageLayout', + 'linkArtTag', + 'linkExternal', + 'transformContent', + ], + + extraDependencies: ['html', 'language', 'wikiData'], + + sprawl({wikiInfo}) { + return { + enableListings: wikiInfo.enableListings, + }; + }, + + query(sprawl, artTag) { + const directThings = artTag.directlyTaggedInThings; + const indirectThings = artTag.indirectlyTaggedInThings; + const allThings = unique([...directThings, ...indirectThings]); + + return {directThings, indirectThings, allThings}; + }, + + relations(relation, query, sprawl, artTag) { + const relations = {}; + const sec = relations.sections = {}; + + relations.layout = + relation('generatePageLayout'); + + relations.navLinks = + relation('generateArtTagNavLinks', artTag); + + const info = sec.info = {}; + + if (artTag.description) { + info.description = + relation('transformContent', artTag.description); + } + + if (!empty(artTag.extraReadingURLs)) { + info.extraReadingLinks = + artTag.extraReadingURLs + .map(url => relation('linkExternal', url)); + } + + if (!empty(artTag.directAncestorArtTags)) { + const ancestors = sec.ancestors = {}; + + ancestors.heading = + relation('generateContentHeading'); + + ancestors.directAncestorLinks = + artTag.directAncestorArtTags + .map(artTag => relation('linkArtTag', artTag)); + } + + if (!empty(artTag.directDescendantArtTags)) { + const descendants = sec.descendants = {}; + + descendants.heading = + relation('generateContentHeading'); + + descendants.directDescendantLinks = + artTag.directDescendantArtTags + .map(artTag => relation('linkArtTag', artTag)); + } + + return relations; + }, + + data(query, sprawl, artTag) { + const data = {}; + + data.enableListings = sprawl.enableListings; + + data.name = artTag.name; + data.color = artTag.color; + + data.numArtworks = query.allThings.length; + + data.names = + query.allThings.map(thing => thing.name); + + data.paths = + query.allThings.map(thing => + (thing.album + ? ['media.trackCover', thing.album.directory, thing.directory, thing.coverArtFileExtension] + : ['media.albumCover', thing.directory, thing.coverArtFileExtension])); + + data.onlyFeaturedIndirectly = + query.allThings.map(thing => + !query.directThings.includes(thing)); + + return data; + }, + + generate(data, relations, {html, language}) { + const {sections: sec} = relations; + + return relations.layout + .slots({ + title: + language.$('artTagInfoPage.title', { + tag: data.name, + }), + + headingMode: 'static', + color: data.color, + + mainContent: [ + sec.info.extraReadingLinks && + html.tag('p', + language.$('releaseInfo.readMoreOn', { + links: language.formatDisjunctionList(sec.info.extraReadingLinks), + })), + + html.tag('blockquote', + {[html.onlyIfContent]: true}, + sec.info.description + ?.slot('mode', 'multiline')), + + sec.ancestors && [ + sec.ancestors.heading + .slot('title', language.$('artTagInfoPage.descendsFromTags', { + tag: language.sanitize(data.name), + })), + + html.tag('ul', + sec.ancestors.directAncestorLinks + .map(link => html.tag('li', link))), + ], + + sec.descendants && [ + sec.descendants.heading + .slot('title', language.$('artTagInfoPage.descendantTags', { + tag: language.sanitize(data.name), + })), + + html.tag('ul', + sec.descendants.directDescendantLinks + .map(link => html.tag('li', link))), + ], + ], + + navLinkStyle: 'hierarchical', + navLinks: relations.navLinks.content, + }); + }, +}; |