« get me outta code hell

generateArtistInfoPageTracksChunkItem.js « dependencies « content « src - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/content/dependencies/generateArtistInfoPageTracksChunkItem.js
blob: 22a4a22859341fc34a62ce1166c564eee0f62ea1 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
import {sortAlbumsTracksChronologically} from '#sort';
import {empty} from '#sugar';
import {selectRepresentativeArtistContributorContribs} from '#wiki-data';

export default {
  query(artist, contribs, chunkContribs) {
    const query = {};

    query.track =
      contribs[0].thing;

    query.date =
      contribs[0].date;

    query.anyItemsExpresslyDated =
      chunkContribs.flat()
        .some(contrib => +contrib.date !== +query.track.album.date);

    query.displayedContributions =
      selectRepresentativeArtistContributorContribs(contribs);

    // It's kinda awkward to perform this chronological sort here,
    // per track, rather than just reusing the one that's done to
    // sort all the items on the page altogether... but then, the
    // sort for the page is actually *a different* sort, on purpsoe.
    // That sort is according to the dates of the contributions;
    // this is according to the dates of the tracks. Those can be
    // different - and it's the latter that determines whether the
    // track is a rerelease!
    const allReleasesChronologically =
      sortAlbumsTracksChronologically(query.track.allReleases);

    query.isFirstRelease =
      allReleasesChronologically[0] === query.track;

    query.isLaterRelease =
      allReleasesChronologically[0] !== query.track;

    query.hasOtherCreditedReleases =
      query.track.otherReleases.some(track => {
        const contribs = [
          ...track.artistContribs,
          ...track.contributorContribs,
        ];

        return contribs.some(contrib => contrib.artist === artist);
      });

    return query;
  },

  relations: (relation, query, artist, _contribs) => ({
    template:
      relation('generateArtistInfoPageChunkItem'),

    trackLink:
      relation('linkTrack', query.track),

    trackListItem:
      relation('generateTrackListItem',
        query.track,
        (empty(query.track.album.artistContribs)
          ? [artist.mockSimpleContribution]
          : query.track.album.artistContribs)),

    rereleaseTooltip:
      (query.isLaterRelease
        ? relation('generateArtistInfoPageRereleaseTooltip', query.track, artist)
        : null),

    firstReleaseTooltip:
      (query.isFirstRelease && query.hasOtherCreditedReleases
        ? relation('generateArtistInfoPageFirstReleaseTooltip', query.track, artist)
        : null),
  }),

  data: (query) => ({
    date:
      (query.anyItemsExpresslyDated
        ? query.date
        : null),

    duration:
      query.track.duration,

    contribAnnotationParts:
      (query.displayedContributions
        ? query.displayedContributions
            .flatMap(contrib => contrib.annotationParts)
        : null),
  }),

  slots: {
    showDuration: {
      type: 'boolean',
      default: true,
    },
  },

  generate: (data, relations, slots, {html, language}) =>
    relations.template.slots({
      rereleaseTooltip: relations.rereleaseTooltip,
      firstReleaseTooltip: relations.firstReleaseTooltip,

      annotation:
        (data.contribAnnotationParts
          ? language.formatUnitList(data.contribAnnotationParts)
          : html.blank()),

      content:
        language.$('artistPage.creditList.entry.track', {
          track:
            html.inside(
              relations.trackListItem.slots({
                showArtists: 'auto',
                showDuration: slots.showDuration,
                showDate: data.date,
              })),
        }),
    }),
};