@canopy-iiif/app 0.7.10 → 0.7.12

package/lib/build/mdx.js

@@ -51,48 +51,18 @@ let UI_COMPONENTS_MTIME = 0;
 const DEBUG = process.env.CANOPY_DEBUG === '1' || process.env.CANOPY_DEBUG === 'true';
 async function loadUiComponents() {
   // Do not rely on a cached mapping; re-import each time to avoid transient races.
-  const fallbackCommand = function CommandPalette(props = {}) {
-    const {
-      placeholder = 'Search…',
-      hotkey = 'mod+k',
-      maxResults = 8,
-      groupOrder = ['work', 'page'],
-      button = true,
-      buttonLabel = 'Search',
-      label,
-      searchPath = '/search',
-    } = props || {};
-    const text = (typeof label === 'string' && label.trim()) ? label.trim() : buttonLabel;
-    let json = "{}";
-    try { json = JSON.stringify({ placeholder, hotkey, maxResults, groupOrder, label: text, searchPath }); } catch (_) { json = "{}"; }
-    return React.createElement(
-      'div',
-      { 'data-canopy-command': true, className: 'flex-1 min-w-0' },
-      // Teaser form fallback
-      React.createElement('div', { className: 'relative w-full' },
-        React.createElement('style', { dangerouslySetInnerHTML: { __html: ".relative[data-canopy-panel-auto='1']:focus-within [data-canopy-command-panel]{display:block}" } }),
-        React.createElement('form', { action: searchPath, method: 'get', role: 'search', className: 'group flex items-center gap-2 px-2 py-1.5 rounded-lg border border-slate-300 bg-white/95 backdrop-blur text-slate-700 shadow-sm hover:shadow transition w-full focus-within:ring-2 focus-within:ring-brand-500' },
-          // Left icon
-          React.createElement('span', { 'aria-hidden': true, className: 'text-slate-500' }, '🔎'),
-          // Input teaser
-          React.createElement('input', { type: 'search', name: 'q', 'data-canopy-command-input': true, placeholder, 'aria-label': 'Search', className: 'flex-1 bg-transparent outline-none placeholder:text-slate-400 py-0.5 min-w-0' }),
-          // Right submit (navigates)
-          React.createElement('button', { type: 'submit', 'data-canopy-command-link': true, className: 'inline-flex items-center gap-1 px-2 py-1 rounded-md border border-slate-200 bg-slate-50 hover:bg-slate-100 text-slate-700' }, text)
-        ),
-        // SSR placeholder panel; runtime will reuse and control visibility
-        React.createElement('div', { 'data-canopy-command-panel': true, style: { display: 'none', position: 'absolute', left: 0, right: 0, top: 'calc(100% + 4px)', background: '#fff', border: '1px solid #e5e7eb', borderRadius: '8px', boxShadow: '0 10px 25px rgba(0,0,0,0.12)', zIndex: 1000, overflow: 'auto', maxHeight: '60vh' } },
-          React.createElement('div', { id: 'cplist' })
-        )
-      ),
-      React.createElement('script', { type: 'application/json', dangerouslySetInnerHTML: { __html: json } })
-    );
-  };
   try {
-    // Prefer resolving the actual dist file and busting cache via mtime to pick up new exports during dev
+    // Prefer the workspace dist path during dev to avoid export-map resolution issues
     let resolved = null;
+    try {
+      const wsDist = path.join(process.cwd(), 'packages', 'app', 'ui', 'dist', 'server.mjs');
+      if (fs.existsSync(wsDist)) resolved = wsDist;
+    } catch (_) {}
     // Prefer explicit dist path to avoid export-map issues
-    try { resolved = require.resolve("@canopy-iiif/app/ui/dist/server.mjs"); } catch (_) {
-      try { resolved = require.resolve("@canopy-iiif/app/ui/server"); } catch (_) { resolved = null; }
+    if (!resolved) {
+      try { resolved = require.resolve("@canopy-iiif/app/ui/dist/server.mjs"); } catch (_) {
+        try { resolved = require.resolve("@canopy-iiif/app/ui/server"); } catch (_) { resolved = null; }
+      }
     }
     // Determine current mtime for change detection
     let currentPath = resolved || '';
@@ -108,50 +78,45 @@ async function loadUiComponents() {
       return UI_COMPONENTS;
     }
     let mod = null;
+    let importErr = null;
     if (resolved) {
       const { pathToFileURL } = require("url");
-      let bust = currentMtime ? `?v=${currentMtime}` : `?v=${Date.now()}`;
-      mod = await import(pathToFileURL(resolved).href + bust).catch((e) => {
-        if (DEBUG) { try { console.warn('[canopy][mdx] ESM import failed for', resolved, '\n', e && (e.stack || e.message || String(e))); } catch(_){} }
-        return null;
-      });
+      const fileUrl = pathToFileURL(resolved).href;
+      const attempts = 5;
+      for (let i = 0; i < attempts && !mod; i++) {
+        const bustVal = currentMtime ? `${currentMtime}-${i}` : `${Date.now()}-${i}`;
+        try {
+          mod = await import(fileUrl + `?v=${bustVal}`);
+        } catch (e) {
+          importErr = e;
+          if (DEBUG) {
+            try { console.warn('[canopy][mdx] ESM import failed for', resolved, '(attempt', i + 1, 'of', attempts + ')\n', e && (e.stack || e.message || String(e))); } catch(_){}
+          }
+          // Small delay to avoid watch-write race
+          await new Promise((r) => setTimeout(r, 60));
+        }
+      }
       if (DEBUG) {
         try { console.log('[canopy][mdx] UI components resolved', { path: resolved, mtime: currentMtime, loaded: !!mod }); } catch(_){}
       }
     }
     if (!mod) {
-      mod = await import("@canopy-iiif/app/ui/server").catch((e) => {
-        if (DEBUG) { try { console.warn('[canopy][mdx] Export-map import failed for @canopy-iiif/app/ui/server', '\n', e && (e.stack || e.message || String(e))); } catch(_){} }
-        return null;
-      });
-      if (DEBUG) {
-        try { console.log('[canopy][mdx] UI components fallback import via export map', { ok: !!mod }); } catch(_){}
+      // Try package subpath as a secondary resolution path (not a UI component fallback)
+      try {
+        mod = await import('@canopy-iiif/app/ui/server');
+      } catch (e2) {
+        const msgA = importErr && (importErr.stack || importErr.message);
+        const msgB = e2 && (e2.stack || e2.message);
+        throw new Error('Failed to load @canopy-iiif/app/ui/server. Ensure the UI package is built.\nPath import error: ' + (msgA||'') + '\nExport-map import error: ' + (msgB||''));
       }
     }
     let comp = (mod && typeof mod === 'object') ? mod : {};
-    // Fallback: import workspace source directly if key exports missing
-    const needFallback = !(comp && (comp.CommandPalette || comp.FeaturedHero || comp.Viewer));
-    if (needFallback) {
-      try {
-        const ws = path.join(process.cwd(), 'packages', 'app', 'ui', 'server.js');
-        if (fs.existsSync(ws)) {
-          const { pathToFileURL } = require('url');
-          // Use workspace server.js mtime for busting
-          let bustWs = `?v=${Date.now()}`;
-          try { const st = fs.statSync(ws); currentPath = ws; currentMtime = Math.floor(st.mtimeMs || 0); bustWs = `?v=${currentMtime}`; } catch (_) {}
-          const wsMod = await import(pathToFileURL(ws).href + bustWs).catch(() => null);
-          if (wsMod && typeof wsMod === 'object') {
-            comp = { ...wsMod, ...comp };
-          }
-          if (DEBUG) {
-            try { console.log('[canopy][mdx] UI components augmented from workspace source', { ws, ok: !!wsMod }); } catch(_){}
-          }
-        }
-      } catch (_) {}
+    // Hard-require core exports; do not inject fallbacks
+    const required = ['SearchPanel', 'CommandPalette', 'SearchResults', 'SearchSummary', 'SearchTabs', 'Viewer', 'Slider', 'RelatedItems'];
+    const missing = required.filter((k) => !comp || !comp[k]);
+    if (missing.length) {
+      throw new Error('[canopy][mdx] Missing UI exports: ' + missing.join(', '));
     }
-    // Ensure core placeholders exist to avoid MDX compile failures
-    if (!comp.CommandPalette) comp.CommandPalette = fallbackCommand;
-    if (!comp.SearchPanel) comp.SearchPanel = comp.CommandPalette || fallbackCommand;
     if (DEBUG) {
       try { console.log('[canopy][mdx] UI component sources', {
         path: currentPath,
@@ -163,49 +128,7 @@ async function loadUiComponents() {
         Slider: !!comp.Slider,
       }); } catch(_){}
     }
-    const mkJson = (props) => {
-      try { return JSON.stringify(props || {}); } catch (_) { return '{}'; }
-    };
-    if (!comp.Viewer) comp.Viewer = function Viewer(props){
-      return React.createElement('div', { 'data-canopy-viewer': '1', className: 'not-prose' },
-        React.createElement('script', { type: 'application/json', dangerouslySetInnerHTML: { __html: mkJson(props) } })
-      );
-    };
-    if (!comp.Slider) comp.Slider = function Slider(props){
-      return React.createElement('div', { 'data-canopy-slider': '1', className: 'not-prose' },
-        React.createElement('script', { type: 'application/json', dangerouslySetInnerHTML: { __html: mkJson(props) } })
-      );
-    };
-    if (!comp.RelatedItems) comp.RelatedItems = function RelatedItems(props){
-      return React.createElement('div', { 'data-canopy-related-items': '1', className: 'not-prose' },
-        React.createElement('script', { type: 'application/json', dangerouslySetInnerHTML: { __html: mkJson(props) } })
-      );
-    };
-    if (!comp.SearchForm) comp.SearchForm = function SearchForm(props){
-      return React.createElement('div', { 'data-canopy-search-form': '1' },
-        React.createElement('script', { type: 'application/json', dangerouslySetInnerHTML: { __html: mkJson(props) } })
-      );
-    };
-    if (!comp.SearchResults) comp.SearchResults = function SearchResults(props){
-      return React.createElement('div', { 'data-canopy-search-results': '1' },
-        React.createElement('script', { type: 'application/json', dangerouslySetInnerHTML: { __html: mkJson(props) } })
-      );
-    };
-    if (!comp.SearchSummary) comp.SearchSummary = function SearchSummary(props){
-      return React.createElement('div', { 'data-canopy-search-summary': '1' },
-        React.createElement('script', { type: 'application/json', dangerouslySetInnerHTML: { __html: mkJson(props) } })
-      );
-    };
-    if (!comp.SearchTotal) comp.SearchTotal = function SearchTotal(props){
-      return React.createElement('div', { 'data-canopy-search-total': '1' },
-        React.createElement('script', { type: 'application/json', dangerouslySetInnerHTML: { __html: mkJson(props) } })
-      );
-    };
-    if (!comp.SearchTabs) comp.SearchTabs = function SearchTabs(props){
-      return React.createElement('div', { 'data-canopy-search-tabs': '1' },
-        React.createElement('script', { type: 'application/json', dangerouslySetInnerHTML: { __html: mkJson(props) } })
-      );
-    };
+    // No stub injection beyond this point; UI package must supply these.
     // Ensure a minimal SSR Hero exists
     if (!comp.Hero) {
       comp.Hero = function SimpleHero({ height = 360, item, className = '', style = {}, ...rest }){
@@ -243,11 +166,9 @@ async function loadUiComponents() {
     UI_COMPONENTS = comp;
     UI_COMPONENTS_PATH = currentPath;
     UI_COMPONENTS_MTIME = currentMtime;
-  } catch (_) {
-    // As a last resort, supply minimal stubs so pages still compile
-    UI_COMPONENTS = { CommandPalette: fallbackCommand };
-    UI_COMPONENTS_PATH = '';
-    UI_COMPONENTS_MTIME = 0;
+  } catch (e) {
+    const msg = e && (e.stack || e.message || String(e)) || 'unknown error';
+    throw new Error('[canopy][mdx] Failed to load UI components (no fallbacks): ' + msg);
   }
   return UI_COMPONENTS;
 }

package/lib/build/runtimes.js

@@ -31,17 +31,22 @@ async function ensureCommandFallback() {
         function withBase(href){ try{ var bp = (window && window.CANOPY_BASE_PATH) ? String(window.CANOPY_BASE_PATH) : ''; if(!bp) return href; if(/^https?:/i.test(href)) return href; var clean = href.replace(/^\\/+/, ''); return (bp.endsWith('/') ? bp.slice(0,-1) : bp) + '/' + clean; } catch(_){ return href; } }
         function rootBase(){ try { var bp = (window && window.CANOPY_BASE_PATH) ? String(window.CANOPY_BASE_PATH) : ''; return bp && bp.endsWith('/') ? bp.slice(0,-1) : bp; } catch(_) { return ''; } }
         function isOnSearchPage(){ try{ var base=rootBase(); var p=String(location.pathname||''); if(base && p.startsWith(base)) p=p.slice(base.length); if(p.endsWith('/')) p=p.slice(0,-1); return p==='/search'; }catch(_){ return false; } }
-        function createUI(host){ var rel=(function(){ try{ var w=host.querySelector('.relative'); return w||host; }catch(_){ return host; } })(); try{ var cs = window.getComputedStyle(rel); if(!cs || cs.position==='static') rel.style.position='relative'; }catch(_){ } var existing = rel.querySelector('[data-canopy-command-panel]'); if(existing) return existing; var panel=document.createElement('div'); panel.setAttribute('data-canopy-command-panel',''); panel.style.cssText='position:absolute;left:0;right:0;top:calc(100% + 4px);display:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,0.12);z-index:1000;overflow:auto;max-height:60vh;'; panel.innerHTML='<div id="cplist"></div>'; rel.appendChild(panel); return panel; }
         async function loadRecords(){ try{ var v=''; try{ var m = await fetch(rootBase() + '/api/index.json').then(function(r){return r&&r.ok?r.json():null;}).catch(function(){return null;}); v=(m&&m.version)||''; }catch(_){} var res = await fetch(rootBase() + '/api/search-index.json' + (v?('?v='+encodeURIComponent(v)):'')).catch(function(){return null;}); var j = res && res.ok ? await res.json().catch(function(){return[];}) : []; return Array.isArray(j) ? j : (j && j.records) || []; } catch(_){ return []; } }
-        ready(async function(){ var host=document.querySelector('[data-canopy-command]'); if(!host) return; var cfg=parseProps(host)||{}; var maxResults = Number(cfg.maxResults||8)||8; var groupOrder = Array.isArray(cfg.groupOrder)?cfg.groupOrder:['work','page']; var onSearchPage = isOnSearchPage(); var panel=createUI(host); try{ var rel=host.querySelector('.relative'); if(rel && !onSearchPage) rel.setAttribute('data-canopy-panel-auto','1'); }catch(_){} if(onSearchPage){ panel.style.display='none'; } var list=panel.querySelector('#cplist'); var teaser = host.querySelector('[data-canopy-command-input]'); var input = teaser; if(!input){ input = document.createElement('input'); input.type='search'; input.placeholder = cfg.placeholder || 'Search…'; input.setAttribute('aria-label','Search'); input.style.cssText='display:block;width:100%;padding:8px 10px;border-bottom:1px solid #e5e7eb;outline:none;'; panel.insertBefore(input, list); }
+        ready(async function(){ var host=document.querySelector('[data-canopy-command]'); if(!host) return; var cfg=parseProps(host)||{}; var maxResults = Number(cfg.maxResults||8)||8; var groupOrder = Array.isArray(cfg.groupOrder)?cfg.groupOrder:['work','page']; var onSearchPage = isOnSearchPage();
+        var panel = (function(){ try{ return host.querySelector('[data-canopy-command-panel]') || null; }catch(_){ return null; } })();
+        if(!panel) return; // no SSR panel present; do nothing
+        try{ var rel=host.querySelector('.relative'); if(rel && !onSearchPage) rel.setAttribute('data-canopy-panel-auto','1'); }catch(_){}
+        if(onSearchPage){ panel.style.display='none'; }
+        var list=panel.querySelector('#cplist');
+        var input = (function(){ try{ return host.querySelector('[data-canopy-command-input]') || null; }catch(_){ return null; } })();
+        if(!input) return; // require SSR input; no dynamic creation
         // Populate from ?q= URL param if present
         try {
           var sp = new URLSearchParams(location.search || '');
           var qp = sp.get('q');
           if (qp) input.value = qp;
         } catch(_) {}
-        // Only inject a legacy trigger button if neither a trigger nor a teaser input exists
-        try{ if(!host.querySelector('[data-canopy-command-trigger]') && !host.querySelector('[data-canopy-command-input]')){ var btn=document.createElement('button'); btn.type='button'; btn.setAttribute('data-canopy-command-trigger',''); btn.setAttribute('aria-label','Open search'); btn.className='inline-flex items-center gap-2 px-3 py-1.5 rounded border border-slate-300 text-slate-700 hover:bg-slate-50'; var lbl=((cfg&&cfg.label)||(cfg&&cfg.buttonLabel)||'Search'); var sLbl=document.createElement('span'); sLbl.textContent=String(lbl); var sK=document.createElement('span'); sK.setAttribute('aria-hidden','true'); sK.className='text-slate-500'; sK.textContent='⌘K'; btn.appendChild(sLbl); btn.appendChild(sK); host.appendChild(btn); } }catch(_){ }
+        // Do not inject legacy trigger buttons or inputs
         var records = await loadRecords(); function render(items){ list.innerHTML=''; if(!items.length){ panel.style.display='none'; return; } var groups=new Map(); items.forEach(function(r){ var t=String(r.type||'page'); if(!groups.has(t)) groups.set(t, []); groups.get(t).push(r); }); function gl(t){ if(t==='work') return 'Works'; if(t==='page') return 'Pages'; return t.charAt(0).toUpperCase()+t.slice(1);} var ordered=[].concat(groupOrder.filter(function(t){return groups.has(t);})).concat(Array.from(groups.keys()).filter(function(t){return groupOrder.indexOf(t)===-1;})); ordered.forEach(function(t){ var hdr=document.createElement('div'); hdr.textContent=gl(t); hdr.style.cssText='padding:6px 12px;font-weight:600;color:#374151'; list.appendChild(hdr); groups.get(t).forEach(function(r){ var it=document.createElement('div'); it.setAttribute('data-canopy-item',''); it.tabIndex=0; it.style.cssText='display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;outline:none;'; var thumb=(String(r.type||'')==='work' && r.thumbnail)?r.thumbnail:''; if(thumb){ var img=document.createElement('img'); img.src=thumb; img.alt=''; img.style.cssText='width:40px;height:40px;object-fit:cover;border-radius:4px'; it.appendChild(img);} var span=document.createElement('span'); span.textContent=r.title||r.href; it.appendChild(span); it.onmouseenter=function(){ it.style.background='#f8fafc'; }; it.onmouseleave=function(){ it.style.background='transparent'; }; it.onfocus=function(){ it.style.background='#eef2ff'; try{ it.scrollIntoView({ block: 'nearest' }); }catch(_){} }; it.onblur=function(){ it.style.background='transparent'; }; it.onclick=function(){ try{ window.location.href = withBase(String(r.href||'')); }catch(_){} panel.style.display='none'; }; list.appendChild(it); }); }); }
         function getItems(){ try{ return Array.prototype.slice.call(list.querySelectorAll('[data-canopy-item]')); }catch(_){ return []; } }
         function filterAndShow(q){ try{ var qq=norm(q); if(!qq){ try{ panel.style.display='block'; list.innerHTML=''; }catch(_){} return; } var out=[]; for(var i=0;i<records.length;i++){ var r=records[i]; var title=String((r&&r.title)||''); if(!title) continue; if(norm(title).indexOf(qq)!==-1) out.push(r); if(out.length>=maxResults) break; } render(out); }catch(_){} }
@@ -85,7 +90,6 @@ async function ensureCommandFallback() {
         });
         function openPanel(){ if(onSearchPage){ try{ var ev3 = new CustomEvent('canopy:search:setQuery', { detail: {} }); window.dispatchEvent(ev3); }catch(_){ } return; } panel.style.display='block'; (input && input.focus && input.focus()); filterAndShow(input && input.value || ''); }
         host.addEventListener('click', function(e){ var trg=e.target && e.target.closest && e.target.closest('[data-canopy-command-trigger]'); if(trg){ e.preventDefault(); openPanel(); }});
-        var btn = document.querySelector('[data-canopy-command-trigger]'); if(btn){ btn.addEventListener('click', function(){ openPanel(); }); }
         try{ var teaser2 = host.querySelector('[data-canopy-command-input]'); if(teaser2){ teaser2.addEventListener('focus', function(){ openPanel(); }); } }catch(_){}
       });
     })();

package/lib/search/search-app.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useMemo, useSyncExternalStore, useState } from 'react';
 import { createRoot } from 'react-dom/client';
-import { SearchFormUI, SearchResultsUI, SearchTabsUI } from '@canopy-iiif/app/ui';
+import { SearchResultsUI, SearchTabsUI } from '@canopy-iiif/app/ui';
 
 // Lightweight IndexedDB utilities (no deps) with graceful fallback
 function hasIDB() {
@@ -233,10 +233,6 @@ function useStore() {
   return { ...snap, setQuery: store.setQuery, setType: store.setType };
 }
 
-function FormMount() {
-  const { query, setQuery, type, setType, types, counts } = useStore();
-  return <SearchFormUI query={query} onQueryChange={setQuery} type={type} onTypeChange={setType} types={types} counts={counts} />;
-}
 function ResultsMount(props = {}) {
   const { results, type, loading } = useStore();
   if (loading) return <div className="text-slate-600">Loading…</div>;
@@ -255,10 +251,6 @@ function SummaryMount() {
   }, [query, type, shown, total]);
   return <div className="text-sm text-slate-600">{text}</div>;
 }
-function TotalMount() {
-  const { shown } = useStore();
-  return <span>{shown}</span>;
-}
 
 function parseProps(el) {
   try {
@@ -284,12 +276,11 @@ function mountAt(selector, Comp) {
 
 if (typeof document !== 'undefined') {
   const run = () => {
-    // Mount tabs (preferred) or full form if present, plus summary/total/results
+    // Mount tabs and other search UI pieces
     mountAt('[data-canopy-search-tabs]', TabsMount);
-    mountAt('[data-canopy-search-form]', FormMount);
     mountAt('[data-canopy-search-results]', ResultsMount);
     mountAt('[data-canopy-search-summary]', SummaryMount);
-    mountAt('[data-canopy-search-total]', TotalMount);
+    // Total mount removed
     try {
       window.addEventListener('canopy:search:setQuery', (ev) => {
         try {

package/lib/search/search.js

@@ -6,7 +6,7 @@ const { ensureDirSync, OUT_DIR, htmlShell, fsp } = require('../common');
 
 const FALLBACK_SEARCH_APP = `import React, { useEffect, useMemo, useSyncExternalStore, useState } from 'react';
 import { createRoot } from 'react-dom/client';
-import { SearchFormUI, SearchResultsUI } from '@canopy-iiif/app/ui';
+import { SearchResultsUI } from '@canopy-iiif/app/ui';
 
 function hasIDB(){ try { return typeof indexedDB !== 'undefined'; } catch (_) { return false; } }
 function idbOpen(){ return new Promise((resolve)=>{ if(!hasIDB()) return resolve(null); try{ const req = indexedDB.open('canopy-search',1); req.onupgradeneeded=()=>{ const db=req.result; if(!db.objectStoreNames.contains('indexes')) db.createObjectStore('indexes',{keyPath:'version'}); }; req.onsuccess=()=>resolve(req.result); req.onerror=()=>resolve(null);}catch(_){ resolve(null);} }); }
@@ -153,10 +153,6 @@ function useStore() {
   return { ...snap, setQuery: store.setQuery, setType: store.setType };
 }
 
-function FormMount() {
-  const { query, setQuery, type, setType, types, counts } = useStore();
-  return <SearchFormUI query={query} onQueryChange={setQuery} type={type} onTypeChange={setType} types={types} counts={counts} />;
-}
 function ResultsMount() {
   const { results, type, loading } = useStore();
   if (loading) return <div className=\"text-slate-600\">Loading…</div>;
@@ -170,10 +166,7 @@ function SummaryMount() {
   }, [query, type, shown, total]);
   return <div className=\"text-sm text-slate-600\">{text}</div>;
 }
-function TotalMount() {
-  const { shown } = useStore();
-  return <span>{shown}</span>;
-}
+ 
 
 function mountAt(selector, Comp) {
   const nodes = document.querySelectorAll(selector);
@@ -189,10 +182,9 @@ function mountAt(selector, Comp) {
 
 if (typeof document !== 'undefined') {
   const run = () => {
-    mountAt('[data-canopy-search-form]', FormMount);
     mountAt('[data-canopy-search-results]', ResultsMount);
     mountAt('[data-canopy-search-summary]', SummaryMount);
-    mountAt('[data-canopy-search-total]', TotalMount);
+    
   };
   if (document.readyState !== 'loading') run();
   else document.addEventListener('DOMContentLoaded', run, { once: true });
@@ -314,14 +306,8 @@ async function ensureSearchRuntime() {
       plugins: [shimReactPlugin],
       external: ['@samvera/clover-iiif/*'],
     };
-    if (entryExists) {
-      await esbuild.build({ entryPoints: [entry], ...commonBuild });
-    } else {
-      await esbuild.build({
-        stdin: { contents: FALLBACK_SEARCH_APP, resolveDir: process.cwd(), loader: 'jsx', sourcefile: 'fallback-search-app.jsx' },
-        ...commonBuild,
-      });
-    }
+    if (!entryExists) throw new Error('Search runtime entry missing: ' + entry);
+    await esbuild.build({ entryPoints: [entry], ...commonBuild });
   } catch (e) {
     console.error('Search: bundle error:', e && e.message ? e.message : e);
     return;
@@ -339,43 +325,18 @@ async function buildSearchPage() {
   try {
     const outPath = path.join(OUT_DIR, 'search.html');
     ensureDirSync(path.dirname(outPath));
-    // If the author provided content/search/_layout.mdx, render it via MDX; otherwise fall back.
+    // Require author-provided content/search/_layout.mdx; do not fall back to a generated page.
     const searchLayoutPath = path.join(path.resolve('content'), 'search', '_layout.mdx');
     let body = '';
     let head = '';
-    if (require('../common').fs.existsSync(searchLayoutPath)) {
-      try {
-        const mdx = require('../build/mdx');
-        const rendered = await mdx.compileMdxFile(searchLayoutPath, outPath, {});
-        body = rendered && rendered.body ? rendered.body : '';
-        head = rendered && rendered.head ? rendered.head : '';
-      } catch (e) {
-        console.warn('Search: Failed to render content/search/_layout.mdx, falling back:', e && e.message ? e.message : e);
-      }
-    }
-    if (!body) {
-      // Minimal mount container; React SearchApp mounts into #search-root
-      let content = React.createElement(
-        'div',
-        null,
-        React.createElement('h1', null, 'Search'),
-        React.createElement('div', { id: 'search-root' })
-      );
-      const { loadAppWrapper, getMdxProvider, loadUiComponents } = require('../build/mdx');
-      const app = await loadAppWrapper();
-      const wrappedApp = app && app.App ? React.createElement(app.App, null, content) : content;
-      // Ensure MDX components like <SearchPanel /> resolve when rendering App wrapper
-      let page = wrappedApp;
-      try {
-        const MDXProvider = await getMdxProvider();
-        const components = await loadUiComponents();
-        if (MDXProvider && components) {
-          page = React.createElement(MDXProvider, { components }, wrappedApp);
-        }
-      } catch (_) { /* render without provider on failure */ }
-      body = ReactDOMServer.renderToStaticMarkup(page);
-      head = app && app.Head ? ReactDOMServer.renderToStaticMarkup(React.createElement(app.Head)) : '';
+    if (!require('../common').fs.existsSync(searchLayoutPath)) {
+      throw new Error('Missing required file: content/search/_layout.mdx');
     }
+    const mdx = require('../build/mdx');
+    const rendered = await mdx.compileMdxFile(searchLayoutPath, outPath, {});
+    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');
     const importMap = '';
     const cssRel = path.relative(path.dirname(outPath), path.join(OUT_DIR, 'styles', 'styles.css')).split(path.sep).join('/');
     const jsAbs = path.join(OUT_DIR, 'scripts', 'search.js');
@@ -398,7 +359,8 @@ async function buildSearchPage() {
     await fsp.writeFile(outPath, html, 'utf8');
     console.log('Search: Built', path.relative(process.cwd(), outPath));
   } catch (e) {
-    console.warn('Search: Failed to build page', e.message);
+    console.warn('Search: Failed to build page', e && (e.message || e));
+    throw e;
   }
 }
 

package/package.json

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