/* ========================================================== NewsNator — Page: Home / This week's digest ========================================================== */ function EventCard({ event, layout = 'wide' }) { const m = makerBySlug(event.makerSlug); const summary = (window.__lang === 'zh' && event.summaryZh) ? event.summaryZh : event.summary; const caption = (window.__lang === 'zh' && event.captionZh) ? event.captionZh : event.caption; const title = event.title; const compact = layout === 'compact'; return (
{m.name} {m.flag}
@{m.handle} · {fmtRelative(event.published)} ·

{title}

{event.tools.length > 0 && false && (
tools mentioned
{event.tools.map(d => ( {toolByDomain(d).name} ))}
)} {event.numbers && Object.keys(event.numbers).length > 0 && (
{Object.entries(event.numbers).slice(0, 4).map(([k,v]) => ( {k.replace(/_/g, ' ')} {typeof v === 'number' && v > 1000 ? v.toLocaleString() : v} ))}
)}
); } // ----------------- Hero Metric ----------------- function MetricCard({ label, value, sub, accent }) { return (
{label}
{value}
{sub &&
{sub}
}
); } // ----------------- Hero ----------------- function HomeHero() { const isZh = window.__lang === 'zh'; const summary = isZh ? THIS_WEEK.heroSummaryZh : THIS_WEEK.heroSummary; const range = isZh ? THIS_WEEK.dateRangeZh : THIS_WEEK.dateRange; const issueNum = parseInt(THIS_WEEK.yearWeek.split('-W')[1]); return (
{/* Letter masthead */}
FROM opc.how digest <digest@opc.how> DATE {range} · {THIS_WEEK.yearWeek} SUBJECT {isZh ? '本周 100 位独立创业者发生了什么' : 'What 100 indie builders did this week'} ISSUE #{String(issueNum).padStart(3, '0')} · 5 min read

{isZh ? '本周值得知道的事' : 'What\'s worth knowing this week'}

{summary}

{isZh ? '— 你的 opc.how 编辑' : '— Your opc.how editor'}

); } // ----------------- Metric strip ----------------- function MetricStrip() { const M = THIS_WEEK.metrics; const topTool = toolByDomain(M.topTool); return (
); } // ----------------- Trends row ----------------- function TrendStrip() { const isZh = window.__lang === 'zh'; return (
§ 01

{t('home_trends_heading')}

{THIS_WEEK.trends.length} {isZh ? '个主题' : 'themes'}
{THIS_WEEK.trends.map(tr => { const name = isZh ? tr.nameZh : tr.name; return (
TREND
{tr.score}

{name}

{tr.eventIds.length} {isZh ? '篇' : 'posts'} →
 ); })}
); } // ----------------- Tool bubble wall ----------------- function ToolBubbleSection() { return (

{t('home_tools_heading')}

{t('home_tools_subhead', { n: THIS_WEEK.metrics.totalEvents })}
{t('see_all')} →
navigate('/tools/' + d)}/>
rising mentions falling unchanged size ∝ mentions · click to open the tool page
); } // ----------------- Maker activity grid ----------------- function MakerActivity() { const isZh = window.__lang === 'zh'; const sorted = [...EVENTS].sort((a,b) => b.score - a.score); return (
§ 02

{t('home_makers_heading')}

{sorted.length} {isZh ? '条' : 'stories'}
{sorted.map(ev => )}
); } // ----------------- Archive row ----------------- function ArchiveStrip() { const isZh = window.__lang === 'zh'; return (
§ 03

{t('home_archive_heading')}

{isZh ? '全部往期' : 'all issues'} →
{ARCHIVE.slice(1, 6).map(issue => ( {issue.yearWeek} {issue.headline} {issue.date} ))}
{/* Sign-off */}

{isZh ? '下周日见。' : 'See you next Sunday.'}

— opc.how

{isZh ? '回复邮件举报某位创业者 · ' : 'Reply to flag a builder · '} {isZh ? '一键退订' : 'one-click unsubscribe'} {' · '} {isZh ? '往期归档' : 'past issues'}

); } // ----------------- Lessons-from-failure spotlight ----------------- function LessonsSection() { const isZh = window.__lang === 'zh'; const lessonIds = ['e-010','e-008','e-009','e-012','e-011']; const lessons = lessonIds.map(id => EVENTS.find(e => e.id === id)).filter(Boolean); if (!lessons.length) return null; return (

