@canopy-iiif/app 1.5.4 → 1.5.6

package/lib/build/iiif.js

@@ -28,6 +28,7 @@ const {
   buildIiifImageUrlForDimensions,
   findPrimaryCanvasImage,
   buildIiifImageSrcset,
+  isLevel0Service,
 } = require("../iiif/thumbnail");
 
 const IIIF_CACHE_DIR = path.resolve(".cache/iiif");
@@ -118,6 +119,67 @@ function normalizeSlugBase(value, fallback) {
   return clampSlugLength(safeFallback, MAX_ENTRY_SLUG_LENGTH) || safeFallback;
 }
 
+function manifestHrefFromSlug(slug) {
+  if (!slug) return "";
+  const rel = `works/${String(slug).trim()}.html`;
+  return rootRelativeHref(rel);
+}
+
+function extractHomepageId(resource) {
+  if (!resource) return "";
+  const homepageRaw = resource.homepage;
+  const list = Array.isArray(homepageRaw)
+    ? homepageRaw
+    : homepageRaw
+    ? [homepageRaw]
+    : [];
+  for (const entry of list) {
+    if (!entry) continue;
+    if (typeof entry === "string") {
+      const trimmed = entry.trim();
+      if (trimmed) return trimmed;
+      continue;
+    }
+    if (typeof entry === "object") {
+      const id = entry.id || entry["@id"];
+      if (typeof id === "string" && id.trim()) return id.trim();
+    }
+  }
+  return "";
+}
+
+function resolveManifestCanonical(manifest, slug) {
+  const homepageId = extractHomepageId(manifest);
+  if (homepageId) return homepageId;
+  return manifestHrefFromSlug(slug);
+}
+
+function resolveCollectionCanonical(collection) {
+  const homepageId = extractHomepageId(collection);
+  if (homepageId) return homepageId;
+  const id = collection && (collection.id || collection["@id"]);
+  return typeof id === "string" ? id : "";
+}
+
+function assignEntryCanonical(entry, canonical) {
+  if (!entry || typeof entry !== "object") return "";
+  const value = canonical ? String(canonical) : "";
+  entry.canonical = value;
+  return value;
+}
+
+function applyManifestEntryCanonical(entry, manifest, slug) {
+  if (!entry || entry.type !== "Manifest") return "";
+  const canonical = resolveManifestCanonical(manifest, slug);
+  return assignEntryCanonical(entry, canonical);
+}
+
+function applyCollectionEntryCanonical(entry, collection) {
+  if (!entry || entry.type !== "Collection") return "";
+  const canonical = resolveCollectionCanonical(collection);
+  return assignEntryCanonical(entry, canonical);
+}
+
 function buildSlugWithSuffix(base, fallback, counter) {
   const suffix = `-${counter}`;
   const baseLimit = Math.max(1, MAX_ENTRY_SLUG_LENGTH - suffix.length);
@@ -167,9 +229,29 @@ function ensureThumbnailValue(target, url, width, height) {
   return true;
 }
 
+function extractResourceThumbnail(resource) {
+  try {
+    const rawThumb = resource && resource.thumbnail;
+    const first = Array.isArray(rawThumb) ? rawThumb[0] : rawThumb;
+    if (!first) return null;
+    if (typeof first === "string") {
+      const trimmed = first.trim();
+      return trimmed ? {url: trimmed} : null;
+    }
+    const id = first.id || first["@id"];
+    if (!id) return null;
+    const width = typeof first.width === "number" ? first.width : undefined;
+    const height = typeof first.height === "number" ? first.height : undefined;
+    return {url: String(id), width, height};
+  } catch (_) {
+    return null;
+  }
+}
+
 async function resolveHeroMedia(manifest) {
   if (!manifest) return null;
   try {
+    const manifestThumb = extractResourceThumbnail(manifest);
     const heroSource = (() => {
       if (manifest && manifest.thumbnail) {
         const clone = { ...manifest };
@@ -191,15 +273,11 @@ async function resolveHeroMedia(manifest) {
     const heroService =
       (canvasImage && canvasImage.service) ||
       (heroRep && heroRep.service);
+    const serviceIsLevel0 = isLevel0Service(heroService);
     const heroPreferred = buildIiifImageUrlFromService(
-      heroService,
+      serviceIsLevel0 ? null : heroService,
       HERO_THUMBNAIL_SIZE
     );
-    const heroFallbackId = (() => {
-      if (canvasImage && canvasImage.id) return String(canvasImage.id);
-      if (heroRep && heroRep.id) return String(heroRep.id);
-      return '';
-    })();
     const heroWidth = (() => {
       if (canvasImage && typeof canvasImage.width === 'number')
         return canvasImage.width;
@@ -213,21 +291,59 @@ async function resolveHeroMedia(manifest) {
         return heroRep.height;
       return undefined;
     })();
-    const heroSrcset = buildIiifImageSrcset(heroService);
-    const ogImage = heroService
-      ? buildIiifImageUrlForDimensions(
-          heroService,
-          OG_IMAGE_WIDTH,
-          OG_IMAGE_HEIGHT
-        )
-      : '';
+    const heroSrcset = serviceIsLevel0
+      ? ''
+      : buildIiifImageSrcset(heroService);
+    const ogFromService =
+      !serviceIsLevel0 && heroService
+        ? buildIiifImageUrlForDimensions(
+            heroService,
+            OG_IMAGE_WIDTH,
+            OG_IMAGE_HEIGHT
+          )
+        : '';
+    const annotationImageId =
+      canvasImage && canvasImage.isImageBody && canvasImage.id
+        ? String(canvasImage.id)
+        : '';
+    let heroThumbnail = heroPreferred || '';
+    let heroThumbWidth = heroWidth;
+    let heroThumbHeight = heroHeight;
+    if (!heroThumbnail && manifestThumb && manifestThumb.url) {
+      heroThumbnail = manifestThumb.url;
+      if (typeof manifestThumb.width === 'number')
+        heroThumbWidth = manifestThumb.width;
+      if (typeof manifestThumb.height === 'number')
+        heroThumbHeight = manifestThumb.height;
+    }
+    if (!heroThumbnail) {
+      if (annotationImageId) {
+        heroThumbnail = annotationImageId;
+      } else if (!serviceIsLevel0 && heroRep && heroRep.id) {
+        heroThumbnail = String(heroRep.id);
+      }
+    }
+    let ogImage = '';
+    let ogImageWidth;
+    let ogImageHeight;
+    if (ogFromService) {
+      ogImage = ogFromService;
+      ogImageWidth = OG_IMAGE_WIDTH;
+      ogImageHeight = OG_IMAGE_HEIGHT;
+    } else if (heroThumbnail) {
+      ogImage = heroThumbnail;
+      if (typeof heroThumbWidth === 'number') ogImageWidth = heroThumbWidth;
+      if (typeof heroThumbHeight === 'number') ogImageHeight = heroThumbHeight;
+    }
     return {
-      heroThumbnail: heroPreferred || heroFallbackId || '',
-      heroThumbnailWidth: heroWidth,
-      heroThumbnailHeight: heroHeight,
+      heroThumbnail: heroThumbnail || '',
+      heroThumbnailWidth: heroThumbWidth,
+      heroThumbnailHeight: heroThumbHeight,
       heroThumbnailSrcset: heroSrcset || '',
       heroThumbnailSizes: heroSrcset ? HERO_IMAGE_SIZES_ATTR : '',
       ogImage: ogImage || '',
+      ogImageWidth,
+      ogImageHeight,
     };
   } catch (_) {
     return null;
@@ -834,6 +950,7 @@ async function loadCachedManifestById(id) {
               slug,
               parent: "",
             };
+            applyManifestEntryCanonical(entry, null, slug);
             if (existingEntryIdx >= 0) index.byId[existingEntryIdx] = entry;
             else index.byId.push(entry);
             await saveManifestIndex(index);
@@ -851,6 +968,21 @@ async function loadCachedManifestById(id) {
         await fsp.writeFile(p, JSON.stringify(normalized, null, 2), "utf8");
       } catch (_) {}
     }
+    try {
+      index.byId = Array.isArray(index.byId) ? index.byId : [];
+      const nid = normalizeIiifId(id);
+      const existingEntryIdx = index.byId.findIndex(
+        (e) => e && normalizeIiifId(e.id) === nid && e.type === "Manifest"
+      );
+      if (existingEntryIdx >= 0) {
+        const entry = index.byId[existingEntryIdx];
+        const prevCanonical = entry && entry.canonical ? String(entry.canonical) : "";
+        const nextCanonical = applyManifestEntryCanonical(entry, normalized, slug);
+        if (nextCanonical !== prevCanonical) {
+          await saveManifestIndex(index);
+        }
+      }
+    } catch (_) {}
     return normalized;
   } catch (_) {
     return null;
@@ -880,6 +1012,7 @@ async function saveCachedManifest(manifest, id, parentId) {
       slug,
       parent: parentId ? String(parentId) : "",
     };
+    applyManifestEntryCanonical(entry, normalizedManifest, slug);
     if (existingEntryIdx >= 0) index.byId[existingEntryIdx] = entry;
     else index.byId.push(entry);
     await saveManifestIndex(index);
@@ -987,14 +1120,28 @@ async function ensureFeaturedInCache(cfg) {
             }
           }
           if (heroMedia && heroMedia.ogImage) {
-            if (entry.ogImage !== heroMedia.ogImage) touched = true;
-            entry.ogImage = heroMedia.ogImage;
-            entry.ogImageWidth = OG_IMAGE_WIDTH;
-            entry.ogImageHeight = OG_IMAGE_HEIGHT;
+            if (entry.ogImage !== heroMedia.ogImage) {
+              entry.ogImage = heroMedia.ogImage;
+              touched = true;
+            }
+            if (typeof heroMedia.ogImageWidth === 'number') {
+              if (entry.ogImageWidth !== heroMedia.ogImageWidth) touched = true;
+              entry.ogImageWidth = heroMedia.ogImageWidth;
+            } else if (entry.ogImageWidth !== undefined) {
+              delete entry.ogImageWidth;
+              touched = true;
+            }
+            if (typeof heroMedia.ogImageHeight === 'number') {
+              if (entry.ogImageHeight !== heroMedia.ogImageHeight) touched = true;
+              entry.ogImageHeight = heroMedia.ogImageHeight;
+            } else if (entry.ogImageHeight !== undefined) {
+              delete entry.ogImageHeight;
+              touched = true;
+            }
           } else if (entry.ogImage !== undefined) {
             delete entry.ogImage;
-            delete entry.ogImageWidth;
-            delete entry.ogImageHeight;
+            if (entry.ogImageWidth !== undefined) delete entry.ogImageWidth;
+            if (entry.ogImageHeight !== undefined) delete entry.ogImageHeight;
             touched = true;
           }
           if (
@@ -1081,6 +1228,7 @@ async function loadCachedCollectionById(id) {
                     slug,
                     parent: "",
                   };
+                  applyCollectionEntryCanonical(entry, null);
                   if (existing >= 0) index.byId[existing] = entry;
                   else index.byId.push(entry);
                   await saveManifestIndex(index);
@@ -1095,7 +1243,23 @@ async function loadCachedCollectionById(id) {
     if (!slug) return null;
     const p = path.join(IIIF_CACHE_COLLECTIONS_DIR, slug + ".json");
     if (!fs.existsSync(p)) return null;
-    return await readJson(p);
+    const data = await readJson(p);
+    try {
+      index.byId = Array.isArray(index.byId) ? index.byId : [];
+      const nid = normalizeIiifId(id);
+      const existingEntryIdx = index.byId.findIndex(
+        (e) => e && normalizeIiifId(e.id) === nid && e.type === "Collection"
+      );
+      if (existingEntryIdx >= 0) {
+        const entry = index.byId[existingEntryIdx];
+        const prevCanonical = entry && entry.canonical ? String(entry.canonical) : "";
+        const nextCanonical = applyCollectionEntryCanonical(entry, data);
+        if (nextCanonical !== prevCanonical) {
+          await saveManifestIndex(index);
+        }
+      }
+    } catch (_) {}
+    return data;
   } catch (_) {
     return null;
   }
@@ -1133,6 +1297,7 @@ async function saveCachedCollection(collection, id, parentId) {
       slug,
       parent: parentId ? String(parentId) : "",
     };
+    applyCollectionEntryCanonical(entry, normalizedCollection);
     if (existingEntryIdx >= 0) index.byId[existingEntryIdx] = entry;
     else index.byId.push(entry);
     await saveManifestIndex(index);
@@ -1183,12 +1348,14 @@ async function rebuildManifestIndexFromCache() {
       const key = `Collection:${nid}`;
       const fallback = priorMap.get(key) || {};
       const parent = resolveParentFromPartOf(data) || fallback.parent || "";
-      nextIndex.byId.push({
+      const entry = {
         id: String(nid),
         type: "Collection",
         slug,
         parent,
-      });
+      };
+      applyCollectionEntryCanonical(entry, data);
+      nextIndex.byId.push(entry);
     }
 
     for (const name of manifestFiles) {
@@ -1214,6 +1381,7 @@ async function rebuildManifestIndexFromCache() {
         slug,
         parent,
       };
+      applyManifestEntryCanonical(entry, manifest, slug);
       try {
         const thumb = await getThumbnail(manifest, thumbSize, unsafeThumbs);
         if (thumb && thumb.url) {
@@ -1236,8 +1404,12 @@ async function rebuildManifestIndexFromCache() {
           }
           if (heroMedia.ogImage) {
             entry.ogImage = heroMedia.ogImage;
-            entry.ogImageWidth = OG_IMAGE_WIDTH;
-            entry.ogImageHeight = OG_IMAGE_HEIGHT;
+            if (typeof heroMedia.ogImageWidth === 'number')
+              entry.ogImageWidth = heroMedia.ogImageWidth;
+            else delete entry.ogImageWidth;
+            if (typeof heroMedia.ogImageHeight === 'number')
+              entry.ogImageHeight = heroMedia.ogImageHeight;
+            else delete entry.ogImageHeight;
           }
           ensureThumbnailValue(
             entry,
@@ -1594,12 +1766,20 @@ async function buildIiifCollectionPages(CONFIG) {
             slug,
             parent: parentNorm,
           };
+          applyManifestEntryCanonical(newEntry, manifest, slug);
           const existingIdx = idxMap.byId.findIndex(
             (e) => e && e.type === "Manifest" && normalizeIiifId(e.id) === nid
           );
           if (existingIdx >= 0) idxMap.byId[existingIdx] = newEntry;
           else idxMap.byId.push(newEntry);
           await saveManifestIndex(idxMap);
+          mEntry = newEntry;
+        } else if (mEntry) {
+          const prevCanonical = mEntry.canonical || "";
+          const nextCanonical = applyManifestEntryCanonical(mEntry, manifest, slug);
+          if (nextCanonical !== prevCanonical) {
+            await saveManifestIndex(idxMap);
+          }
         }
         const manifestId = manifest && manifest.id ? manifest.id : id;
         const references = referenced.getReferencesForManifest(manifestId);
@@ -1644,6 +1824,7 @@ async function buildIiifCollectionPages(CONFIG) {
           const normalizedHref = href.split(path.sep).join("/");
           const pageHref = rootRelativeHref(normalizedHref);
           const pageDescription = summaryForMeta || title;
+          const canonical = resolveManifestCanonical(manifest, slug);
           const pageDetails = {
             title,
             href: pageHref,
@@ -1653,11 +1834,13 @@ async function buildIiifCollectionPages(CONFIG) {
             description: pageDescription,
             manifestId,
             referencedBy: references,
+            canonical,
             meta: {
               title,
               description: pageDescription,
               type: "work",
               url: pageHref,
+              canonical,
             },
           };
           const ogImageForPage = heroMedia && heroMedia.ogImage ? heroMedia.ogImage : '';
@@ -2006,12 +2189,18 @@ async function buildIiifCollectionPages(CONFIG) {
                     entry.ogImage = heroMedia.ogImage;
                     touched = true;
                   }
-                  if (entry.ogImageWidth !== OG_IMAGE_WIDTH) {
-                    entry.ogImageWidth = OG_IMAGE_WIDTH;
+                  if (typeof heroMedia.ogImageWidth === 'number') {
+                    if (entry.ogImageWidth !== heroMedia.ogImageWidth) touched = true;
+                    entry.ogImageWidth = heroMedia.ogImageWidth;
+                  } else if (entry.ogImageWidth !== undefined) {
+                    delete entry.ogImageWidth;
                     touched = true;
                   }
-                  if (entry.ogImageHeight !== OG_IMAGE_HEIGHT) {
-                    entry.ogImageHeight = OG_IMAGE_HEIGHT;
+                  if (typeof heroMedia.ogImageHeight === 'number') {
+                    if (entry.ogImageHeight !== heroMedia.ogImageHeight) touched = true;
+                    entry.ogImageHeight = heroMedia.ogImageHeight;
+                  } else if (entry.ogImageHeight !== undefined) {
+                    delete entry.ogImageHeight;
                     touched = true;
                   }
                 } else {

package/lib/build/pages.js

@@ -7,6 +7,7 @@ const {
   ensureDirSync,
   htmlShell,
   canopyBodyClassForType,
+  rootRelativeHref,
 } = require('../common');
 const { log } = require('./log');
 const mdx = require('./mdx');
@@ -82,6 +83,7 @@ async function renderContentMdxToHtml(filePath, outPath, extraProps = {}, source
   const source = typeof sourceRaw === 'string' ? sourceRaw : String(sourceRaw || '');
   const title = mdx.extractTitle(source);
   const relContentPath = path.relative(CONTENT_DIR, filePath);
+  const relOutputPath = relContentPath.replace(/\.mdx$/i, '.html');
   const normalizedRel = navigation.normalizeRelativePath(relContentPath);
   const pageInfo = navigation.getPageInfo(normalizedRel);
   const navData = navigation.buildNavigationForFile(normalizedRel);
@@ -127,6 +129,17 @@ async function renderContentMdxToHtml(filePath, outPath, extraProps = {}, source
   if (resolvedType) basePage.type = resolvedType;
   if (resolvedDescription) basePage.description = resolvedDescription;
   if (basePage.href && !basePage.url) basePage.url = basePage.href;
+  const frontmatterCanonical = readFrontmatterString(frontmatterData, 'canonical');
+  const fallbackCanonical = rootRelativeHref(
+    relOutputPath.split(path.sep).join('/')
+  );
+  const canonicalValue =
+    frontmatterCanonical ||
+    (basePage && basePage.canonical) ||
+    basePage.url ||
+    basePage.href ||
+    fallbackCanonical;
+  if (canonicalValue) basePage.canonical = canonicalValue;
   if (resolvedImage) {
     basePage.image = resolvedImage;
     basePage.ogImage = ogImageFrontmatter || resolvedImage;
@@ -137,6 +150,7 @@ async function renderContentMdxToHtml(filePath, outPath, extraProps = {}, source
   if (resolvedDescription) pageMeta.description = resolvedDescription;
   if (resolvedType) pageMeta.type = resolvedType;
   if (basePage.url || basePage.href) pageMeta.url = basePage.url || basePage.href || pageMeta.url;
+  if (canonicalValue) pageMeta.canonical = canonicalValue;
   if (resolvedImage) {
     pageMeta.image = resolvedImage;
     if (!pageMeta.ogImage) pageMeta.ogImage = resolvedImage;

package/lib/head.js

@@ -74,7 +74,14 @@ function Meta(props = {}) {
     page.url ||
     page.href ||
     '';
-  const absolute = relativeUrl ? absoluteUrl(relativeUrl) : '';
+  const canonicalRaw =
+    props.canonical ||
+    (metaFromPage && metaFromPage.canonical) ||
+    page.canonical ||
+    '';
+  const canonicalSource = canonicalRaw || relativeUrl;
+  const canonicalAbsolute = canonicalSource ? absoluteUrl(canonicalSource) : '';
+  const absolute = canonicalAbsolute || (relativeUrl ? absoluteUrl(relativeUrl) : '');
   const ogImageRaw =
     props.image ||
     props.ogImage ||
@@ -93,7 +100,7 @@ function Meta(props = {}) {
   if (fullTitle) nodes.push(React.createElement('meta', { key: 'og-title', property: 'og:title', content: fullTitle }));
   if (description) nodes.push(React.createElement('meta', { key: 'og-description', property: 'og:description', content: description }));
   if (absolute) nodes.push(React.createElement('meta', { key: 'og-url', property: 'og:url', content: absolute }));
-  if (absolute) nodes.push(React.createElement('link', { key: 'canonical', rel: 'canonical', href: absolute }));
+  if (canonicalAbsolute) nodes.push(React.createElement('link', { key: 'canonical', rel: 'canonical', href: canonicalAbsolute }));
   if (ogType) nodes.push(React.createElement('meta', { key: 'og-type', property: 'og:type', content: ogType }));
   if (image) nodes.push(React.createElement('meta', { key: 'og-image', property: 'og:image', content: image }));
   if (twitterCard) nodes.push(React.createElement('meta', { key: 'twitter-card', name: 'twitter:card', content: twitterCard }));

package/lib/iiif/thumbnail.js

@@ -12,6 +12,30 @@ function arrayify(value) {
   return Array.isArray(value) ? value : [value];
 }
 
+function normalizeBodyType(value) {
+  if (!value) return '';
+  if (typeof value === 'string') {
+    const trimmed = value.trim();
+    return trimmed;
+  }
+  if (Array.isArray(value)) {
+    for (const entry of value) {
+      const normalized = normalizeBodyType(entry);
+      if (normalized) return normalized;
+    }
+  }
+  return '';
+}
+
+function isImageBodyType(value) {
+  if (!value) return false;
+  try {
+    return /image/i.test(String(value));
+  } catch (_) {
+    return false;
+  }
+}
+
 function normalizeImageServiceCandidate(candidate) {
   if (!candidate || typeof candidate !== 'object') return null;
   const id = candidate.id || candidate['@id'];
@@ -41,6 +65,23 @@ function normalizeImageServiceCandidate(candidate) {
   };
 }
 
+function isLevel0Profile(profile) {
+  if (!profile) return false;
+  try {
+    return /level0/i.test(String(profile));
+  } catch (_) {
+    return false;
+  }
+}
+
+function isLevel0Service(candidate) {
+  if (!candidate || typeof candidate !== 'object') return false;
+  if (candidate.profile && isLevel0Profile(candidate.profile)) return true;
+  const normalized = normalizeImageServiceCandidate(candidate);
+  if (!normalized) return false;
+  return Boolean(normalized.profile && isLevel0Profile(normalized.profile));
+}
+
 function isIiifImageService(candidate) {
   if (!candidate) return false;
   const {type, profile} = candidate;
@@ -77,6 +118,7 @@ function extractImageService(value, seen = new Set()) {
 function normalizeImagePayload(body, canvas) {
   if (!body || typeof body !== 'object') return null;
   const id = body.id || body['@id'];
+  const bodyType = normalizeBodyType(body.type || body['@type']);
   const width =
     typeof body.width === 'number'
       ? body.width
@@ -95,6 +137,8 @@ function normalizeImagePayload(body, canvas) {
     width,
     height,
     service: service || undefined,
+    bodyType: bodyType || undefined,
+    isImageBody: Boolean(bodyType && isImageBodyType(bodyType)),
   };
 }
 
@@ -185,6 +229,7 @@ function selectServiceQuality(candidate) {
 
 function buildIiifImageUrlFromNormalizedService(service, preferredSize = 800) {
   if (!service || !isIiifImageService(service)) return '';
+  if (isLevel0Profile(service.profile)) return '';
   const baseId = normalizeServiceBaseId(service.id);
   if (!baseId) return '';
   const size = preferredSize && preferredSize > 0 ? preferredSize : 800;
@@ -202,6 +247,7 @@ function buildIiifImageUrlFromService(service, preferredSize = 800) {
 function buildIiifImageUrlForDimensions(service, width = 1200, height = 630) {
   const normalized = normalizeImageServiceCandidate(service);
   if (!normalized || !isIiifImageService(normalized)) return '';
+  if (isLevel0Profile(normalized.profile)) return '';
   const baseId = normalizeServiceBaseId(normalized.id);
   if (!baseId) return '';
   const safeWidth = Math.max(1, Math.floor(Number(width) || 0));
@@ -214,6 +260,7 @@ function buildIiifImageUrlForDimensions(service, width = 1200, height = 630) {
 function buildIiifImageSrcset(service, steps = [360, 640, 960, 1280, 1600]) {
   const normalized = normalizeImageServiceCandidate(service);
   if (!normalized || !isIiifImageService(normalized)) return '';
+  if (isLevel0Profile(normalized.profile)) return '';
   const uniqueSteps = Array.from(
     new Set(
       (Array.isArray(steps) ? steps : [])
@@ -354,4 +401,5 @@ module.exports = {
   buildIiifImageUrlForDimensions,
   findPrimaryCanvasImage,
   buildIiifImageSrcset,
+  isLevel0Service,
 };

package/lib/search/search.js

@@ -258,7 +258,21 @@ async function buildSearchPage() {
       throw new Error('Missing required file: content/search/_layout.mdx');
     }
     const mdx = require('../build/mdx');
-    const rendered = await mdx.compileMdxFile(searchLayoutPath, outPath, {});
+    const searchHref = rootRelativeHref('search.html');
+    const pageDetails = {
+      title: 'Search',
+      href: searchHref,
+      url: searchHref,
+      type: 'search',
+      canonical: searchHref,
+      meta: {
+        title: 'Search',
+        type: 'search',
+        url: searchHref,
+        canonical: searchHref,
+      },
+    };
+    const rendered = await mdx.compileMdxFile(searchLayoutPath, outPath, { page: pageDetails });
     body = rendered && rendered.body ? rendered.body : '';
     head = rendered && rendered.head ? rendered.head : '';
     if (!body) throw new Error('Search: content/search/_layout.mdx produced empty output');

package/package.json

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