@canopy-iiif/app 1.3.0 → 1.3.2

package/lib/build/sitemap.js

@@ -3,6 +3,8 @@ const { logLine } = require('./log');
 
 const DEFAULT_CHANGEFREQ = 'monthly';
 const DEFAULT_PRIORITY = '0.5';
+const MAX_URLS_PER_SITEMAP = 1000;
+const SITEMAP_INDEX_BASENAME = 'sitemap.xml';
 
 function escapeXml(value) {
   return String(value || '')
@@ -44,12 +46,7 @@ function collectAbsoluteUrls(iiifRecords, pageRecords) {
   return Array.from(urls.values()).sort((a, b) => a.localeCompare(b));
 }
 
-async function writeSitemap(iiifRecords, pageRecords) {
-  const urls = collectAbsoluteUrls(iiifRecords, pageRecords);
-  if (!urls.length) {
-    logLine('• No URLs to write to sitemap', 'yellow');
-    return;
-  }
+function buildUrlsetXml(urls) {
   const rows = urls.map((loc) => {
     const escapedLoc = escapeXml(loc);
     return [
@@ -60,16 +57,79 @@ async function writeSitemap(iiifRecords, pageRecords) {
       '  </url>',
     ].join('\n');
   });
-  const xml = [
+  return [
     '<?xml version="1.0" encoding="UTF-8"?>',
     '<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">',
     rows.join('\n'),
     '</urlset>',
     '',
   ].join('\n');
-  const dest = path.join(OUT_DIR, 'sitemap.xml');
-  await fsp.writeFile(dest, xml, 'utf8');
-  logLine(`✓ Wrote sitemap.xml (${urls.length} urls)`, 'cyan');
+}
+
+function buildSitemapIndexXml(entries) {
+  const rows = entries.map((entry) => {
+    const escapedLoc = escapeXml(entry.loc);
+    return ['  <sitemap>', `    <loc>${escapedLoc}</loc>`, '  </sitemap>'].join('\n');
+  });
+  return [
+    '<?xml version="1.0" encoding="UTF-8"?>',
+    '<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">',
+    rows.join('\n'),
+    '</sitemapindex>',
+    '',
+  ].join('\n');
+}
+
+function chunkList(list, chunkSize) {
+  const chunks = [];
+  if (!Array.isArray(list) || chunkSize <= 0) return chunks;
+  for (let i = 0; i < list.length; i += chunkSize) {
+    chunks.push(list.slice(i, i + chunkSize));
+  }
+  return chunks;
+}
+
+async function cleanupLegacySitemaps() {
+  let entries;
+  try {
+    entries = await fsp.readdir(OUT_DIR);
+  } catch (_) {
+    return;
+  }
+  const deletions = entries
+    .filter((name) => /^sitemap-\d+\.xml$/i.test(name))
+    .map((name) =>
+      fsp
+        .unlink(path.join(OUT_DIR, name))
+        .catch(() => {})
+    );
+  await Promise.all(deletions);
+}
+
+async function writeSitemap(iiifRecords, pageRecords) {
+  const urls = collectAbsoluteUrls(iiifRecords, pageRecords);
+  if (!urls.length) {
+    await cleanupLegacySitemaps();
+    logLine('• No URLs to write to sitemap', 'yellow');
+    return;
+  }
+  await cleanupLegacySitemaps();
+
+  const chunks = chunkList(urls, MAX_URLS_PER_SITEMAP);
+  const indexEntries = [];
+  for (let i = 0; i < chunks.length; i += 1) {
+    const fileName = `sitemap-${i + 1}.xml`;
+    const dest = path.join(OUT_DIR, fileName);
+    await fsp.writeFile(dest, buildUrlsetXml(chunks[i]), 'utf8');
+    indexEntries.push({ loc: absoluteUrl(fileName) });
+  }
+
+  const indexDest = path.join(OUT_DIR, SITEMAP_INDEX_BASENAME);
+  await fsp.writeFile(indexDest, buildSitemapIndexXml(indexEntries), 'utf8');
+  logLine(
+    `✓ Wrote sitemap index (${chunks.length} files, ${urls.length} urls total)`,
+    'cyan'
+  );
 }
 
 module.exports = { writeSitemap };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canopy-iiif/app",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "private": false,
   "license": "MIT",
   "author": "Mat Jordan <mat@northwestern.edu>",

package/ui/styles/base/_markdown.scss

@@ -1,6 +1,6 @@
 code {
   font-family: var(--font-mono);
-  font-size: 0.922em;
+  font-size: 0.9222rem;
 }
 
 hr {

package/ui/styles/components/_interstitial-hero.scss

@@ -11,8 +11,8 @@
     --hero-height: 520px;
     --hero-bg-start: var(--color-gray-50);
     --hero-bg-mid: var(--color-accent-100);
-    --hero-bg-end: var(--color-accent-200);
-    --hero-dot-bg: var(--color-accent-300);
+    --hero-bg-end: var(--color-accent-300);
+    --hero-dot-bg: var(--color-accent-400);
     --hero-dot-active-bg: var(--color-accent-700);
 
     background: linear-gradient(
@@ -137,8 +137,9 @@
     }
 
     .canopy-interstitial__description {
-      font-size: 0.8333rem;
-      color: var(--color-accent-800);
+      font-size: 0.9222rem;
+      font-weight: 700;
+      color: var(--color-accent-700);
       font-family: var(--font-mono);
     }
   }

package/ui/styles/index.css

@@ -77,7 +77,7 @@
 }
 code {
   font-family: var(--font-mono);
-  font-size: 0.922em;
+  font-size: 0.9222rem;
 }
 
 hr {
@@ -869,8 +869,8 @@ section[data-footnotes] ul li,
   --hero-height: 520px;
   --hero-bg-start: var(--color-gray-50);
   --hero-bg-mid: var(--color-accent-100);
-  --hero-bg-end: var(--color-accent-200);
-  --hero-dot-bg: var(--color-accent-300);
+  --hero-bg-end: var(--color-accent-300);
+  --hero-dot-bg: var(--color-accent-400);
   --hero-dot-active-bg: var(--color-accent-700);
   background: linear-gradient(173deg, var(--hero-bg-start) 5rem, var(--hero-bg-mid) 61.8%, var(--hero-bg-end) 100%);
   min-height: var(--hero-height);
@@ -973,8 +973,9 @@ section[data-footnotes] ul li,
   padding: 1rem 1.618rem;
 }
 .canopy-interstitial--hero-breadcrumb .canopy-interstitial__description {
-  font-size: 0.8333rem;
-  color: var(--color-accent-800);
+  font-size: 0.9222rem;
+  font-weight: 700;
+  color: var(--color-accent-700);
   font-family: var(--font-mono);
 }
 .canopy-interstitial__breadcrumb {