From 0ab01d4bdced28527007c2f26d13610f1730906c Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Fri, 4 Jun 2021 15:56:59 -0300 Subject: module-ify listing pages --- src/listing-spec.js | 788 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 788 insertions(+) create mode 100644 src/listing-spec.js (limited to 'src/listing-spec.js') diff --git a/src/listing-spec.js b/src/listing-spec.js new file mode 100644 index 0000000..a5239a4 --- /dev/null +++ b/src/listing-spec.js @@ -0,0 +1,788 @@ +import fixWS from 'fix-whitespace'; + +import { + getLinkThemeString +} from './util/colors.js'; + +import { + UNRELEASED_TRACKS_DIRECTORY +} from './util/magic-constants.js'; + +import { + chunkByProperties, + getArtistNumContributions, + getTotalDuration, + sortByDate, + sortByName +} from './util/wiki-data.js'; + +const listingSpec = [ + { + directory: 'albums/by-name', + title: ({strings}) => strings('listingPage.listAlbums.byName.title'), + + data({wikiData}) { + return wikiData.albumData.slice() + .sort(sortByName); + }, + + row(album, {link, strings}) { + return strings('listingPage.listAlbums.byName.item', { + album: link.album(album), + tracks: strings.count.tracks(album.tracks.length, {unit: true}) + }); + } + }, + + { + directory: 'albums/by-tracks', + title: ({strings}) => strings('listingPage.listAlbums.byTracks.title'), + + data({wikiData}) { + return wikiData.albumData.slice() + .sort((a, b) => b.tracks.length - a.tracks.length); + }, + + row(album, {link, strings}) { + return strings('listingPage.listAlbums.byTracks.item', { + album: link.album(album), + tracks: strings.count.tracks(album.tracks.length, {unit: true}) + }); + } + }, + + { + directory: 'albums/by-duration', + title: ({strings}) => strings('listingPage.listAlbums.byDuration.title'), + + data({wikiData}) { + return wikiData.albumData + .map(album => ({album, duration: getTotalDuration(album.tracks)})) + .sort((a, b) => b.duration - a.duration); + }, + + row({album, duration}, {link, strings}) { + return strings('listingPage.listAlbums.byDuration.item', { + album: link.album(album), + duration: strings.count.duration(duration) + }); + } + }, + + { + directory: 'albums/by-date', + title: ({strings}) => strings('listingPage.listAlbums.byDate.title'), + + data({wikiData}) { + return sortByDate(wikiData.albumData + .filter(album => album.directory !== UNRELEASED_TRACKS_DIRECTORY)); + }, + + row(album, {link, strings}) { + return strings('listingPage.listAlbums.byDate.item', { + album: link.album(album), + date: strings.count.date(album.date) + }); + } + }, + + { + directory: 'albusm/by-date-added', + title: ({strings}) => strings('listingPage.listAlbums.byDateAdded.title'), + + data({wikiData}) { + return chunkByProperties(wikiData.albumData.slice().sort((a, b) => { + if (a.dateAdded < b.dateAdded) return -1; + if (a.dateAdded > b.dateAdded) return 1; + }), ['dateAdded']); + }, + + html(chunks, {link, strings}) { + return fixWS` +
+ ${chunks.map(({dateAdded, chunk: albums}) => fixWS` +
${strings('listingPage.listAlbums.byDateAdded.date', { + date: strings.count.date(dateAdded) + })}
+
    + ${(albums + .map(album => strings('listingPage.listAlbums.byDateAdded.album', { + album: link.album(album) + })) + .map(row => `
  • ${row}
    • `) + .join('\n'))} +
+ `).join('\n')} +
+ `; + } + }, + + { + directory: 'artists/by-name', + title: ({strings}) => strings('listingPage.listArtists.byName.title'), + + data({wikiData}) { + return wikiData.artistData.slice() + .sort(sortByName) + .map(artist => ({artist, contributions: getArtistNumContributions(artist)})); + }, + + row({artist, contributions}, {link, strings}) { + return strings('listingPage.listArtists.byName.item', { + artist: link.artist(artist), + contributions: strings.count.contributions(contributions, {unit: true}) + }); + } + }, + + { + directory: 'artists/by-contribs', + title: ({strings}) => strings('listingPage.listArtists.byContribs.title'), + + data({wikiData}) { + return { + toTracks: (wikiData.artistData + .map(artist => ({ + artist, + contributions: ( + artist.tracks.asContributor.length + + artist.tracks.asArtist.length + ) + })) + .sort((a, b) => b.contributions - a.contributions) + .filter(({ contributions }) => contributions)), + + toArtAndFlashes: (wikiData.artistData + .map(artist => ({ + artist, + contributions: ( + artist.tracks.asCoverArtist.length + + artist.albums.asCoverArtist.length + + artist.albums.asWallpaperArtist.length + + artist.albums.asBannerArtist.length + + (wikiData.wikiInfo.features.flashesAndGames + ? artist.flashes.asContributor.length + : 0) + ) + })) + .sort((a, b) => b.contributions - a.contributions) + .filter(({ contributions }) => contributions)), + + // This is a kinda naughty hack, 8ut like, it's the only place + // we'd 8e passing wikiData to html() otherwise, so like.... + // (Ok we do do this again once later.) + showAsFlashes: wikiData.wikiInfo.features.flashesAndGames + }; + }, + + html({toTracks, toArtAndFlashes, showAsFlashes}, {link, strings}) { + return fixWS` +
+
+

${strings('listingPage.misc.trackContributors')}

+
    + ${(toTracks + .map(({ artist, contributions }) => strings('listingPage.listArtists.byContribs.item', { + artist: link.artist(artist), + contributions: strings.count.contributions(contributions, {unit: true}) + })) + .map(row => `
  • ${row}
    • `) + .join('\n'))} +
+
+
+

${strings('listingPage.misc' + + (showAsFlashes + ? '.artAndFlashContributors' + : '.artContributors'))}

+
    + ${(toArtAndFlashes + .map(({ artist, contributions }) => strings('listingPage.listArtists.byContribs.item', { + artist: link.artist(artist), + contributions: strings.count.contributions(contributions, {unit: true}) + })) + .map(row => `
  • ${row}
    • `) + .join('\n'))} +
+
+
+ `; + } + }, + + { + directory: 'artists/by-commentary', + title: ({strings}) => strings('listingPage.listArtists.byCommentary.title'), + + data({wikiData}) { + return wikiData.artistData + .map(artist => ({artist, entries: artist.tracks.asCommentator.length + artist.albums.asCommentator.length})) + .filter(({ entries }) => entries) + .sort((a, b) => b.entries - a.entries); + }, + + row({artist, entries}, {link, strings}) { + return strings('listingPage.listArtists.byCommentary.item', { + artist: link.artist(artist), + entries: strings.count.commentaryEntries(entries, {unit: true}) + }); + } + }, + + { + directory: 'artists/by-duration', + title: ({strings}) => strings('listingPage.listArtists.byDuration.title'), + + data({wikiData}) { + return wikiData.artistData + .map(artist => ({artist, duration: getTotalDuration( + [...artist.tracks.asArtist, ...artist.tracks.asContributor].filter(track => track.album.directory !== UNRELEASED_TRACKS_DIRECTORY)) + })) + .filter(({ duration }) => duration > 0) + .sort((a, b) => b.duration - a.duration); + }, + + row({artist, duration}, {link, strings}) { + return strings('listingPage.listArtists.byDuration.item', { + artist: link.artist(artist), + duration: strings.count.duration(duration) + }); + } + }, + + { + directory: 'artists/by-latest', + title: ({strings}) => strings('listingPage.listArtists.byLatest.title'), + + data({wikiData}) { + const reversedTracks = wikiData.trackData.slice().reverse(); + const reversedArtThings = wikiData.justEverythingSortedByArtDateMan.slice().reverse(); + + return { + toTracks: sortByDate(wikiData.artistData + .filter(artist => !artist.alias) + .map(artist => ({ + artist, + date: reversedTracks.find(({ album, artists, contributors }) => ( + album.directory !== UNRELEASED_TRACKS_DIRECTORY && + [...artists, ...contributors].some(({ who }) => who === artist) + ))?.date + })) + .filter(({ date }) => date) + .sort((a, b) => a.name < b.name ? 1 : a.name > b.name ? -1 : 0)).reverse(), + + toArtAndFlashes: sortByDate(wikiData.artistData + .filter(artist => !artist.alias) + .map(artist => { + const thing = reversedArtThings.find(({ album, coverArtists, contributors }) => ( + album?.directory !== UNRELEASED_TRACKS_DIRECTORY && + [...coverArtists || [], ...!album && contributors || []].some(({ who }) => who === artist) + )); + return thing && { + artist, + date: (thing.coverArtists?.some(({ who }) => who === artist) + ? thing.coverArtDate + : thing.date) + }; + }) + .filter(Boolean) + .sort((a, b) => a.name < b.name ? 1 : a.name > b.name ? -1 : 0) + ).reverse(), + + // (Ok we did it again.) + // This is a kinda naughty hack, 8ut like, it's the only place + // we'd 8e passing wikiData to html() otherwise, so like.... + showAsFlashes: wikiData.wikiInfo.features.flashesAndGames + }; + }, + + html({toTracks, toArtAndFlashes, showAsFlashes}, {link, strings}) { + return fixWS` +
+
+

${strings('listingPage.misc.trackContributors')}

+
    + ${(toTracks + .map(({ artist, date }) => strings('listingPage.listArtists.byLatest.item', { + artist: link.artist(artist), + date: strings.count.date(date) + })) + .map(row => `
  • ${row}
    • `) + .join('\n'))} +
+
+
+

${strings('listingPage.misc' + + (showAsFlashes + ? '.artAndFlashContributors' + : '.artContributors'))}

+
    + ${(toArtAndFlashes + .map(({ artist, date }) => strings('listingPage.listArtists.byLatest.item', { + artist: link.artist(artist), + date: strings.count.date(date) + })) + .map(row => `
  • ${row}
    • `) + .join('\n'))} +
+
+
+ `; + } + }, + + { + directory: 'groups/by-name', + title: ({strings}) => strings('listingPage.listGroups.byName.title'), + condition: ({wikiData}) => wikiData.wikiInfo.features.groupUI, + data: ({wikiData}) => wikiData.groupData.slice().sort(sortByName), + + row(group, {link, strings}) { + return strings('listingPage.listGroups.byCategory.group', { + group: link.groupInfo(group), + gallery: link.groupGallery(group, { + text: strings('listingPage.listGroups.byCategory.group.gallery') + }) + }); + } + }, + + { + directory: 'groups/by-category', + title: ({strings}) => strings('listingPage.listGroups.byCategory.title'), + condition: ({wikiData}) => wikiData.wikiInfo.features.groupUI, + data: ({wikiData}) => wikiData.groupCategoryData, + + html(groupCategoryData, {link, strings}) { + return fixWS` +
+ ${groupCategoryData.map(category => fixWS` +
${strings('listingPage.listGroups.byCategory.category', { + category: link.groupInfo(category.groups[0], {text: category.name}) + })}
+
    + ${(category.groups + .map(group => strings('listingPage.listGroups.byCategory.group', { + group: link.groupInfo(group), + gallery: link.groupGallery(group, { + text: strings('listingPage.listGroups.byCategory.group.gallery') + }) + })) + .map(row => `
  • ${row}
    • `) + .join('\n'))} +
+ `).join('\n')} +
+ `; + } + }, + + { + directory: 'groups/by-albums', + title: ({strings}) => strings('listingPage.listGroups.byAlbums.title'), + condition: ({wikiData}) => wikiData.wikiInfo.features.groupUI, + + data({wikiData}) { + return wikiData.groupData + .map(group => ({group, albums: group.albums.length})) + .sort((a, b) => b.albums - a.albums); + }, + + row({group, albums}, {link, strings}) { + return strings('listingPage.listGroups.byAlbums.item', { + group: link.groupInfo(group), + albums: strings.count.albums(albums, {unit: true}) + }); + } + }, + + { + directory: 'groups/by-tracks', + title: ({strings}) => strings('listingPage.listGroups.byTracks.title'), + condition: ({wikiData}) => wikiData.wikiInfo.features.groupUI, + + data({wikiData}) { + return wikiData.groupData + .map(group => ({group, tracks: group.albums.reduce((acc, album) => acc + album.tracks.length, 0)})) + .sort((a, b) => b.tracks - a.tracks); + }, + + row({group, tracks}, {link, strings}) { + return strings('listingPage.listGroups.byTracks.item', { + group: link.groupInfo(group), + tracks: strings.count.tracks(tracks, {unit: true}) + }); + } + }, + + { + directory: 'groups/by-duration', + title: ({strings}) => strings('listingPage.listGroups.byDuration.title'), + condition: ({wikiData}) => wikiData.wikiInfo.features.groupUI, + + data({wikiData}) { + return wikiData.groupData + .map(group => ({group, duration: getTotalDuration(group.albums.flatMap(album => album.tracks))})) + .sort((a, b) => b.duration - a.duration); + }, + + row({group, duration}, {link, strings}) { + return strings('listingPage.listGroups.byDuration.item', { + group: link.groupInfo(group), + duration: strings.count.duration(duration) + }); + } + }, + + { + directory: 'groups/by-latest-album', + title: ({strings}) => strings('listingPage.listGroups.byLatest.title'), + condition: ({wikiData}) => wikiData.wikiInfo.features.groupUI, + + data({wikiData}) { + return sortByDate(wikiData.groupData + .map(group => ({group, date: group.albums[group.albums.length - 1].date})) + // So this is kinda tough to explain, 8ut 8asically, when we + // reverse the list after sorting it 8y d8te (so that the latest + // d8tes come first), it also flips the order of groups which + // share the same d8te. This happens mostly when a single al8um + // is the l8test in two groups. So, say one such al8um is in the + // groups "Fandom" and "UMSPAF". Per category order, Fandom is + // meant to show up 8efore UMSPAF, 8ut when we do the reverse + // l8ter, that flips them, and UMSPAF ends up displaying 8efore + // Fandom. So we do an extra reverse here, which will fix that + // and only affect groups that share the same d8te (8ecause + // groups that don't will 8e moved 8y the sortByDate call + // surrounding this). + .reverse()).reverse() + }, + + row({group, date}, {link, strings}) { + return strings('listingPage.listGroups.byLatest.item', { + group: link.groupInfo(group), + date: strings.count.date(date) + }); + } + }, + + { + directory: 'tracks/by-name', + title: ({strings}) => strings('listingPage.listTracks.byName.title'), + + data({wikiData}) { + return wikiData.trackData.slice().sort(sortByName); + }, + + row(track, {link, strings}) { + return strings('listingPage.listTracks.byName.item', { + track: link.track(track) + }); + } + }, + + { + directory: 'tracks/by-album', + title: ({strings}) => strings('listingPage.listTracks.byAlbum.title'), + data: ({wikiData}) => wikiData.albumData, + + html(albumData, {link, strings}) { + return fixWS` +
+ ${albumData.map(album => fixWS` +
${strings('listingPage.listTracks.byAlbum.album', { + album: link.album(album) + })}
+
    + ${(album.tracks + .map(track => strings('listingPage.listTracks.byAlbum.track', { + track: link.track(track) + })) + .map(row => `
  1. ${row}
    2. `) + .join('\n'))} +
+ `).join('\n')} +
+ `; + } + }, + + { + directory: 'tracks/by-date', + title: ({strings}) => strings('listingPage.listTracks.byDate.title'), + + data({wikiData}) { + return chunkByProperties( + sortByDate(wikiData.trackData.filter(track => track.album.directory !== UNRELEASED_TRACKS_DIRECTORY)), + ['album', 'date'] + ); + }, + + html(chunks, {link, strings}) { + return fixWS` +
+ ${chunks.map(({album, date, chunk: tracks}) => fixWS` +
${strings('listingPage.listTracks.byDate.album', { + album: link.album(album), + date: strings.count.date(date) + })}
+
    + ${(tracks + .map(track => track.aka + ? `
  • ${strings('listingPage.listTracks.byDate.track.rerelease', { + track: link.track(track) + })}
    • ` + : `
  • ${strings('listingPage.listTracks.byDate.track', { + track: link.track(track) + })}
    • `) + .join('\n'))} +
+ `).join('\n')} +
+ `; + } + }, + + { + directory: 'tracks/by-duration', + title: ({strings}) => strings('listingPage.listTracks.byDuration.title'), + + data({wikiData}) { + return wikiData.trackData + .filter(track => track.album.directory !== UNRELEASED_TRACKS_DIRECTORY) + .map(track => ({track, duration: track.duration})) + .filter(({ duration }) => duration > 0) + .sort((a, b) => b.duration - a.duration); + }, + + row({track, duration}, {link, strings}) { + return strings('listingPage.listTracks.byDuration.item', { + track: link.track(track), + duration: strings.count.duration(duration) + }); + } + }, + + { + directory: 'tracks/by-duration-in-album', + title: ({strings}) => strings('listingPage.listTracks.byDurationInAlbum.title'), + + data({wikiData}) { + return wikiData.albumData.map(album => ({ + album, + tracks: album.tracks.slice().sort((a, b) => b.duration - a.duration) + })); + }, + + html(albums, {link, strings}) { + return fixWS` +
+ ${albums.map(({album, tracks}) => fixWS` +
${strings('listingPage.listTracks.byDurationInAlbum.album', { + album: link.album(album) + })}
+
    + ${(tracks + .map(track => strings('listingPage.listTracks.byDurationInAlbum.track', { + track: link.track(track), + duration: strings.count.duration(track.duration) + })) + .map(row => `
  • ${row}
    • `) + .join('\n'))} +
+ `).join('\n')} +
+ `; + } + }, + + { + directory: 'tracks/by-times-referenced', + title: ({strings}) => strings('listingPage.listTracks.byTimesReferenced.title'), + + data({wikiData}) { + return wikiData.trackData + .map(track => ({track, timesReferenced: track.referencedBy.length})) + .filter(({ timesReferenced }) => timesReferenced > 0) + .sort((a, b) => b.timesReferenced - a.timesReferenced); + }, + + row({track, timesReferenced}, {link, strings}) { + return strings('listingPage.listTracks.byTimesReferenced.item', { + track: link.track(track), + timesReferenced: strings.count.timesReferenced(timesReferenced, {unit: true}) + }); + } + }, + + { + directory: 'tracks/in-flashes/by-album', + title: ({strings}) => strings('listingPage.listTracks.inFlashes.byAlbum.title'), + condition: ({wikiData}) => wikiData.wikiInfo.features.flashesAndGames, + + data({wikiData}) { + return chunkByProperties(wikiData.trackData + .filter(t => t.flashes.length > 0), ['album']) + .filter(({ album }) => album.directory !== UNRELEASED_TRACKS_DIRECTORY); + }, + + html(chunks, {link, strings}) { + return fixWS` +
+ ${chunks.map(({album, chunk: tracks}) => fixWS` +
${strings('listingPage.listTracks.inFlashes.byAlbum.album', { + album: link.album(album), + date: strings.count.date(album.date) + })}
+
    + ${(tracks + .map(track => strings('listingPage.listTracks.inFlashes.byAlbum.track', { + track: link.track(track), + flashes: strings.list.and(track.flashes.map(link.flash)) + })) + .map(row => `
  • ${row}
    • `) + .join('\n'))} +
+ `).join('\n')} +
+ `; + } + }, + + { + directory: 'tracks/in-flashes/by-flash', + title: ({strings}) => strings('listingPage.listTracks.inFlashes.byFlash.title'), + condition: ({wikiData}) => wikiData.wikiInfo.features.flashesAndGames, + data: ({wikiData}) => wikiData.flashData, + + html(flashData, {link, strings}) { + return fixWS` +
+ ${sortByDate(flashData.slice()).map(flash => fixWS` +
${strings('listingPage.listTracks.inFlashes.byFlash.flash', { + flash: link.flash(flash), + date: strings.count.date(flash.date) + })}
+
    + ${(flash.tracks + .map(track => strings('listingPage.listTracks.inFlashes.byFlash.track', { + track: link.track(track), + album: link.album(track.album) + })) + .map(row => `
  • ${row}
    • `) + .join('\n'))} +
+ `).join('\n')} +
+ `; + } + }, + + { + directory: 'tracks/with-lyrics', + title: ({strings}) => strings('listingPage.listTracks.withLyrics.title'), + + data({wikiData}) { + return chunkByProperties(wikiData.trackData.filter(t => t.lyrics), ['album']); + }, + + html(chunks, {link, strings}) { + return fixWS` +
+ ${chunks.map(({album, chunk: tracks}) => fixWS` +
${strings('listingPage.listTracks.withLyrics.album', { + album: link.album(album), + date: strings.count.date(album.date) + })}
+
    + ${(tracks + .map(track => strings('listingPage.listTracks.withLyrics.track', { + track: link.track(track), + })) + .map(row => `
  • ${row}
    • `) + .join('\n'))} +
+ `).join('\n')} +
+ `; + } + }, + + { + directory: 'tags/by-name', + title: ({strings}) => strings('listingPage.listTags.byName.title'), + condition: ({wikiData}) => wikiData.wikiInfo.features.artTagUI, + + data({wikiData}) { + return wikiData.tagData + .filter(tag => !tag.isCW) + .sort(sortByName) + .map(tag => ({tag, timesUsed: tag.things.length})); + }, + + row({tag, timesUsed}, {link, strings}) { + return strings('listingPage.listTags.byName.item', { + tag: link.tag(tag), + timesUsed: strings.count.timesUsed(timesUsed, {unit: true}) + }); + } + }, + + { + directory: 'tags/by-uses', + title: ({strings}) => strings('listingPage.listTags.byUses.title'), + condition: ({wikiData}) => wikiData.wikiInfo.features.artTagUI, + + data({wikiData}) { + return wikiData.tagData + .filter(tag => !tag.isCW) + .map(tag => ({tag, timesUsed: tag.things.length})) + .sort((a, b) => b.timesUsed - a.timesUsed); + }, + + row({tag, timesUsed}, {link, strings}) { + return strings('listingPage.listTags.byUses.item', { + tag: link.tag(tag), + timesUsed: strings.count.timesUsed(timesUsed, {unit: true}) + }); + } + }, + + { + directory: 'random', + title: ({strings}) => `Random Pages`, + + data: ({wikiData}) => ({ + officialAlbumData: wikiData.officialAlbumData, + fandomAlbumData: wikiData.fandomAlbumData + }), + + html: ({officialAlbumData, fandomAlbumData}, {strings}) => fixWS` +

Choose a link to go to a random page in that category or album! If your browser doesn't support relatively modern JavaScript or you've disabled it, these links won't work - sorry.

+

(Data files are downloading in the background! Please wait for data to load.)

+

(Data files have finished being downloaded. The links should work!)

+
+
Miscellaneous:
+
+ ${[ + {name: 'Official', albumData: officialAlbumData, code: 'official'}, + {name: 'Fandom', albumData: fandomAlbumData, code: 'fandom'} + ].map(category => fixWS` +
${category.name}: (Random Album, Random Track)
+
    ${category.albumData.map(album => fixWS` +
  • ${album.name}
    • + `).join('\n')}
+ `).join('\n')} +
+ ` + } +]; + +export default listingSpec; -- cgit 1.3.0-6-gf8a5