builtbykev
1b4f2772d6
6.1 FIRST-PAINT ROOT CAUSE: the landing blocked its ENTIRE render on
Supabase auth init ('loading || user') — anonymous visitors stared at
'LOADING THE SLATE' for the whole auth roundtrip (~3-4s). Now a
synchronous localStorage session check gates the suppression: only
visitors who actually hold a session (and will redirect) wait;
anonymous traffic paints the hero immediately. Full RSC conversion of
the hero is deferred and logged — the blocker itself is dead.
Proof Strip rules: top-3 by grade whatever they are; 'TONIGHT'S TOP
SIGNALS' only with >=1 A-tier, else 'TONIGHT'S BOARD'; nothing graded
yet → yesterday's SETTLED reads with outcome chips (misses included).
6.2 Content routes: /api/content/top-signals/:sport,
/streak-watch/:sport (the zero-grade daily format off the aggregator),
/daily-report/:sport — built but self-flagging do_not_post until the
record clears n>=20. Flag, don't fake.
6.3 Per-player OG images: app/player/[name]/opengraph-image.tsx (Node
runtime per the S53 rule) + server layout generateMetadata — every
shared player link unfurls as an intelligence card.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
54 lines
2.2 KiB
TypeScript
54 lines
2.2 KiB
TypeScript
import { ImageResponse } from 'next/og';
|
|
|
|
// Session 60 (night2/G, 6.3) — every shared player link unfurls as an
|
|
// intelligence card. Self-hosted standalone build → Node runtime (NOT edge;
|
|
// Session-53 rule — next/og breaks under edge off Vercel).
|
|
export const alt = 'VYNDR Player Intelligence';
|
|
export const size = { width: 1200, height: 630 };
|
|
export const contentType = 'image/png';
|
|
|
|
export default async function Image({ params }: { params: Promise<{ name: string }> }) {
|
|
const { name } = await params;
|
|
const player = decodeURIComponent(name || '').slice(0, 40) || 'Player';
|
|
return new ImageResponse(
|
|
(
|
|
<div
|
|
style={{
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
justifyContent: 'space-between',
|
|
width: '100%',
|
|
height: '100%',
|
|
background: '#06060B',
|
|
color: '#E8E8F0',
|
|
padding: 72,
|
|
fontFamily: 'monospace',
|
|
}}
|
|
>
|
|
<div style={{ display: 'flex', position: 'absolute', top: 0, left: 0, right: 0, height: 6, background: '#00D4A0' }} />
|
|
<div style={{ display: 'flex', flexDirection: 'column' }}>
|
|
<div style={{ display: 'flex', fontSize: 26, letterSpacing: '0.22em', color: '#00D4A0', fontWeight: 700 }}>
|
|
PLAYER INTELLIGENCE
|
|
</div>
|
|
<div style={{ display: 'flex', fontSize: 84, fontWeight: 900, letterSpacing: '-0.02em', marginTop: 18, color: '#FFFFFF' }}>
|
|
{player}
|
|
</div>
|
|
<div style={{ display: 'flex', fontSize: 28, color: '#7A7A8E', marginTop: 20 }}>
|
|
Archetype DNA · Active streaks · Prop DNA · Settled record
|
|
</div>
|
|
</div>
|
|
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
|
|
<div style={{ display: 'flex', fontSize: 44, fontWeight: 900, letterSpacing: '0.08em' }}>
|
|
<span style={{ color: '#FFFFFF' }}>VYND</span>
|
|
<span style={{ color: '#00D4A0' }}>R</span>
|
|
</div>
|
|
<div style={{ display: 'flex', fontSize: 22, color: '#4A4A5E', letterSpacing: '0.12em' }}>
|
|
EVERY NUMBER WITH CONTEXT
|
|
</div>
|
|
</div>
|
|
</div>
|
|
),
|
|
{ ...size },
|
|
);
|
|
}
|