2 files changed, 90 insertions, 0 deletions
diff --git a/src/content/dependencies/generateListingPage.js b/src/content/dependencies/generateListingPage.js
new file mode 100644
index 00000000..ae186d28
--- /dev/null
+++ b/src/content/dependencies/generateListingPage.js
@@ -0,0 +1,44 @@
+export default {
+  contentDependencies: ['generatePageLayout', 'linkListingIndex'],
+  extraDependencies: ['html'],
+
+  relations(relation) {
+    return {
+      layout: relation('generatePageLayout'),
+      listingsIndexLink: relation('linkListingIndex'),
+    };
+  },
+
+  slots: {
+    title: {type: 'string'},
+
+    type: {
+      validate: v => v.is('rows'),
+    },
+
+    rows: {
+      validate: v => v.arrayOf(v.isHTML),
+    },
+  },
+
+  generate(relations, slots, {html}) {
+    return relations.layout.slots({
+      title: slots.title,
+      headingMode: 'sticky',
+
+      mainContent: [
+        slots.type === 'rows' &&
+          html.tag('ul',
+            slots.rows
+              .map(row => html.tag('li', row))),
+      ],
+
+      navLinkStyle: 'hierarchical',
+      navLinks: [
+        {auto: 'home'},
+        {html: relations.listingsIndexLink},
+        {auto: 'current'},
+      ],
+    });
+  },
+};
diff --git a/src/content/dependencies/listAlbumsByName.js b/src/content/dependencies/listAlbumsByName.js
new file mode 100644
index 00000000..2182efa5
--- /dev/null
+++ b/src/content/dependencies/listAlbumsByName.js
@@ -0,0 +1,46 @@
+import {stitchArrays} from '../../util/sugar.js';
+import {sortAlphabetically} from '../../util/wiki-data.js';
+
+export default {
+  contentDependencies: ['generateListingPage', 'linkAlbum'],
+  extraDependencies: ['language', 'wikiData'],
+
+  sprawl({albumData}) {
+    return {albumData};
+  },
+
+  query({albumData}) {
+    return {
+      albums: sortAlphabetically(albumData.slice()),
+    };
+  },
+
+  relations(relation, query) {
+    return {
+      page: relation('generateListingPage'),
+      links: query.albums.map(album => relation('linkAlbum', album)),
+    };
+  },
+
+  data(query) {
+    return {
+      numTracks: query.albums.map(album => album.tracks.length),
+    };
+  },
+
+  generate(data, relations, {language}) {
+    return relations.page.slots({
+      title: language.$('listingPage.listAlbums.byName.title'),
+      type: 'rows',
+      rows:
+        stitchArrays({
+          link: relations.links,
+          numTracks: data.numTracks,
+        }).map(({link, numTracks}) =>
+            language.$('listingPage.listAlbums.byName.item', {
+              album: link,
+              tracks: language.countTracks(numTracks, {unit: true}),
+            })),
+    });
+  },
+};