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
  | 
import {sortAlbumsTracksChronologically} from '#sort';
export default {
  query(track, artist) {
    const query = {};
    query.firstRelease =
      sortAlbumsTracksChronologically(track.allReleases)[0];
    const contribs = [
      ...query.firstRelease.artistContribs,
      ...query.firstRelease.contributorContribs,
    ];
    query.creditedOnFirstRelease =
      contribs.some(contrib => contrib.artist === artist);
    return query;
  },
  relations: (relation, query, track, artist) => ({
    tooltip:
      relation('generateTooltip'),
    rereleaseColorStyle:
      relation('generateColorStyleAttribute', track.color),
    firstReleaseLink:
      (query.creditedOnFirstRelease
        ? relation('linkOtherReleaseOnArtistInfoPage', query.firstRelease, artist)
        : relation('linkTrackAsRelease', query.firstRelease)),
  }),
  data: (query, track, artist) => ({
    artistName:
      artist.name,
    rereleaseDate:
      track.dateFirstReleased ??
      track.album.date,
    firstReleaseDate:
      query.firstRelease.dateFirstReleased ??
      query.firstRelease.album.date,
    creditedOnFirstRelease:
      query.creditedOnFirstRelease,
  }),
  generate: (data, relations, {html, language}) =>
    language.encapsulate('artistPage.creditList.entry.rerelease', capsule =>
      relations.tooltip.slots({
        attributes: [
          {class: 'rerelease-tooltip'},
          relations.rereleaseColorStyle,
        ],
        content: [
          language.$(capsule, 'firstRelease', {
            album:
              html.metatag('blockwrap', relations.firstReleaseLink),
          }),
          html.tag('br'),
          language.formatRelativeDate(data.firstReleaseDate, data.rereleaseDate, {
            considerRoundingDays: true,
            approximate: true,
            absolute: true,
          }),
          !data.creditedOnFirstRelease && [
            html.tag('hr', {class: 'cute'}),
            html.tag('span', {class: 'not-credited-on-first-release'},
              language.$(capsule, 'notCreditedOnFirstRelease', {
                artist: data.artistName,
              })),
          ],
        ],
      })),
};
  |