@canopy-iiif/app 1.9.13 → 1.9.15

package/lib/build/iiif.js

@@ -23,7 +23,11 @@ const {
   getLocaleRouteConfig,
   getDefaultLocaleCode,
 } = require("../common");
-const {readCanopyLocalesWithMessages} = require("../locales");
+const {
+  readCanopyLocalesWithMessages,
+  readLocaleMessages,
+  buildLocaleRuntimeScript,
+} = require("../locales");
 const {resolveCanopyConfigPath} = require("../config-path");
 const mdx = require("./mdx");
 const {log, logLine, logResponse} = require("./log");
@@ -2141,6 +2145,10 @@ async function buildIiifCollectionPages(CONFIG) {
           if (siteLanguageToggle) {
             siteContext.languageToggle = siteLanguageToggle;
           }
+          try {
+            const localeMessages = readLocaleMessages(pageLocale);
+            if (localeMessages) siteContext.localeMessages = localeMessages;
+          } catch (_) {}
           try {
             const localeRoutes = getLocaleRouteConfig(pageLocale);
             if (localeRoutes) siteContext.routes = localeRoutes;
@@ -2313,6 +2321,10 @@ async function buildIiifCollectionPages(CONFIG) {
           );
 
           const headSegments = [head];
+          try {
+            const localeScript = buildLocaleRuntimeScript(pageLocale);
+            if (localeScript) headSegments.push(localeScript);
+          } catch (_) {}
           const needsReact = !!(
             needsHydrateViewer ||
             needsRelated ||

package/lib/build/mdx.js

@@ -20,7 +20,7 @@ const globalRoot = typeof globalThis !== "undefined" ? globalThis : global;
 if (globalRoot && typeof globalRoot.__canopyRequire !== "function") {
   globalRoot.__canopyRequire = typeof require === "function" ? require : null;
 }
-const {readCanopyLocalesWithMessages} = require("../locales");
+const {readCanopyLocalesWithMessages, readLocaleMessages} = require("../locales");
 
 function getSiteLanguageToggle() {
   try {
@@ -1083,6 +1083,10 @@ async function compileMdxFile(filePath, outPath, Layout, extraProps = {}) {
   if (siteLanguageToggle) {
     siteContext.languageToggle = siteLanguageToggle;
   }
+  try {
+    const localeMessages = readLocaleMessages(pageLocale);
+    if (localeMessages) siteContext.localeMessages = localeMessages;
+  } catch (_) {}
   try {
     const localeRoutes = getLocaleRouteConfig(pageLocale);
     if (localeRoutes) siteContext.routes = localeRoutes;

package/lib/build/pages.js

@@ -14,6 +14,7 @@ const {
 } = require('../common');
 const { log } = require('./log');
 const mdx = require('./mdx');
+const {buildLocaleRuntimeScript} = require('../locales');
 const navigation = require('../components/navigation');
 const referenced = require('../components/referenced');
 
@@ -325,6 +326,10 @@ async function renderContentMdxToHtml(filePath, outPath, extraProps = {}, source
     if (BASE_PATH) vendorTag = `<script>window.CANOPY_BASE_PATH=${JSON.stringify(BASE_PATH)}</script>` + vendorTag;
   } catch (_) {}
   const headSegments = [head];
+  try {
+    const localeScript = buildLocaleRuntimeScript(pageLocale);
+    if (localeScript) headSegments.push(localeScript);
+  } catch (_) {}
   const extraScripts = [];
   const pushClassicScript = (src) => {
     if (!src || src === jsRel) return;

package/lib/default-locale.js

@@ -23,6 +23,8 @@ module.exports = {
       navigation: 'navigation',
       section_navigation: 'section navigation',
       content_navigation: 'content navigation',
+      primary_navigation: 'Primary navigation',
+      metadata: 'metadata',
       gallery: 'gallery',
       gallery_thumbnails: 'gallery thumbnails',
       map: 'map',
@@ -62,6 +64,8 @@ module.exports = {
       filter_values: 'Filter {content} values',
       clear_content_search: 'Clear {content} search',
       none_applied: 'No {content} applied',
+      applied_count: '{count} {content} applied',
+      toggle_content: 'Toggle {content}',
       scroll_direction_content: 'Scroll {direction} through {content}',
       step_content: '{direction} {content}',
       item_numbered: '{content} {index}',
@@ -74,7 +78,8 @@ module.exports = {
       next: 'Next'
     },
     misc: {
-      referenced_by: 'Referenced by'
+      referenced_by: 'Referenced by',
+      on_this_page: 'On this page'
     }
   }
 };

package/lib/locale-runtime.js

@@ -0,0 +1,69 @@
+const DEFAULT_LOCALE_MESSAGES = require('./default-locale');
+
+function getGlobalScope() {
+  if (typeof globalThis !== 'undefined') return globalThis;
+  if (typeof window !== 'undefined') return window;
+  if (typeof global !== 'undefined') return global;
+  return null;
+}
+
+function accessPath(obj, path) {
+  if (!obj || typeof obj !== 'object' || !path) return undefined;
+  const parts = Array.isArray(path) ? path : String(path).split('.');
+  let current = obj;
+  for (const part of parts) {
+    if (!current || typeof current !== 'object') return undefined;
+    const key = String(part).trim();
+    if (!key || !(key in current)) return undefined;
+    current = current[key];
+  }
+  return current;
+}
+
+function formatTemplate(template, replacements = {}) {
+  if (template == null) return template;
+  const str = String(template);
+  if (!replacements || typeof replacements !== 'object') return str;
+  return str.replace(/\{([^}]+)\}/g, (match, key) => {
+    const replacement = Object.prototype.hasOwnProperty.call(replacements, key)
+      ? replacements[key]
+      : undefined;
+    if (replacement == null) return match;
+    return String(replacement);
+  });
+}
+
+function getRuntimeLocaleMessages() {
+  const scope = getGlobalScope();
+  const candidate = scope && scope.CANOPY_LOCALE_MESSAGES;
+  if (candidate && typeof candidate === 'object') return candidate;
+  return DEFAULT_LOCALE_MESSAGES || {};
+}
+
+function getRuntimeLocaleCode() {
+  const scope = getGlobalScope();
+  const value = scope && scope.CANOPY_LOCALE_CODE;
+  return typeof value === 'string' ? value : '';
+}
+
+function getRuntimeMessage(path, fallback) {
+  const messages = getRuntimeLocaleMessages();
+  const value = accessPath(messages, path);
+  if (value == null) return fallback;
+  return value;
+}
+
+function formatRuntimeMessage(path, fallback, replacements) {
+  const template = getRuntimeMessage(path, fallback);
+  if (template == null) return template;
+  return formatTemplate(template, replacements);
+}
+
+module.exports = {
+  getRuntimeLocaleMessages,
+  getRuntimeLocaleCode,
+  getRuntimeMessage,
+  formatRuntimeMessage,
+  formatTemplate,
+  accessPath,
+};

package/lib/locales.js

@@ -111,6 +111,34 @@ function readLocaleMessages(lang) {
   return deepMerge(defaultMessages, override);
 }
 
+function serializeForScript(value) {
+  try {
+    return JSON.stringify(value || {}).replace(/</g, '\\u003c');
+  } catch (_) {
+    return '{}';
+  }
+}
+
+function buildLocaleRuntimeScript(localeCode) {
+  let messages = null;
+  try {
+    messages = readLocaleMessages(localeCode);
+  } catch (_) {
+    messages = null;
+  }
+  if (!messages) {
+    try {
+      messages = readLocaleMessages(null);
+    } catch (_) {
+      messages = DEFAULT_LOCALE_MESSAGES;
+    }
+  }
+  const langValue = typeof localeCode === 'string' ? localeCode : '';
+  const serializedMessages = serializeForScript(messages || {});
+  const serializedCode = JSON.stringify(langValue || '').replace(/</g, '\\u003c');
+  return `<script>window.CANOPY_LOCALE_CODE=${serializedCode};window.CANOPY_LOCALE_MESSAGES=${serializedMessages};</script>`;
+}
+
 function normalizeRouteValue(value) {
   if (typeof value !== 'string') return '';
   const trimmed = value.trim();
@@ -170,5 +198,6 @@ module.exports = {
   readCanopyLocalesWithMessages,
   readLocaleMessages,
   readLocaleRoutes,
+  buildLocaleRuntimeScript,
   DEFAULT_LOCALE_ROUTES,
 };

package/lib/search/search-app.jsx

@@ -6,7 +6,9 @@ import {
   SearchFiltersDialog,
 } from "@canopy-iiif/app/ui";
 import resultTemplates from "__CANOPY_SEARCH_RESULT_TEMPLATES__";
+import localeRuntime from "../locale-runtime.js";
 const SITE_TITLE_FALLBACK = "Site title";
+const {getRuntimeMessage, formatRuntimeMessage} = localeRuntime;
 
 function readSiteTitleFromGlobals() {
   try {
@@ -139,6 +141,16 @@ function resolveRecordHrefForLocale(record, fallbackHref) {
   return first || fallbackHref;
 }
 
+function resolveTypeLabel(type) {
+  const key = String(type || "").toLowerCase();
+  if (key === "work") return getRuntimeMessage("common.types.work", "Works");
+  if (key === "page") return getRuntimeMessage("common.types.page", "Pages");
+  if (key === "docs") return getRuntimeMessage("common.types.docs", "Docs");
+  if (key === "all") return getRuntimeMessage("common.nouns.types", "types");
+  if (key === "annotation") return getRuntimeMessage("common.nouns.items", "items");
+  return key ? key.charAt(0).toUpperCase() + key.slice(1) : "";
+}
+
 // Lightweight IndexedDB utilities (no deps) with defensive guards
 function hasIDB() {
   try {
@@ -899,7 +911,12 @@ function useStore() {
 
 function ResultsMount(props = {}) {
   const {results, type, loading, query, resultSettings} = useStore();
-  if (loading) return <div className="text-slate-600">Loading…</div>;
+  if (loading)
+    return (
+      <div className="text-slate-600">
+        {formatRuntimeMessage("common.statuses.loading", "Loading…")}
+      </div>
+    );
   const normalizedType = String(type || "").trim().toLowerCase();
   const hasOverrides =
     resultSettings && Object.keys(resultSettings || {}).length > 0;
@@ -977,10 +994,20 @@ function TabsMount() {
 function SummaryMount() {
   const {query, type, shown, total} = useStore();
   const text = useMemo(() => {
-    if (!query) return `Showing ${shown} of ${total} items`;
-    return `Found ${shown} of ${total} in ${
-      type === "all" ? "all types" : type
-    } for "${query}"`;
+    const itemsLabel = getRuntimeMessage("common.nouns.items", "items");
+    if (!query) {
+      return formatRuntimeMessage(
+        "common.statuses.summary_content",
+        "Showing {shown} of {total} {content}",
+        {shown, total, content: itemsLabel},
+      );
+    }
+    const typeLabel = resolveTypeLabel(type);
+    return formatRuntimeMessage(
+      "common.statuses.search_summary",
+      'Found {shown} of {total} in {type} for "{query}"',
+      {shown, total, type: typeLabel, query},
+    );
   }, [query, type, shown, total]);
   return <div className="text-sm text-slate-600">{text}</div>;
 }

package/lib/search/search.js

@@ -18,6 +18,7 @@ const {
   getDefaultLocaleCode,
   getSiteTitle,
 } = require('../common');
+const {buildLocaleRuntimeScript} = require('../locales');
 const { resolveCanopyConfigPath } = require('../config-path');
 
 const SEARCH_TEMPLATES_ALIAS = '__CANOPY_SEARCH_RESULT_TEMPLATES__';
@@ -368,6 +369,10 @@ async function buildSearchPageForEntry(routeEntry) {
       }
     }
     let headExtra = vendorTags + head + importMap + customRuntimeTag;
+    try {
+      const localeScript = buildLocaleRuntimeScript(pageLocale);
+      if (localeScript) headExtra = localeScript + headExtra;
+    } catch (_) {}
     if (siteTitle && typeof siteTitle === 'string') {
       const siteTitleScript = `<script>window.CANOPY_SITE_TITLE=${JSON.stringify(siteTitle)}</script>`;
       headExtra = siteTitleScript + headExtra;

package/package.json

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