« get me outta code hell

generateWikiHomeNewsBox.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/generateWikiHomeNewsBox.js
blob: bd0e4797c0096520deece86559dbe34b555e063a (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
import {empty, stitchArrays} from '#sugar';

export default {
  contentDependencies: [
    'generatePageSidebarBox',
    'linkNewsEntry',
    'transformContent',
  ],

  extraDependencies: ['html', 'language', 'wikiData'],

  sprawl: ({newsData}) => ({
    entries:
      newsData.slice(0, 3),
  }),

  relations: (relation, sprawl) => ({
    box:
      relation('generatePageSidebarBox'),

    entryContents:
      sprawl.entries
        .map(entry => relation('transformContent', entry.contentShort)),

    entryMainLinks:
      sprawl.entries
        .map(entry => relation('linkNewsEntry', entry)),

    entryReadMoreLinks:
      sprawl.entries
        .map(entry =>
          entry.contentShort !== entry.content &&
            relation('linkNewsEntry', entry)),
  }),

  data: (sprawl) => ({
    entryDates:
      sprawl.entries
        .map(entry => entry.date),
  }),

  generate(data, relations, {html, language}) {
    if (empty(relations.entryContents)) {
      return html.blank();
    }

    return relations.box.slots({
      attributes: {class: 'latest-news-sidebar-box'},
      collapsible: false,

      content: [
        html.tag('h1', language.$('homepage.news.title')),

        stitchArrays({
          date: data.entryDates,
          content: relations.entryContents,
          mainLink: relations.entryMainLinks,
          readMoreLink: relations.entryReadMoreLinks,
        }).map(({
            date,
            content,
            mainLink,
            readMoreLink,
          }, index) =>
            html.tag('article', {class: 'news-entry'},
              index === 0 &&
                {class: 'first-news-entry'},

              [
                html.tag('h2', [
                  html.tag('time', language.formatDate(date)),
                  mainLink,
                ]),

                content.slot('thumb', 'medium'),

                html.tag('p',
                  {[html.onlyIfContent]: true},
                  readMoreLink
                    ?.slots({
                      content: language.$('homepage.news.entry.viewRest'),
                    })),
              ])),
      ],
    });
  },
};