{isZh ? '失败功课' : 'Lessons from the field'}

{lessons.length}
{isZh ? '完整专题' : 'The trend page'} →

{isZh ? '本周 indie 圈最值得读的几篇 —— 都是创业者公开承认"哪里搞砸了、下次怎么改"。点开任何一条都能跳到原文。' : 'The most-shared honest retrospectives in indie SaaS this week — founders publicly naming what went wrong and what they\'re changing. Every card links to the original source.'}

{lessons.map((ev, i) => )}
); } function LessonCard({ event, highlight }) { const isZh = window.__lang === 'zh'; const m = makerBySlug(event.makerSlug); const caption = isZh && event.captionZh ? event.captionZh : event.caption; const summary = isZh && event.summaryZh ? event.summaryZh : event.summary; const isCommunity = event.makerSlug === 'community'; return (
{isZh ? '复盘' : 'POST-MORTEM'} {fmtRelative(event.published)}

{event.title}

{caption && (

"{caption}"

)} {highlight && (

{summary}

)}
{!isCommunity && m ? : ( IH )}
{m ? m.name : 'Indie Hackers'} {new URL(event.sourceUrl).hostname.replace('www.','')}
↗
); } Object.assign(window, { LessonsSection, LessonCard }); function NewsletterSection() { const [email, setEmail] = useState(''); const [done, setDone] = useState(false); const isZh = window.__lang === 'zh'; const heading = isZh ? '每周日，所有动态一封信。' : 'Every Sunday. 100 builders. One inbox.'; const sub = isZh ? '想追踪这 100 位独立创业者本周的全部动态？每周日 22:00 UTC，我们把 50+ 条事件压缩成一封 5 分钟可读完的 digest，直接发到你的邮箱。' : 'Want to follow what these 100 indie builders shipped, killed, and crossed this week? Every Sunday at 22:00 UTC we distill 50+ events into a 5-minute digest and drop it in your inbox.'; const ctaPlaceholder = isZh ? '你的邮箱' : 'you@yourdomain.com'; const ctaLabel = isZh ? '订阅' : 'Subscribe'; const proof = isZh ? '已有 4,217 位独立创业者订阅' : 'Joined by 4,217 indie builders'; const sample = isZh ? '本期预览' : 'This week\'s preview'; const free = isZh ? '永久免费 · 一键退订' : 'Free forever · one-click unsubscribe'; const previewLines = isZh ? [ 'Tibo 的 Revid.ai 突破 $465K MRR — Outrank 形成闭环', 'Marc Lou 反思 14 个产品 — "应该做 3 个"', 'Pieter Levels 把 Nomad List 迁到 Cloudflare — 月支出降 11×', '+ 4 条本周趋势 · 22 次 Anthropic 提及 · 6 个新发布', ] : [ 'Tibo\'s Revid.ai crosses $465K MRR — closes the loop with Outrank', 'Marc Lou\'s 14-product reflection — "I\'d have done 3"', 'Pieter Levels migrates Nomad List to Cloudflare — 11× cheaper', '+ 4 weekly trends · 22 Anthropic mentions · 6 new launches', ]; const submit = (e) => { e.preventDefault(); if (!email || !email.includes('@')) return; setDone(true); }; return (
{/* LEFT — pitch + form */}
{isZh ? '每周日 · 22:00 UTC' : 'Sundays · 22:00 UTC'}

{heading}

{sub}

{done ? (
✓ {isZh ? '已订阅。下周日见。' : 'You\'re in. See you Sunday.'}
) : (
setEmail(e.target.value)} placeholder={ctaPlaceholder} style={{ flex:1, padding:'12px 14px', fontFamily:'var(--font-mono)', fontSize:13, color:'var(--fg)', background:'var(--bg)', border:'1px solid var(--border)', borderRadius:'var(--r-sm)', outline:'none', }} />
)}
{proof} · {free}
{/* RIGHT — issue preview (looks like an inbox card) */}
o opc.how digest digest@opc.how · {isZh ? '今天 22:00' : '· Today, 22:00 UTC'} 2026-W19
{sample}
    {previewLines.map((line, i) => (
  • {line}
    • ))}
Reply to flag a maker · ↩ takes you to the unsubscribe page 1,847 words · 5 min read
); } // ----------------- Home page entry ----------------- function HomePage() { return (
); } Object.assign(window, { EventCard, MetricCard, NewsletterSection, HomePage });