« get me outta code hell

generateAlbumSidebarGroupBox.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/generateAlbumSidebarGroupBox.js
blob: f3be74f76a9c3ad5e6384b0716c753514d949828 (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
122
123
124
125
126
import {sortChronologically} from '#sort';
import {atOffset} from '#sugar';

export default {
  contentDependencies: [
    'generatePageSidebarBox',
    'linkAlbum',
    'linkExternal',
    'linkGroup',
    'transformContent',
  ],

  extraDependencies: ['html', 'language'],

  query(album, group) {
    const query = {};

    if (album.date) {
      const albums =
        group.albums.filter(album => album.date);

      // Sort by latest first. This matches the sorting order used on group
      // gallery pages, ensuring that previous/next matches moving up/down
      // the gallery. Note that this makes the index offsets "backwards"
      // compared to how latest-last chronological lists are accessed.
      sortChronologically(albums, {latestFirst: true});

      const index =
        albums.indexOf(album);

      query.previousAlbum =
        atOffset(albums, index, +1);

      query.nextAlbum =
        atOffset(albums, index, -1);
    }

    return query;
  },

  relations(relation, query, album, group) {
    const relations = {};

    relations.box =
      relation('generatePageSidebarBox');

    relations.groupLink =
      relation('linkGroup', group);

    relations.externalLinks =
      group.urls.map(url =>
        relation('linkExternal', url));

    if (group.descriptionShort) {
      relations.description =
        relation('transformContent', group.descriptionShort);
    }

    if (query.previousAlbum) {
      relations.previousAlbumLink =
        relation('linkAlbum', query.previousAlbum);
    }

    if (query.nextAlbum) {
      relations.nextAlbumLink =
        relation('linkAlbum', query.nextAlbum);
    }

    return relations;
  },

  slots: {
    mode: {
      validate: v => v.is('album', 'track'),
      default: 'track',
    },
  },

  generate: (relations, slots, {html, language}) =>
    language.encapsulate('albumSidebar.groupBox', boxCapsule =>
      relations.box.slots({
        attributes: {class: 'individual-group-sidebar-box'},
        content: [
          html.tag('h1',
            language.$(boxCapsule, 'title', {
              group: relations.groupLink,
            })),

          slots.mode === 'album' &&
            relations.description
              ?.slot('mode', 'multiline'),

          html.tag('p',
            {[html.onlyIfContent]: true},

            language.$('releaseInfo.visitOn', {
              [language.onlyIfOptions]: ['links'],

              links:
                language.formatDisjunctionList(
                  relations.externalLinks
                    .map(link => link.slot('context', 'group'))),
            })),

          slots.mode === 'album' &&
            html.tag('p', {class: 'group-chronology-link'},
              {[html.onlyIfContent]: true},

              language.$(boxCapsule, 'next', {
                [language.onlyIfOptions]: ['album'],

                album: relations.nextAlbumLink,
              })),

          slots.mode === 'album' &&
            html.tag('p', {class: 'group-chronology-link'},
              {[html.onlyIfContent]: true},

              language.$(boxCapsule, 'previous', {
                [language.onlyIfOptions]: ['album'],

                album: relations.previousAlbumLink,
              })),
        ],
      })),
};