« get me outta code hell

generateGroupInfoPage.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/generateGroupInfoPage.js
blob: 918d6476b2e96a5ac2604febe9b10a9504d186ec (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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
import {stitchArrays} from '#sugar';

export default {
  contentDependencies: [
    'generateColorStyleAttribute',
    'generateGroupInfoPageAlbumsSection',
    'generateGroupNavLinks',
    'generateGroupSecondaryNav',
    'generateGroupSidebar',
    'generatePageLayout',
    'linkArtist',
    'linkExternal',
    'transformContent',
  ],

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

  sprawl: ({wikiInfo}) => ({
    enableGroupUI:
      wikiInfo.enableGroupUI,

    wikiColor:
      wikiInfo.color,
  }),

  relations: (relation, sprawl, group) => ({
    layout:
      relation('generatePageLayout'),

    navLinks:
      relation('generateGroupNavLinks', group),

    secondaryNav:
      (sprawl.enableGroupUI
        ? relation('generateGroupSecondaryNav', group)
        : null),

    sidebar:
      (sprawl.enableGroupUI
        ? relation('generateGroupSidebar', group)
        : null),

    wikiColorAttribute:
      relation('generateColorStyleAttribute', sprawl.wikiColor),

    closeArtistLinks:
      group.closelyLinkedArtists
        .map(({thing: artist}) =>
          relation('linkArtist', artist)),

    visitLinks:
      group.urls
        .map(url => relation('linkExternal', url)),

    description:
      relation('transformContent', group.description),

    albumSection:
      relation('generateGroupInfoPageAlbumsSection', group),
  }),

  data: (_sprawl, group) => ({
    name:
      group.name,

    color:
      group.color,

    closeArtistAnnotations:
      group.closelyLinkedArtists
        .map(({annotation}) => annotation),
  }),

  generate: (data, relations, {html, language}) =>
    language.encapsulate('groupInfoPage', pageCapsule =>
      relations.layout.slots({
        title: language.$(pageCapsule, 'title', {group: data.name}),
        headingMode: 'sticky',
        color: data.color,

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

            language.encapsulate(pageCapsule, 'closelyLinkedArtists', capsule => {
              const [workingCapsule, option] =
                (relations.closeArtistLinks.length === 0
                  ? [null, null]
               : relations.closeArtistLinks.length === 1
                  ? [language.encapsulate(capsule, 'one'), 'artist']
                  : [language.encapsulate(capsule, 'multiple'), 'artists']);

              if (!workingCapsule) return html.blank();

              return language.$(workingCapsule, {
                [option]:
                  language.formatUnitList(
                    stitchArrays({
                      link: relations.closeArtistLinks,
                      annotation: data.closeArtistAnnotations,
                    }).map(({link, annotation}) =>
                        language.encapsulate(capsule, 'artist', workingCapsule => {
                          const workingOptions = {};

                          workingOptions.artist =
                            link.slots({
                              attributes: [relations.wikiColorAttribute],
                            });

                          if (annotation) {
                            workingCapsule += '.withAnnotation';
                            workingOptions.annotation = annotation;
                          }

                          return language.$(workingCapsule, workingOptions);
                        }))),
              });
            })),

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

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

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

          html.tag('blockquote',
            {[html.onlyIfContent]: true},
            relations.description.slot('mode', 'multiline')),

          relations.albumSection,
        ],

        leftSidebar:
          (relations.sidebar
            ? relations.sidebar
                .content /* TODO: Kludge. */
            : null),

        navLinkStyle: 'hierarchical',
        navLinks: relations.navLinks.content,

        secondaryNav: relations.secondaryNav ?? null,
      })),
};