// Simple stroke icons. Each is a React component that accepts `s` (size) prop. function makeIcon(defaultSize, body) { return function Icon(props) { const s = (props && typeof props.s === 'number') ? props.s : defaultSize; return body(s); }; } const Ic = { search: makeIcon(18, s => ), back: makeIcon(16, s => ), fwd: makeIcon(16, s => ), reload: makeIcon(16, s => ), panel: makeIcon(16, s => ), split: makeIcon(16, s => ), more: makeIcon(16, s => ), plus: makeIcon(16, s => ), x: makeIcon(14, s => ), star: makeIcon(16, s => ), bookmark: makeIcon(16, s => ), history: makeIcon(16, s => ), tabs: makeIcon(16, s => ), folder: makeIcon(16, s => ), settings: makeIcon(16, s => ), grid: makeIcon(16, s => ), arrowRight: makeIcon(16, s => ), sun: makeIcon(16, s => ), moon: makeIcon(16, s => ), cloud: makeIcon(20, s => ), pin: makeIcon(14, s => ), bolt: makeIcon(16, s => ), sparkle: makeIcon(16, s => ), chat: makeIcon(16, s => ), }; // Brand mark — Ajna logo (concentric overlapping arcs) function AjnaMark({ size = 36 }) { return ( ); } // Favicon stand-ins — circular tiles with a letter or simple shape function FavTile({ label, bg, size = 44, emoji }) { return (
{emoji || label}
); } // Real favicon loader — uses Google S2 service and falls back to FavTile if it fails. // `domain` is like "github.com". `label`/`bg` are the fallback tile values. function Favicon({ domain, size = 18, radius, label, bg, tileSize }) { const [failed, setFailed] = React.useState(false); const r = radius != null ? radius : size / 2; if (failed || !domain) { return ; } // Google S2 supports sz= parameter (16, 32, 64, 128, 256) const px = size <= 16 ? 32 : size <= 32 ? 64 : 128; const url = `https://www.google.com/s2/favicons?sz=${px}&domain=${domain}`; return ( setFailed(true)} style={{ width: size, height: size, borderRadius: r, objectFit: 'cover', background: 'var(--bg-elev-2)', flexShrink: 0, display: 'block', }} /> ); } // Larger favicon variant for NTP shortcuts — puts the favicon inside a circular tile function ShortcutFavicon({ domain, label, bg, size = 48 }) { const [failed, setFailed] = React.useState(false); if (failed || !domain) { return (
{label}
); } const url = `https://www.google.com/s2/favicons?sz=128&domain=${domain}`; return (
setFailed(true)} style={{ display: 'block' }} />
); } Object.assign(window, { Ic, AjnaMark, FavTile, Favicon, ShortcutFavicon });