/* global React */ // Shared components for Eastbrook Discovery. // Exports to window at the bottom so other Babel files can use them. const { useState, useEffect, useRef, useMemo } = React; /* ─── tiny inline icons (stroke-based, no rounded corners on data shapes) ─── */ const Icon = { Search: (p) => ( ), X: (p) => ( ), Chevron: (p) => ( ), Down: (p) => ( ), Book: (p) => ( ), Article: (p) => ( ), Globe: (p) => ( ), Pin: (p) => ( ), Star: (p) => ( ), StarFill: (p) => ( ), Quote: (p) => ( ), Cite: (p) => ( ), Sparkle: (p) => ( ), Filter: (p) => ( ), Mic: (p) => ( ), Newspaper: (p) => ( ), Database: (p) => ( ), Cap: (p) => ( ), Heart: (p) => ( ), Share: (p) => ( ), Library: (p) => ( ), Arrow: (p) => ( ), }; /* ─── Resource type → glyph ─── */ function TypeGlyph({ type, size = 14 }) { const map = { article: Icon.Article, book: Icon.Book, ebook: Icon.Book, thesis: Icon.Cap, newspaper: Icon.Newspaper, dataset: Icon.Database, video: Icon.Database, }; const I = map[type] || Icon.Article; return ; } const TYPE_LABEL = { article: "Article", book: "Book", ebook: "E-book", thesis: "Thesis", newspaper: "News", dataset: "Dataset", video: "Audio / Video", }; /* ─── Header bar ─── */ function HeaderBar({ query, setQuery, onSubmit, route, goto, savedCount, accentInk }) { const [open, setOpen] = useState(false); const inputRef = useRef(null); function handleSubmit(e) { e?.preventDefault?.(); setOpen(false); onSubmit?.(query); } return (
{/* Top utility row */}
Eastbrook University | Hours & Locations Ask a Librarian Interlibrary Loan
Help Sign in
{/* Brand + search row */}
{/* Search */}
setQuery(e.target.value)} onFocus={() => setOpen(true)} onBlur={() => setTimeout(() => setOpen(false), 120)} placeholder="Search books, articles, databases, archives…" style={{ background: "transparent", border: 0, outline: "none", fontFamily: "var(--font-sans)", fontSize: 15, color: "var(--ink)", padding: "0 4px", }} />
{/* Search dropdown */} {open && (
Recent searches
{window.LD_DATA.SUGGESTIONS.slice(0, 3).map((s) => ( ))}
Suggested
{window.LD_DATA.SUGGESTIONS.slice(3).map((s) => ( ))}
Press ↵ to search across all collections Advanced search →
)}
{/* Right nav */}
); } function NavLink({ children, active, onClick }) { return ( ); } const linkSm = { color: "var(--muted)", textDecoration: "none", fontSize: 12 }; const iconBtnGhost = { background: "transparent", border: 0, padding: "0 10px", color: "var(--muted)", height: 32, display: "grid", placeItems: "center", cursor: "default", }; const suggestBtn = { display: "flex", alignItems: "center", gap: 10, width: "100%", background: "transparent", border: 0, padding: "8px 16px", textAlign: "left", fontSize: 14, color: "var(--ink)", cursor: "default", }; const savedBadge = { display: "inline-grid", placeItems: "center", minWidth: 18, height: 18, background: "var(--accent)", color: "var(--accent-ink)", borderRadius: 999, fontSize: 11, padding: "0 6px", marginLeft: 4, fontFamily: "var(--font-mono)", }; /* ─── Pill ─── */ function Pill({ children, tone = "neutral", style }) { const tones = { neutral: { bg: "var(--tag)", fg: "var(--ink-2)" }, ghost: { bg: "transparent", fg: "var(--muted)", border: "1px solid var(--hairline-2)" }, good: { bg: "transparent", fg: "var(--good)", border: "1px solid var(--good)" }, warn: { bg: "transparent", fg: "var(--warn)", border: "1px solid var(--warn)" }, accent: { bg: "var(--accent-soft)", fg: "var(--accent)" }, }; const t = tones[tone] || tones.neutral; return ( {children} ); } /* ─── Facet group (collapsible) ─── */ function FacetGroup({ title, facet, selected, onToggle, defaultOpen = true }) { const [open, setOpen] = useState(defaultOpen); return (
{open && (
{facet.map((f) => { const isOn = selected.includes(f.id); return ( ); })}
)}
); } function fmt(n) { return n >= 1000 ? (n / 1000).toFixed(n >= 10000 ? 0 : 1) + "k" : String(n); } /* ─── Result card ─── */ function ResultCard({ item, layout, onOpen, onSave, saved, query }) { const isShelf = item.access === "shelf"; const accessLabel = isShelf ? (item.availability && item.availability.startsWith("Available") ? "Available on shelf" : "Checked out") : (item.access === "ebook" ? "Read e-book online" : "Online — full text"); const accessTone = isShelf && !item.availability?.startsWith("Available") ? "warn" : "good"; return (
{/* Index / type */} {layout !== "card" && (
{TYPE_LABEL[item.type]}
)} {/* Main body */}
{layout === "card" && {TYPE_LABEL[item.type]}} {item.peerReviewed && Peer-reviewed} {item.openAccess && Open access}

onOpen(item.id)} className="serif" style={{ margin: 0, fontSize: 21, lineHeight: 1.25, color: "var(--ink)", cursor: "default", letterSpacing: "-0.005em", textWrap: "pretty", }} >

{item.authors.join("; ")} {item.year ? ` · ${item.year}` : ""} {item.venue ? <> · {item.venue} : null} {item.vol ? , {item.vol} : null} {item.pages ? , {item.pages} : null}
{item.abstract && (

)}
{item.doi && doi: {item.doi}} {item.callNumber && {item.callNumber}} {typeof item.cited === "number" && ( Cited by {item.cited} )}
{/* Right rail — availability */} {layout !== "card" && (
{accessLabel} {isShelf && ( <>
{item.callNumber}
{item.location}
)} {!isShelf && item.doi && (
Via JSTOR · ScienceDirect
)}
)}
); } function Highlight({ text, query }) { if (!query) return <>{text}; const terms = query.split(/\s+/).filter(t => t.length > 2); if (!terms.length) return <>{text}; const re = new RegExp("(" + terms.map(t => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|") + ")", "gi"); const parts = String(text).split(re); return ( <>{parts.map((p, i) => re.test(p) ? {p} : {p})} ); } const btnPrimary = { display: "inline-flex", alignItems: "center", gap: 6, background: "var(--ink)", color: "var(--paper)", border: 0, padding: "8px 14px", fontSize: 13, fontWeight: 500, cursor: "default", fontFamily: "var(--font-sans)", }; const btnGhost = { display: "inline-flex", alignItems: "center", gap: 6, background: "transparent", color: "var(--ink-2)", border: "1px solid var(--hairline-2)", padding: "8px 12px", fontSize: 13, fontWeight: 500, cursor: "default", fontFamily: "var(--font-sans)", }; const btnTiny = { display: "inline-flex", alignItems: "center", gap: 5, background: "transparent", color: "var(--ink)", border: "1px solid var(--hairline-2)", padding: "5px 8px", fontSize: 12, fontWeight: 500, cursor: "default", fontFamily: "var(--font-sans)", }; /* ─── AI Assistant panel ─── */ function AIAssistant({ query, onOpenItem, onClose }) { const [messages, setMessages] = useState([]); const [input, setInput] = useState(""); const [busy, setBusy] = useState(false); const scrollRef = useRef(null); useEffect(() => { if (query) { setMessages([{ role: "assistant", text: `I can help you explore "${query}" across the Eastbrook collections. Here's what I'm seeing in the top results — ask me to summarise a paper, find counter-arguments, or build a starter reading list.`, suggestions: [ "Summarise the top 3 articles", "Build me a starter reading list", "Find recent open-access work", "Suggest related search terms", ], }]); } }, [query]); useEffect(() => { scrollRef.current?.scrollTo({ top: 9e9, behavior: "smooth" }); }, [messages, busy]); async function send(text) { const t = (text ?? input).trim(); if (!t) return; setInput(""); setMessages((m) => [...m, { role: "user", text: t }]); setBusy(true); try { const ctx = window.LD_DATA.RESULTS.slice(0, 5).map((r, i) => `[${i + 1}] ${r.title} — ${r.authors.join(", ")} (${r.year}, ${r.venue})`).join("\n"); const prompt = `You are a calm, scholarly research librarian for Eastbrook University.\n` + `User query: "${query || "(none)"}"\n\n` + `Top results in the catalogue:\n${ctx}\n\n` + `User asks: "${t}"\n\n` + `Reply in 3–5 short sentences. When useful, refer to results by their number e.g. [1]. ` + `End with one or two follow-up questions on their own lines prefixed with "→ ".`; const reply = await window.claude.complete(prompt); const lines = reply.split("\n").map(l => l.trim()).filter(Boolean); const followUps = lines.filter(l => l.startsWith("→")).map(l => l.replace(/^→\s*/, "")); const body = lines.filter(l => !l.startsWith("→")).join(" "); setMessages((m) => [...m, { role: "assistant", text: body, suggestions: followUps }]); } catch (e) { setMessages((m) => [...m, { role: "assistant", text: "Sorry — I couldn't reach the assistant just now. Try again in a moment." }]); } finally { setBusy(false); } } return ( ); } function Dot({ delay = "0s" }) { return ( ); } // Inject keyframes once if (!document.getElementById("ld-keyframes")) { const s = document.createElement("style"); s.id = "ld-keyframes"; s.textContent = ` @keyframes ld-bounce { 0%, 80%, 100% { opacity: .25; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } } @keyframes ld-fade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } } @keyframes ld-shimmer { from { background-position: -200px 0; } to { background-position: 200px 0; } } .ld-fade { animation: ld-fade .25s ease-out both; } mark { background: var(--accent-soft); color: var(--accent); } `; document.head.appendChild(s); } Object.assign(window, { Icon, TypeGlyph, TYPE_LABEL, HeaderBar, Pill, FacetGroup, ResultCard, AIAssistant, fmt, btnPrimary, btnGhost, btnTiny, });