Production polish: i18n shelved, PWA icons, SEO/GEO cleanup, UX fixes
Big-picture changes since 01be8e7:
New routes — /trump /btc /kol /trades /analytics /archive plus four
SEO landing pages (/methodology /glossary /case-studies /contact),
all served under /[locale]. Each has dedicated metadata + JSON-LD.
KOL page (new) — DigestWidget + OnchainWidget + TalkVsTradesWidget,
filter by handle/ticker, click-through to per-post detail with the
original AI-extracted ticker/conviction/quote.
BTC page (new) — tabbed: macro-bottom (AHR999 + 200WMA + Pi Cycle)
and funding-rate reversal, with live sparkline + threshold bands.
Telegram card on Settings — wallet-link code generation, status,
disconnect. Preferences moved into the bot itself (/trump /btc etc.)
so the card stays minimal.
SignalMonitor (new) — ETH/LINK Bollinger breakout monitor in its own
component, shares the singleton WsProvider so no second WS opens.
WS singleton refactor (lib/wsContext) — shared WsProvider + useWsSubscribe
hook. Cleanup now actively closes the socket on unmount; previously the
local `ws` couldn't be reached from cleanup and leaked one connection
per StrictMode remount.
OpenPositions polling no longer pops MetaMask in the background —
splits into load('first') for user-initiated and load('poll') that
uses getCachedViewEnvelope without signing.
i18n shelved — proxy.ts (Next 16 middleware rename) wires next-intl
but only Navbar + layout footer have translations. Rest of UI used
isZh ternary scattered across 28 files. All `const isZh = locale === 'zh'`
flipped to `const isZh = false` so every site renders English; Chinese
branches kept as dead code so revival is one regex away.
LanguageSwitch hidden but file kept. zh-CN hreflang removed from
metadata + sitemap to avoid duplicate-content penalties.
Wallet error handling — lib/walletError.ts: isUserRejection walks EIP-1193
code 4001 + .cause chain; previous string-match for "reject"/"denied"
broke for users running MetaMask in non-English UIs. 12 call sites
migrated across 5 components.
PWA icons — app/icon.tsx + app/apple-icon.tsx render the brand "α" via
Next's ImageResponse so no static PNG asset is required. manifest.ts
references /icon and /apple-icon dynamic routes.
OG image + sitemap + robots — dynamic 1200×630 OG card; robots blocks
both /en/settings and /zh/settings; sitemap only emits /en routes;
JSON-LD covers SoftwareApplication + Organization + 10-Q FAQPage.
Landing page polish — Launch Dashboard button stripped of magnetic
hover + shimmer + lift + glow expansion (multiple users found it busy);
hero scramble alphabet swapped to alphanumeric (was block characters);
"15 KOL feeds" copy updated to 19 in 5 places.
PostCards source icons — new entries for btc_bottom_reversal,
funding_reversal, kol_divergence so they no longer fall through to
the generic "first letter" fallback.
Archive page filter — excludes funding_reversal + kol_divergence
(previously only excluded truth + btc_bottom_reversal so new live
signals leaked into the legacy archive).
Cache + skeleton loading — lib/cache.ts SWR module with per-key TTL,
applied across the major pages so navigation feels instant.
SignConfirmSheet — 4 hardcoded Chinese strings translated to English
(English users were seeing zh-only "需要钱包签名" etc).
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
k
@@ -0,0 +1,171 @@
|
||||
import { ImageResponse } from 'next/og'
|
||||
|
||||
export const runtime = 'edge'
|
||||
export const alt = 'Trump Alpha — Four crypto alpha feeds, one dashboard'
|
||||
export const size = { width: 1200, height: 630 }
|
||||
export const contentType = 'image/png'
|
||||
|
||||
export default function OGImage() {
|
||||
return new ImageResponse(
|
||||
(
|
||||
<div
|
||||
style={{
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'flex-start',
|
||||
justifyContent: 'flex-end',
|
||||
padding: '64px 72px',
|
||||
background: '#0a0907',
|
||||
position: 'relative',
|
||||
overflow: 'hidden',
|
||||
fontFamily: 'system-ui, sans-serif',
|
||||
}}
|
||||
>
|
||||
{/* Background grid */}
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
inset: 0,
|
||||
backgroundImage:
|
||||
'linear-gradient(rgba(245,165,36,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(245,165,36,0.04) 1px, transparent 1px)',
|
||||
backgroundSize: '48px 48px',
|
||||
}}
|
||||
/>
|
||||
|
||||
{/* Ambient glow */}
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: -200,
|
||||
left: -200,
|
||||
width: 800,
|
||||
height: 800,
|
||||
borderRadius: '50%',
|
||||
background: 'radial-gradient(circle, rgba(245,165,36,0.12) 0%, transparent 70%)',
|
||||
}}
|
||||
/>
|
||||
|
||||
{/* Top-right corner badge */}
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: 48,
|
||||
right: 72,
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: 8,
|
||||
padding: '6px 14px',
|
||||
borderRadius: 999,
|
||||
background: 'rgba(245,165,36,0.12)',
|
||||
border: '1px solid rgba(245,165,36,0.3)',
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
width: 8,
|
||||
height: 8,
|
||||
borderRadius: '50%',
|
||||
background: '#22c55e',
|
||||
}}
|
||||
/>
|
||||
<span style={{ fontSize: 14, color: '#f5a524', fontWeight: 700, letterSpacing: '0.06em' }}>
|
||||
LIVE
|
||||
</span>
|
||||
</div>
|
||||
|
||||
{/* Four signal pills */}
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
gap: 12,
|
||||
marginBottom: 40,
|
||||
flexWrap: 'wrap',
|
||||
}}
|
||||
>
|
||||
{[
|
||||
{ label: 'Trump · Truth Social', color: '#f5a524' },
|
||||
{ label: 'BTC Bottom Reversal', color: '#a78bfa' },
|
||||
{ label: 'KOL Signal', color: '#22c55e' },
|
||||
{ label: 'Talks vs Trades', color: '#ef4444' },
|
||||
].map((p) => (
|
||||
<div
|
||||
key={p.label}
|
||||
style={{
|
||||
display: 'flex',
|
||||
padding: '7px 16px',
|
||||
borderRadius: 6,
|
||||
background: 'rgba(255,255,255,0.05)',
|
||||
border: `1px solid ${p.color}40`,
|
||||
fontSize: 13,
|
||||
fontWeight: 600,
|
||||
color: p.color,
|
||||
letterSpacing: '0.02em',
|
||||
}}
|
||||
>
|
||||
{p.label}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* Main title */}
|
||||
<div
|
||||
style={{
|
||||
fontSize: 72,
|
||||
fontWeight: 800,
|
||||
lineHeight: 1.05,
|
||||
color: '#f5f2ea',
|
||||
marginBottom: 24,
|
||||
letterSpacing: '-0.03em',
|
||||
}}
|
||||
>
|
||||
Trump Alpha
|
||||
</div>
|
||||
|
||||
{/* Sub */}
|
||||
<div
|
||||
style={{
|
||||
fontSize: 24,
|
||||
color: '#8a8578',
|
||||
fontWeight: 400,
|
||||
lineHeight: 1.5,
|
||||
maxWidth: 700,
|
||||
marginBottom: 0,
|
||||
}}
|
||||
>
|
||||
Four crypto alpha feeds. AI-scored in real time.
|
||||
<br />
|
||||
One dashboard — zero noise.
|
||||
</div>
|
||||
|
||||
{/* Bottom right stat strip */}
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
bottom: 52,
|
||||
right: 72,
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'flex-end',
|
||||
gap: 6,
|
||||
}}
|
||||
>
|
||||
{[
|
||||
{ v: '<3s', l: 'post → position' },
|
||||
{ v: '15', l: 'KOL feeds' },
|
||||
{ v: '$0', l: 'platform fee' },
|
||||
].map((s) => (
|
||||
<div key={s.l} style={{ display: 'flex', gap: 10, alignItems: 'baseline' }}>
|
||||
<span style={{ fontSize: 22, fontWeight: 700, color: '#f5a524', fontFamily: 'monospace' }}>
|
||||
{s.v}
|
||||
</span>
|
||||
<span style={{ fontSize: 13, color: '#5c584e' }}>{s.l}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
),
|
||||
{ ...size },
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user