@canopy-iiif/app 0.10.19 → 0.10.20

package/lib/search/search-app.jsx

@@ -5,6 +5,7 @@ import {
   SearchTabsUI,
   SearchFiltersDialog,
 } from "@canopy-iiif/app/ui";
+import resultTemplates from "__CANOPY_SEARCH_RESULT_TEMPLATES__";
 
 function readBasePath() {
   const normalize = (val) => {
@@ -160,6 +161,7 @@ function createSearchStore() {
     filters: {},
     activeFilterCount: 0,
     annotationsEnabled: false,
+    resultSettings: {},
   };
   const listeners = new Set();
   function notify() {
@@ -447,24 +449,65 @@ function createSearchStore() {
       let version = "";
       let tabsOrder = [];
       let annotationsAssetPath = "";
+      let resultsOrder = [];
+      let resultLayoutMap = {};
       try {
         const meta = await fetch("./api/index.json")
           .then((r) => (r && r.ok ? r.json() : null))
           .catch(() => null);
         if (meta && typeof meta.version === "string") version = meta.version;
+        const searchMeta = meta && meta.search ? meta.search : {};
         const ord =
-          meta &&
-          meta.search &&
-          meta.search.tabs &&
-          Array.isArray(meta.search.tabs.order)
-            ? meta.search.tabs.order
+          searchMeta &&
+          searchMeta.tabs &&
+          Array.isArray(searchMeta.tabs.order)
+            ? searchMeta.tabs.order
             : [];
-        tabsOrder = ord.map((s) => String(s)).filter(Boolean);
+        tabsOrder = ord
+          .map((s) => String(s).trim().toLowerCase())
+          .filter(Boolean);
+        const resultsMeta =
+          searchMeta && searchMeta.results ? searchMeta.results : null;
+        if (resultsMeta) {
+          const rawOrder = Array.isArray(resultsMeta.order)
+            ? resultsMeta.order
+            : [];
+          const rawSettings =
+            resultsMeta.settings && typeof resultsMeta.settings === "object"
+              ? resultsMeta.settings
+              : {};
+          const normalizedOrder = [];
+          const normalizedMap = {};
+          const seenTypes = new Set();
+          const resolveEntry = (value) => {
+            const type = String(value || "")
+              .trim()
+              .toLowerCase();
+            if (!type || seenTypes.has(type)) return;
+            const cfg = rawSettings[type] || rawSettings[value] || {};
+            const layout =
+              String((cfg && cfg.layout) || "").toLowerCase() === "grid"
+                ? "grid"
+                : "list";
+            const result =
+              String((cfg && cfg.result) || "").toLowerCase() === "figure"
+                ? "figure"
+                : "article";
+            normalizedMap[type] = { layout, result };
+            normalizedOrder.push(type);
+            seenTypes.add(type);
+          };
+          rawOrder.forEach(resolveEntry);
+          Object.keys(rawSettings || {}).forEach(resolveEntry);
+          if (normalizedOrder.length) {
+            resultsOrder = normalizedOrder;
+            resultLayoutMap = normalizedMap;
+          }
+        }
         const annotationsAsset =
-          meta &&
-          meta.search &&
-          meta.search.assets &&
-          meta.search.assets.annotations;
+          searchMeta &&
+          searchMeta.assets &&
+          searchMeta.assets.annotations;
         if (annotationsAsset && annotationsAsset.path) {
           annotationsAssetPath = String(annotationsAsset.path);
         }
@@ -661,7 +704,9 @@ function createSearchStore() {
       if (annotationsRecords.length && !ts.includes("annotation"))
         ts.push("annotation");
       const order =
-        Array.isArray(tabsOrder) && tabsOrder.length
+        Array.isArray(resultsOrder) && resultsOrder.length
+          ? resultsOrder
+          : Array.isArray(tabsOrder) && tabsOrder.length
           ? tabsOrder
           : ["work", "docs", "page"];
       ts.sort((a, b) => {
@@ -693,6 +738,7 @@ function createSearchStore() {
         types: ts,
         loading: false,
         annotationsEnabled: annotationsRecords.length > 0,
+        resultSettings: resultLayoutMap,
       });
       await hydrateFacets();
     } catch (_) {
@@ -754,15 +800,30 @@ function useStore() {
 }
 
 function ResultsMount(props = {}) {
-  const {results, type, loading, query} = useStore();
+  const {results, type, loading, query, resultSettings} = useStore();
   if (loading) return <div className="text-slate-600">Loading…</div>;
-  const layout = (props && props.layout) || "grid";
+  const normalizedType = String(type || "").trim().toLowerCase();
+  const hasOverrides =
+    resultSettings && Object.keys(resultSettings || {}).length > 0;
+  const typeSettings =
+    (normalizedType && resultSettings && resultSettings[normalizedType]) || null;
+  let layout = (props && props.layout) || "grid";
+  let variant = "auto";
+  if (typeSettings) {
+    layout = typeSettings.layout || "list";
+    variant = typeSettings.result || "article";
+  } else if (hasOverrides) {
+    layout = "list";
+    variant = "article";
+  }
   return (
     <SearchResultsUI
       results={results}
       type={type}
       layout={layout}
       query={query}
+      templates={resultTemplates}
+      variant={variant}
     />
   );
 }

package/lib/search/search.js

@@ -2,18 +2,94 @@ const React = require('react');
 const ReactDOMServer = require('react-dom/server');
 const crypto = require('crypto');
 const {
+  fs,
+  fsp,
   path,
-  withBase,
+  CONTENT_DIR,
   rootRelativeHref,
   ensureDirSync,
   OUT_DIR,
   htmlShell,
-  fsp,
   canopyBodyClassForType,
 } = require('../common');
 
+const SEARCH_TEMPLATES_ALIAS = '__CANOPY_SEARCH_RESULT_TEMPLATES__';
+const SEARCH_TEMPLATES_CACHE_DIR = path.resolve('.cache/search');
+const SEARCH_TEMPLATE_FILES = [
+  { key: 'figure', filename: '_result-figure.mdx' },
+  { key: 'article', filename: '_result-article.mdx' },
+];
+
+function resolveSearchTemplatePath(filename) {
+  try {
+    const candidate = path.join(CONTENT_DIR, 'search', filename);
+    if (fs.existsSync(candidate)) return candidate;
+  } catch (_) {}
+  return null;
+}
+
+async function buildSearchTemplatesModule() {
+  ensureDirSync(SEARCH_TEMPLATES_CACHE_DIR);
+  const outPath = path.join(SEARCH_TEMPLATES_CACHE_DIR, 'result-templates-entry.js');
+  const fallback = resolveSearchTemplatePath('_result.mdx');
+  const lines = [
+    '// Auto-generated search result templates map',
+  ];
+  for (const spec of SEARCH_TEMPLATE_FILES) {
+    const templateName = `${spec.key}Template`;
+    const specific = resolveSearchTemplatePath(spec.filename);
+    const resolved = specific || fallback;
+    if (resolved) {
+      lines.push(`import ${templateName} from ${JSON.stringify(resolved)};`);
+    } else {
+      lines.push(`const ${templateName} = null;`);
+    }
+    lines.push(`export const ${spec.key} = ${templateName};`);
+  }
+  lines.push(`export default { ${SEARCH_TEMPLATE_FILES.map((spec) => spec.key).join(', ')} };`);
+  await fsp.writeFile(outPath, lines.join('\n'), 'utf8');
+  return outPath;
+}
+
+function createResultTemplatesAliasPlugin(entryPath) {
+  return {
+    name: 'canopy-search-result-templates',
+    setup(build) {
+      build.onResolve({ filter: new RegExp(`^${SEARCH_TEMPLATES_ALIAS.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}$`) }, () => ({
+        path: entryPath,
+      }));
+    },
+  };
+}
+
+function createSearchMdxPlugin() {
+  return {
+    name: 'canopy-search-mdx',
+    setup(build) {
+      build.onResolve({ filter: /\.mdx$/ }, (args) => ({
+        path: path.resolve(args.resolveDir, args.path),
+        namespace: 'canopy-search-mdx',
+      }));
+      build.onLoad({ filter: /.*/, namespace: 'canopy-search-mdx' }, async (args) => {
+        const { compile } = await import('@mdx-js/mdx');
+        const source = await fsp.readFile(args.path, 'utf8');
+        const compiled = await compile(source, {
+          jsx: true,
+          development: false,
+          providerImportSource: '@mdx-js/react',
+          format: 'mdx',
+        });
+        return {
+          contents: String(compiled),
+          loader: 'jsx',
+          resolveDir: path.dirname(args.path),
+        };
+      });
+    },
+  };
+}
+
 async function ensureSearchRuntime() {
-  const { fs, path } = require('../common');
   ensureDirSync(OUT_DIR);
   let esbuild = null;
   try { esbuild = require('../../ui/node_modules/esbuild'); } catch (_) { try { esbuild = require('esbuild'); } catch (_) {} }
@@ -22,6 +98,9 @@ async function ensureSearchRuntime() {
   const scriptsDir = path.join(OUT_DIR, 'scripts');
   ensureDirSync(scriptsDir);
   const outFile = path.join(scriptsDir, 'search.js');
+  const templatesEntry = await buildSearchTemplatesModule();
+  const templatesPlugin = createResultTemplatesAliasPlugin(templatesEntry);
+  const mdxPlugin = createSearchMdxPlugin();
   // Ensure a global React shim is available to reduce search.js size
   try {
     const scriptsDir = path.join(OUT_DIR, 'scripts');
@@ -93,6 +172,30 @@ async function ensureSearchRuntime() {
         ].join(''),
         loader: 'js',
       }));
+      build.onResolve({ filter: /^react\/jsx-runtime$/ }, () => ({ path: 'react/jsx-runtime', namespace: 'react-jsx-shim' }));
+      build.onResolve({ filter: /^react\/jsx-dev-runtime$/ }, () => ({ path: 'react/jsx-dev-runtime', namespace: 'react-jsx-shim' }));
+      build.onLoad({ filter: /.*/, namespace: 'react-jsx-shim' }, () => ({
+        contents: [
+          "const R = (typeof window!=='undefined' && window.React) || {};\n",
+          "const Fragment = R.Fragment || 'div';\n",
+          "const createElement = typeof R.createElement === 'function' ? R.createElement.bind(R) : null;\n",
+          "function normalizeProps(props, key){\n",
+          "  if (key !== undefined && key !== null) {\n",
+          "    props = props && typeof props === 'object' ? { ...props, key } : { key };\n",
+          "  }\n",
+          "  return props || {};\n",
+          "}\n",
+          "function jsx(type, props, key){\n",
+          "  if (!createElement) return null;\n",
+          "  return createElement(type, normalizeProps(props, key));\n",
+          "}\n",
+          "const jsxs = jsx;\n",
+          "const jsxDEV = jsx;\n",
+          "export { jsx, jsxs, jsxDEV, Fragment };\n",
+          "export default { jsx, jsxs, jsxDEV, Fragment };\n",
+        ].join(''),
+        loader: 'js',
+      }));
       build.onResolve({ filter: /^react-dom\/client$/ }, () => ({ path: 'react-dom/client', namespace: 'rdc-shim' }));
       build.onLoad({ filter: /.*/, namespace: 'rdc-shim' }, () => ({
         contents: [
@@ -124,7 +227,7 @@ async function ensureSearchRuntime() {
       sourcemap: true,
       target: ['es2018'],
       logLevel: 'silent',
-      plugins: [shimReactPlugin],
+      plugins: [shimReactPlugin, templatesPlugin, mdxPlugin],
       external: ['@samvera/clover-iiif/*'],
     };
     if (!entryExists) throw new Error('Search runtime entry missing: ' + entry);
@@ -327,8 +430,9 @@ async function writeSearchIndex(records) {
   // Also write a small metadata file with a stable version hash for cache-busting and IDB keying
   try {
     const version = crypto.createHash('sha256').update(indexJson).digest('hex');
-    // Read optional search tabs order from canopy.yml
+    // Read optional search configuration from canopy.yml
     let tabsOrder = [];
+    let resultsConfigEntries = [];
     try {
       const yaml = require('js-yaml');
       const common = require('../common');
@@ -339,24 +443,60 @@ async function writeSearchIndex(records) {
         const searchCfg = data && data.search ? data.search : {};
         const tabs = searchCfg && searchCfg.tabs ? searchCfg.tabs : {};
         const order = Array.isArray(tabs && tabs.order) ? tabs.order : [];
-        tabsOrder = order.map((s) => String(s)).filter(Boolean);
+        tabsOrder = order
+          .map((s) => String(s).trim().toLowerCase())
+          .filter(Boolean);
+        const resultsCfg =
+          searchCfg && searchCfg.results && typeof searchCfg.results === 'object'
+            ? searchCfg.results
+            : null;
+        if (resultsCfg) {
+          const entries = [];
+          Object.keys(resultsCfg).forEach((key) => {
+            if (!key) return;
+            const type = String(key).trim().toLowerCase();
+            if (!type) return;
+            if (entries.find((entry) => entry.type === type)) return;
+            const cfg = resultsCfg[key] && typeof resultsCfg[key] === 'object' ? resultsCfg[key] : {};
+            const layoutRaw = cfg && cfg.layout ? String(cfg.layout).toLowerCase() : '';
+            const resultRaw = cfg && cfg.result ? String(cfg.result).toLowerCase() : '';
+            const layout = layoutRaw === 'grid' ? 'grid' : 'list';
+            const result = resultRaw === 'figure' ? 'figure' : 'article';
+            entries.push({ type, layout, result });
+          });
+          if (entries.length) {
+            resultsConfigEntries = entries;
+            tabsOrder = entries.map((entry) => entry.type);
+          }
+        }
       }
     } catch (_) {}
+    const searchMeta = {
+      tabs: { order: tabsOrder },
+      assets: {
+        display: { path: 'search-records.json', bytes: displayBytes },
+        ...(annotationRecords.length
+          ? { annotations: { path: 'search-index-annotations.json', bytes: annotationsBytes } }
+          : {}),
+      },
+    };
+    if (resultsConfigEntries.length) {
+      const resultSettings = resultsConfigEntries.reduce((acc, entry) => {
+        acc[entry.type] = { layout: entry.layout, result: entry.result };
+        return acc;
+      }, {});
+      searchMeta.results = {
+        order: resultsConfigEntries.map((entry) => entry.type),
+        settings: resultSettings,
+      };
+    }
     const meta = {
       version,
       records: indexRecords.length,
       bytes: approxBytes,
       updatedAt: new Date().toISOString(),
       // Expose optional search config to the client runtime
-      search: {
-        tabs: { order: tabsOrder },
-        assets: {
-          display: { path: 'search-records.json', bytes: displayBytes },
-          ...(annotationRecords.length
-            ? { annotations: { path: 'search-index-annotations.json', bytes: annotationsBytes } }
-            : {}),
-        },
-      },
+      search: searchMeta,
     };
     const metaPath = path.join(apiDir, 'index.json');
     await fsp.writeFile(metaPath, JSON.stringify(meta, null, 2), 'utf8');

package/package.json

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

package/ui/dist/index.mjs

@@ -106,7 +106,7 @@ function Card({
   );
 }
 
-// ui/src/layout/TextCard.jsx
+// ui/src/layout/ArticleCard.jsx
 import React3, { useMemo } from "react";
 function escapeRegExp(str = "") {
   return String(str).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&");
@@ -143,7 +143,17 @@ function highlightSnippet(snippet, query) {
     (part, idx) => part.toLowerCase() === termLower ? /* @__PURE__ */ React3.createElement("mark", { key: idx }, part) : /* @__PURE__ */ React3.createElement(React3.Fragment, { key: idx }, part)
   );
 }
-function TextCard({
+function formatDisplayUrl(href = "") {
+  try {
+    const url = new URL(href, href.startsWith("http") ? void 0 : "http://example.com");
+    if (!href.startsWith("http")) return href;
+    const displayPath = url.pathname.replace(/\/$/, "");
+    return `${url.host}${displayPath}${url.search}`.replace(/\/$/, "");
+  } catch (_) {
+    return href;
+  }
+}
+function ArticleCard({
   href = "#",
   title = "Untitled",
   annotation = "",
@@ -161,14 +171,8 @@ function TextCard({
     [snippet, query]
   );
   const metaList = Array.isArray(metadata) ? metadata.map((m) => String(m || "")).filter(Boolean) : [];
-  return /* @__PURE__ */ React3.createElement("a", { href }, /* @__PURE__ */ React3.createElement("article", { className: "canopy-annotation-card" }, /* @__PURE__ */ React3.createElement("h3", null, title), snippet ? /* @__PURE__ */ React3.createElement("p", { className: "mt-2 text-sm leading-relaxed text-slate-700" }, highlighted) : null, metaList.length ? /* @__PURE__ */ React3.createElement("ul", { className: "mt-3 flex flex-wrap gap-2 text-xs text-slate-500" }, metaList.slice(0, 4).map((item, idx) => /* @__PURE__ */ React3.createElement(
-    "li",
-    {
-      key: `${item}-${idx}`,
-      className: "rounded-full border border-slate-200 bg-slate-50 px-2 py-1"
-    },
-    item
-  ))) : null));
+  const displayUrl = useMemo(() => formatDisplayUrl(href), [href]);
+  return /* @__PURE__ */ React3.createElement("a", { href, className: "canopy-article-card" }, /* @__PURE__ */ React3.createElement("article", null, displayUrl ? /* @__PURE__ */ React3.createElement("p", { className: "canopy-article-card__url" }, displayUrl) : null, /* @__PURE__ */ React3.createElement("h3", null, title), snippet ? /* @__PURE__ */ React3.createElement("p", { className: "canopy-article-card__snippet" }, highlighted) : null, metaList.length ? /* @__PURE__ */ React3.createElement("ul", { className: "canopy-article-card__meta" }, metaList.slice(0, 3).map((item, idx) => /* @__PURE__ */ React3.createElement("li", { key: `${item}-${idx}` }, item))) : null));
 }
 
 // ui/src/layout/Grid.jsx
@@ -1221,71 +1225,102 @@ function MdxSearchTabs(props) {
 
 // ui/src/search/SearchResults.jsx
 import React24 from "react";
+function DefaultArticleTemplate({ record, query }) {
+  if (!record) return null;
+  const metadata = Array.isArray(record.metadata) ? record.metadata : [];
+  return /* @__PURE__ */ React24.createElement(
+    ArticleCard,
+    {
+      href: record.href,
+      title: record.title || record.href || "Untitled",
+      annotation: record.annotation,
+      summary: record.summary || record.summaryValue || "",
+      metadata,
+      query
+    }
+  );
+}
+function DefaultFigureTemplate({ record, thumbnailAspectRatio }) {
+  if (!record) return null;
+  const hasDims = Number.isFinite(Number(record.thumbnailWidth)) && Number(record.thumbnailWidth) > 0 && Number.isFinite(Number(record.thumbnailHeight)) && Number(record.thumbnailHeight) > 0;
+  const aspect = Number.isFinite(Number(thumbnailAspectRatio)) && Number(thumbnailAspectRatio) > 0 ? Number(thumbnailAspectRatio) : hasDims ? Number(record.thumbnailWidth) / Number(record.thumbnailHeight) : void 0;
+  return /* @__PURE__ */ React24.createElement(
+    Card,
+    {
+      href: record.href,
+      title: record.title || record.href,
+      src: record.type === "work" ? record.thumbnail : void 0,
+      imgWidth: record.thumbnailWidth,
+      imgHeight: record.thumbnailHeight,
+      aspectRatio: aspect
+    }
+  );
+}
 function SearchResults({
   results = [],
   type = "all",
   layout = "grid",
-  query = ""
+  query = "",
+  templates = {},
+  variant = "auto"
 }) {
   if (!results.length) {
     return /* @__PURE__ */ React24.createElement("div", { className: "text-slate-600" }, /* @__PURE__ */ React24.createElement("em", null, "No results"));
   }
   const normalizedType = String(type || "all").toLowerCase();
+  const normalizedVariant = variant === "figure" || variant === "article" ? variant : "auto";
   const isAnnotationView = normalizedType === "annotation";
+  const FigureTemplate = templates && templates.figure ? templates.figure : DefaultFigureTemplate;
+  const ArticleTemplate = templates && templates.article ? templates.article : DefaultArticleTemplate;
   if (isAnnotationView) {
     return /* @__PURE__ */ React24.createElement("div", { id: "search-results", className: "space-y-4" }, results.map((r, i) => {
       if (!r) return null;
-      return renderTextCard(r, r.id || i);
+      return /* @__PURE__ */ React24.createElement(
+        ArticleTemplate,
+        {
+          key: r.id || i,
+          record: r,
+          query,
+          layout
+        }
+      );
     }));
   }
-  const renderTextCard = (record, key) => {
-    if (!record) return null;
-    return /* @__PURE__ */ React24.createElement(
-      TextCard,
-      {
-        key,
-        href: record.href,
-        title: record.title || record.href || "Untitled",
-        annotation: record.annotation,
-        summary: record.summary || record.summaryValue || "",
-        metadata: Array.isArray(record.metadata) ? record.metadata : [],
-        query
-      }
-    );
-  };
   const isWorkRecord = (record) => String(record && record.type).toLowerCase() === "work";
-  const shouldRenderAsTextCard = (record) => !isWorkRecord(record) || normalizedType !== "work";
+  const shouldRenderAsArticle = (record) => {
+    if (normalizedVariant === "article") return true;
+    if (normalizedVariant === "figure") return false;
+    return !isWorkRecord(record) || normalizedType !== "work";
+  };
   if (layout === "list") {
-    return /* @__PURE__ */ React24.createElement("ul", { id: "search-results", className: "space-y-3" }, results.map((r, i) => {
-      if (shouldRenderAsTextCard(r)) {
-        return /* @__PURE__ */ React24.createElement("li", { key: i, className: `search-result ${r && r.type}` }, renderTextCard(r, i));
+    return /* @__PURE__ */ React24.createElement("div", { id: "search-results", className: "space-y-6" }, results.map((r, i) => {
+      if (shouldRenderAsArticle(r)) {
+        return /* @__PURE__ */ React24.createElement("div", { key: i, className: `search-result ${r && r.type}` }, /* @__PURE__ */ React24.createElement(ArticleTemplate, { record: r, query, layout }));
       }
       const hasDims = Number.isFinite(Number(r.thumbnailWidth)) && Number(r.thumbnailWidth) > 0 && Number.isFinite(Number(r.thumbnailHeight)) && Number(r.thumbnailHeight) > 0;
       const aspect = hasDims ? Number(r.thumbnailWidth) / Number(r.thumbnailHeight) : void 0;
       return /* @__PURE__ */ React24.createElement(
-        "li",
+        "div",
         {
           key: i,
           className: `search-result ${r.type}`,
           "data-thumbnail-aspect-ratio": aspect
         },
         /* @__PURE__ */ React24.createElement(
-          Card,
+          FigureTemplate,
           {
-            href: r.href,
-            title: r.title || r.href,
-            src: r.type === "work" ? r.thumbnail : void 0,
-            imgWidth: r.thumbnailWidth,
-            imgHeight: r.thumbnailHeight,
-            aspectRatio: aspect
+            record: r,
+            query,
+            layout,
+            thumbnailAspectRatio: aspect
           }
         )
       );
     }));
   }
   return /* @__PURE__ */ React24.createElement("div", { id: "search-results" }, /* @__PURE__ */ React24.createElement(Grid, null, results.map((r, i) => {
-    if (shouldRenderAsTextCard(r)) {
-      return /* @__PURE__ */ React24.createElement(GridItem, { key: i, className: `search-result ${r && r.type}` }, renderTextCard(r, i));
+    if (shouldRenderAsArticle(r)) {
+      return /* @__PURE__ */ React24.createElement(GridItem, { key: i, className: `search-result ${r && r.type}` }, /* @__PURE__ */ React24.createElement(ArticleTemplate, { record: r, query, layout }));
     }
     const hasDims = Number.isFinite(Number(r.thumbnailWidth)) && Number(r.thumbnailWidth) > 0 && Number.isFinite(Number(r.thumbnailHeight)) && Number(r.thumbnailHeight) > 0;
     const aspect = hasDims ? Number(r.thumbnailWidth) / Number(r.thumbnailHeight) : void 0;
@@ -1297,14 +1332,12 @@ function SearchResults({
         "data-thumbnail-aspect-ratio": aspect
       },
       /* @__PURE__ */ React24.createElement(
-        Card,
+        FigureTemplate,
         {
-          href: r.href,
-          title: r.title || r.href,
-          src: r.type === "work" ? r.thumbnail : void 0,
-          imgWidth: r.thumbnailWidth,
-          imgHeight: r.thumbnailHeight,
-          aspectRatio: aspect
+          record: r,
+          query,
+          layout,
+          thumbnailAspectRatio: aspect
         }
       )
     );
@@ -1574,6 +1607,7 @@ function MarkdownTable({ className = "", ...rest }) {
   return /* @__PURE__ */ React28.createElement("div", { className: "markdown-table__frame" }, /* @__PURE__ */ React28.createElement("table", { className: merged, ...rest }));
 }
 export {
+  ArticleCard,
   Button,
   ButtonWrapper,
   CanopyBrand,
@@ -1600,7 +1634,6 @@ export {
   MdxSearchTabs as SearchTabs,
   SearchTabs as SearchTabsUI,
   Slider,
-  TextCard,
   Viewer
 };
 //# sourceMappingURL=index.mjs.map