« get me outta code hell

linkThing.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/linkThing.js
blob: 1e648ee634795f1e053ce955915ce5c0829462a4 (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
export default {
  contentDependencies: [
    'linkTemplate',
  ],

  extraDependencies: [
    'html',
  ],

  relations(relation) {
    return {
      linkTemplate: relation('linkTemplate'),
    };
  },

  data(pathKey, thing) {
    return {
      pathKey,

      color: thing.color,
      directory: thing.directory,

      name: thing.name,
      nameShort: thing.nameShort,
    };
  },

  generate(data, relations, {html}) {
    const path = [data.pathKey, data.directory];

    return html.template({
      annotation: 'linkThing',

      slots: {
        content: relations.linkTemplate.getSlotDescription('content'),
        preferShortName: {type: 'boolean', default: false},

        tooltip: {
          validate: v => v.oneOf(v.isBoolean, v.isString),
          default: false,
        },

        color: {
          validate: v => v.oneOf(v.isBoolean, v.isColor),
          default: true,
        },

        attributes: relations.linkTemplate.getSlotDescription('attributes'),
        hash: relations.linkTemplate.getSlotDescription('hash'),
      },

      content(slots) {
        let content = slots.content;

        const name =
          (slots.preferShortName
            ? data.nameShort ?? data.name
            : data.name);

        if (html.isBlank(content)) {
          content = name;
        }

        let color = null;
        if (slots.color === true) {
          color = data.color ?? null;
        } else if (typeof slots.color === 'string') {
          color = slots.color;
        }

        let tooltip = null;
        if (slots.tooltip === true) {
          tooltip = name;
        } else if (typeof slots.tooltip === 'string') {
          tooltip = slots.tooltip;
        }

        return relations.linkTemplate
          .slots({
            path,
            content,
            color,
            tooltip,

            attributes: slots.attributes,
            hash: slots.hash,
          });
      },
    });
  },
}