« 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: 4ebf4d7659f5d7f53b5993dbb17f8f34249f8311 (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
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,
    };
  },

  slots: {
    content: {type: 'html'},

    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,
    },

    anchor: {type: 'boolean', default: false},

    attributes: {validate: v => v.isAttributes},
    hash: {type: 'string'},
  },

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

    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: slots.anchor ? [] : path,
        href: slots.anchor ? '' : null,
        content,
        color,
        tooltip,

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