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
|
import {input} from '#composite';
import find from '#find';
import Thing, {
color,
directory,
name,
referenceList,
simpleString,
urls,
wikiData,
} from './thing.js';
export class Group extends Thing {
static [Thing.referenceType] = 'group';
static [Thing.getPropertyDescriptors] = ({Album}) => ({
// Update & expose
name: name('Unnamed Group'),
directory: directory(),
description: simpleString(),
urls: urls(),
featuredAlbums: referenceList({
class: input.value(Album),
find: input.value(find.album),
data: 'albumData',
}),
// Update only
albumData: wikiData(Album),
groupCategoryData: wikiData(GroupCategory),
// Expose only
descriptionShort: {
flags: {expose: true},
expose: {
dependencies: ['description'],
compute: ({description}) => description.split('<hr class="split">')[0],
},
},
albums: {
flags: {expose: true},
expose: {
dependencies: ['this', 'albumData'],
compute: ({this: group, albumData}) =>
albumData?.filter((album) => album.groups.includes(group)) ?? [],
},
},
color: {
flags: {expose: true},
expose: {
dependencies: ['this', 'groupCategoryData'],
compute: ({this: group, groupCategoryData}) =>
groupCategoryData.find((category) => category.groups.includes(group))
?.color,
},
},
category: {
flags: {expose: true},
expose: {
dependencies: ['this', 'groupCategoryData'],
compute: ({this: group, groupCategoryData}) =>
groupCategoryData.find((category) => category.groups.includes(group)) ??
null,
},
},
});
}
export class GroupCategory extends Thing {
static [Thing.getPropertyDescriptors] = ({Group}) => ({
// Update & expose
name: name('Unnamed Group Category'),
color: color(),
groups: referenceList({
class: input.value(Group),
find: input.value(find.group),
data: 'groupData',
}),
// Update only
groupData: wikiData(Group),
});
}
|
