1 files changed, 76 insertions, 0 deletions
diff --git a/src/content/dependencies/generateWikiHomeNewsBox.js b/src/content/dependencies/generateWikiHomeNewsBox.js
new file mode 100644
index 0000000..a1efb81
--- /dev/null
+++ b/src/content/dependencies/generateWikiHomeNewsBox.js
@@ -0,0 +1,76 @@
+import {empty, stitchArrays} from '../../util/sugar.js';
+
+export default {
+  contentDependencies: ['linkNewsEntry', 'transformContent'],
+  extraDependencies: ['html', 'language', 'wikiData'],
+
+  sprawl({newsData}) {
+    return {
+      entries: newsData.slice(0, 3),
+    };
+  },
+
+  relations(relation, sprawl) {
+    return {
+      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) {
+    return {
+      entryDates:
+        sprawl.entries
+          .map(entry => entry.date),
+    }
+  },
+
+  generate(data, relations, {html, language}) {
+    if (empty(relations.entryContents)) {
+      return html.blank();
+    }
+
+    return {
+      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 && 'first-news-entry']},
+            [
+              html.tag('h2', [
+                html.tag('time', language.formatDate(date)),
+                mainLink,
+              ]),
+
+              content.slot('thumb', 'medium'),
+
+              readMoreLink?.slots({
+                content: language.$('homepage.news.entry.viewRest'),
+              }),
+            ])),
+      ],
+    };
+  },
+};