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
|
import {stitchArrays} from '#sugar';
export default {
contentDependencies: ['linkTrack', 'transformContent'],
extraDependencies: ['html', 'language'],
relations: (relation, entry) => ({
nameContent:
relation('transformContent', entry.name),
annotationContent:
(entry.annotation
? relation('transformContent', entry.annotation)
: null),
trackLinks:
(entry.from
? entry.from.map(track => relation('linkTrack', track))
: null),
}),
data: (entry) => ({
albumNames:
(entry.from
? entry.from.map(track => track.album.name)
: null),
}),
generate: (data, relations, {html, language}) => {
const prefix = 'misc.additionalNames.item';
const itemParts = [prefix];
const itemOptions = {};
itemOptions.name =
html.tag('span', {class: 'additional-name'},
relations.nameContent.slot('mode', 'inline'));
const accentParts = [prefix, 'accent'];
const accentOptions = {};
if (relations.annotationContent) {
accentParts.push('withAnnotation');
accentOptions.annotation =
relations.annotationContent.slot('mode', 'inline');
}
if (relations.trackLinks) {
accentParts.push('withAlbums');
accentOptions.albums =
language.formatConjunctionList(
stitchArrays({
trackLink: relations.trackLinks,
albumName: data.albumNames,
}).map(({trackLink, albumName}) =>
trackLink.slot('content',
language.sanitize(albumName))));
}
if (accentParts.length > 2) {
itemParts.push('withAccent');
itemOptions.accent =
html.tag('span', {class: 'accent'},
html.metatag('chunkwrap', {split: ','},
html.resolve(
language.$(...accentParts, accentOptions))));
}
return language.$(...itemParts, itemOptions);
},
};
|