« get me outta code hell

linkTemplate.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/linkTemplate.js
blob: 1cf64c598365a633341a13b7a2e672ca025fdaed (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
import {empty} from '#sugar';

import striptags from 'striptags';

export default {
  extraDependencies: [
    'appendIndexHTML',
    'getColors',
    'html',
    'language',
    'to',
  ],

  slots: {
    href: {type: 'string'},
    path: {validate: v => v.validateArrayItems(v.isString)},
    hash: {type: 'string'},

    tooltip: {validate: v => v.isString},
    attributes: {validate: v => v.isAttributes},
    color: {validate: v => v.isColor},
    content: {type: 'html'},
  },

  generate(slots, {
    appendIndexHTML,
    getColors,
    html,
    language,
    to,
  }) {
    let href = slots.href;
    let style;
    let title;

    if (href) {
      href = encodeURI(href);
    } else if (!empty(slots.path)) {
      href = to(...slots.path);
    }

    if (appendIndexHTML) {
      if (
        /^(?!https?:\/\/).+\/$/.test(href) &&
        href.endsWith('/')
      ) {
        href += 'index.html';
      }
    }

    if (slots.hash) {
      href += (slots.hash.startsWith('#') ? '' : '#') + slots.hash;
    }

    if (slots.color) {
      const {primary, dim} = getColors(slots.color);
      style = `--primary-color: ${primary}; --dim-color: ${dim}`;
    }

    if (slots.tooltip) {
      title = slots.tooltip;
    }

    const content =
      (html.isBlank(slots.content)
        ? language.$('misc.missingLinkContent')
        : striptags(html.resolve(slots.content, {normalize: 'string'}), {
            disallowedTags: new Set(['a']),
          }));

    return html.tag('a', {
      ...slots.attributes ?? {},
      href,
      style,
      title,
    }, content);
  },
}