{label}

{value}

); } // ---------- Bubble wall ---------------------------------------------- function BubbleWall({ items, onSelect }) { // pack via simple grid-based layout sized by mention count if (!items || !items.length) return null; const max = Math.max(...items.map(i => i.count)); return (

{items.map(item => { const tool = toolByDomain(item.domain); const size = 44 + Math.round((item.count / max) * 64); const dim = size + 'px'; const deltaCol = item.delta > 0 ? 'var(--positive)' : item.delta < 0 ? 'var(--negative)' : 'var(--fg-faint)'; return ( ); })}

); } // ---------- Top nav -------------------------------------------- function TopNav({ route, lang, setLang, theme, setTheme, openSubscribe }) { const links = [ { id: 'builders', href: '#/', label: t('nav_makers') }, { id: 'newsletter',href: '#/newsletter', label: t('nav_thisWeek') }, { id: 'tools', href: '#/tools', label: t('nav_tools') }, { id: 'trends', href: '#/trends', label: t('nav_trends') }, { id: 'archive', href: '#/archive', label: t('nav_archive') }, { id: 'about', href: '#/about', label: t('nav_about') }, ]; const isActive = (id) => { if (id === 'builders') return route.page === 'builders' || route.page === 'maker'; if (id === 'newsletter') return route.page === 'newsletter'; if (id === 'tools') return route.page === 'tools' || route.page === 'tool'; if (id === 'trends') return route.page === 'trends' || route.page === 'trend'; if (id === 'archive') return route.page === 'archive'; if (id === 'about') return route.page === 'about'; return false; }; return (

e.preventDefault()}> {t('nav_search_placeholder')} ⌘K

); } // ---------- Locale switcher -------------------------------------------- function LocaleSwitcher({ lang, setLang }) { const [open, setOpen] = useState(false); const locales = [ { code: 'en', label: 'English', short: 'EN' }, { code: 'zh', label: '简体中文', short: 'ZH' }, { code: 'ja', label: '日本語', short: 'JA', disabled: true }, { code: 'de', label: 'Deutsch', short: 'DE', disabled: true }, { code: 'pt-BR', label: 'Português', short: 'PT', disabled: true }, ]; const cur = locales.find(l => l.code === lang) || locales[0]; return (

{open && (

setOpen(false)} style={{ position:'absolute', top:'100%', right:0, marginTop:6, minWidth:160, background:'var(--bg-elev)', border:'1px solid var(--border)', borderRadius:'var(--r-md)', boxShadow:'var(--shadow-md)', padding:6, zIndex:60, }}> {locales.map(l => ( ))}

)}

); } // ---------- Theme toggle -------------------------------------------- function ThemeToggle({ theme, setTheme }) { const next = theme === 'dark' ? 'light' : 'dark'; return ( ); } // ---------- Footer -------------------------------------------- function Footer() { return ( ); } // ---------- NewsletterStrip (compact inline form) ---------- function NewsletterStrip({ variant = 'default' }) { const [email, setEmail] = useState(''); const [done, setDone] = useState(false); const isZh = window.__lang === 'zh'; const copy = { makers: { eyebrow: isZh ? '每周日 · digest' : 'Every Sunday', title: isZh ? '追踪 100 位创业者太累了。让我们替你整理。' : 'Following 100 builders is a lot. Let us digest it for you.', sub: isZh ? '每周日把 50+ 条新动态压缩成一封 5 分钟可读完的摘要。' : 'Every Sunday: 50+ events distilled into a 5-minute read.', }, default: { eyebrow: isZh ? '每周日 · digest' : 'Every Sunday', title: isZh ? '100 位创业者 · 一封信 · 每周日' : '100 builders. One inbox. Every Sunday.', sub: isZh ? '5 分钟读完本周所有动态。永久免费。' : '5 minutes to read this week. Free forever.', }, }; const c = copy[variant] || copy.default; const proof = isZh ? '4,217 位订阅 · 一键退订' : '4,217 subscribers · one-click unsubscribe'; const cta = isZh ? '订阅' : 'Subscribe'; const placeholder = isZh ? '你的邮箱' : 'you@yourdomain.com'; const submit = (e) => { e.preventDefault(); if (email && email.includes('@')) setDone(true); }; return (

{c.eyebrow}

{c.title}

{c.sub} · {proof}

{done ? (

✓ {isZh ? '已订阅' : 'You\'re in'}

) : ( )}

); } // ---------- NewsletterModal (global subscribe popup) ---------- function NewsletterModal({ open, onClose }) { const [email, setEmail] = useState(''); const [done, setDone] = useState(false); const isZh = window.__lang === 'zh'; // close on Escape + lock body scroll while open useEffect(() => { if (!open) return; const onKey = (e) => { if (e.key === 'Escape') onClose(); }; window.addEventListener('keydown', onKey); const prevOverflow = document.body.style.overflow; document.body.style.overflow = 'hidden'; return () => { window.removeEventListener('keydown', onKey); document.body.style.overflow = prevOverflow; }; }, [open, onClose]); if (!open) return null; const heading = isZh ? '每周日，100 位创业者，一封信。' : 'Every Sunday. 100 builders. One inbox.'; const sub = isZh ? '把 50+ 条独立创业动态压成一封 5 分钟的 digest。永久免费 · 一键退订。' : 'A weekly digest of 50+ indie events in a 5-minute read. Free forever · one-click unsubscribe.'; const cta = isZh ? '订阅' : 'Subscribe'; const placeholder = isZh ? '你的邮箱' : 'you@yourdomain.com'; const submit = (e) => { e.preventDefault(); if (email && email.includes('@')) setDone(true); }; return (

e.stopPropagation()} style={{ background:'var(--bg-elev)', border:'1px solid var(--border)', borderRadius:'var(--r-lg)', maxWidth: 520, width:'100%', padding:'40px 40px 32px', position:'relative', boxShadow:'var(--shadow-lg)', }}>

{heading}

{sub}

{done ? (

✓ {isZh ? '已订阅。下周日见。' : 'You\'re in. See you Sunday.'}

) : ( )}

{isZh ? '4,217 位独立创业者已订阅' : '4,217 indie builders subscribed'} · {isZh ? '永久免费 · 一键退订' : 'Free forever · one-click unsubscribe'}

); } Object.assign(window, { NewsletterStrip, NewsletterModal }); function fmtMRR(v) { if (v == null) return '—'; if (v >= 1000000) return '$' + (v/1000000).toFixed(2) + 'M'; if (v >= 1000) return '$' + Math.round(v/1000) + 'k'; return '$' + v; } function fmtMRRFull(v) { if (v == null) return '—'; return '$' + v.toLocaleString('en-US'); } function fmtRelative(iso) { const then = new Date(iso).getTime(); const now = Date.now(); const h = Math.floor((now - then) / (1000 * 60 * 60)); if (h < 24) return h + t('ago_h'); return Math.floor(h/24) + t('ago_d'); } Object.assign(window, { BrandMark, BrandWordmark, LogoStageMark, Flag, ToolIcon, Avatar, SourceChip, TypeChip, AISummary, Sparkline, LineChart, BarRow, BubbleWall, TopNav, LocaleSwitcher, ThemeToggle, Footer, fmtMRR, fmtMRRFull, fmtRelative, });