// Home page: hero, cashflow chart, live ticker, leaderboards, industry mix
const { useState: useStateH, useEffect: useEffectH, useRef: useRefH, useMemo: useMemoH } = React;
// BarChart: discrete bars (one per period bucket). Used by the Capital flow card.
// Uses sqrt scale on the y-axis so a single mega-day doesn't flatten everything else.
function BarChart({ data, width = 1200, height = 220, color }) {
if (!data || data.length === 0) {
return
No filings in this window
;
}
const w = width, h = height;
const pad = { l: 56, r: 16, t: 16, b: 30 };
const iw = w - pad.l - pad.r;
const ih = h - pad.t - pad.b;
const max = Math.max(...data.map((d) => d.v), 1);
// sqrt scale tames outliers without going log-zero-unfriendly
const scale = (v) => (v <= 0 ? 0 : Math.sqrt(v) / Math.sqrt(max));
const slot = iw / data.length;
const barW = Math.max(2, Math.floor(slot * 0.7));
const c = color || 'var(--accent)';
// Y ticks at 0, 25%, 50%, 75%, 100% of the SQRT-scaled range, but labels show the actual $ value.
const yTicks = [0, 0.25, 0.5, 0.75, 1].map((t) => {
const v = (t * Math.sqrt(max)) ** 2;
return { y: pad.t + ih - t * ih, label: window.fmtMoney(v) };
});
// X-axis: first, middle, last labels (date format depends on bucket width)
const xLabels = data.length <= 1 ? [0] : [0, Math.floor(data.length / 2), data.length - 1];
return (
);
}
function Sparkline({ data, width = 600, height = 200, color }) {
if (!data || data.length === 0) return null;
const max = Math.max(...data.map(d => d.v), 1);
const min = 0;
const w = width, h = height;
const pad = { l: 48, r: 12, t: 12, b: 28 };
const iw = w - pad.l - pad.r;
const ih = h - pad.t - pad.b;
const xStep = iw / Math.max(data.length - 1, 1);
const ax = (i) => pad.l + i * xStep;
const ay = (v) => pad.t + ih - ((v - min) / (max - min)) * ih;
const linePath = data.map((d, i) => `${i === 0 ? 'M' : 'L'} ${ax(i).toFixed(1)} ${ay(d.v).toFixed(1)}`).join(' ');
const areaPath = `M ${pad.l} ${pad.t + ih} ` + data.map((d, i) => `L ${ax(i).toFixed(1)} ${ay(d.v).toFixed(1)}`).join(' ') + ` L ${pad.l + iw} ${pad.t + ih} Z`;
// Y-axis ticks (0, 25%, 50%, 75%, 100%)
const yTicks = [0, 0.25, 0.5, 0.75, 1].map(t => ({
y: pad.t + ih - t * ih,
label: window.fmtMoney(min + (max - min) * t),
}));
// X-axis: show first, middle, last
const xLabels = [0, Math.floor(data.length / 2), data.length - 1];
const c = color || 'var(--accent)';
return (
);
}
function HomePage({ navigate }) {
const [recent, setRecent] = useStateH(null);
const [topSponsors, setTopSponsors] = useStateH(null);
const [topDeals, setTopDeals] = useStateH(null);
const [byCount, setByCount] = useStateH(null);
const [range, setRange] = useStateH('90d');
const [searchQ, setSearchQ] = useStateH('');
const [cashflowData, setCashflowData] = useStateH(null);
useEffectH(() => {
// Recent filings ticker. We pull a generous slice and let the ticker
// fall back to the most-recent-N if the strict 48h window is empty
// (Sun/Mon mornings — SEC publishes Mon-Fri).
window.api('/api/deals?real_estate=1&limit=50&sort=latest_filing_date').then(r => setRecent(r.results));
window.api('/api/sponsors?limit=8&sort=total_raised').then(r => setTopSponsors(r.results));
window.api('/api/deals?real_estate=1&limit=5&sort=total_raised').then(r => setTopDeals(r.results));
window.api('/api/sponsors?limit=5&sort=deals_count').then(r => setByCount(r.results));
}, []);
// Cashflow chart now driven by a server-side aggregated endpoint that
// buckets by day/week/month based on the requested window. No 200-row cap.
useEffectH(() => {
setCashflowData(null);
const days = range === '30d' ? 30 : range === '90d' ? 90 : range === '180d' ? 180 : 365;
window.api(`/api/stats/cashflow?days=${days}`).then(r => setCashflowData(r));
}, [range]);
const cashflow = useMemoH(() => {
if (!cashflowData) return null;
return cashflowData.buckets.map(b => ({ d: b.date, v: b.raised, f: b.filings }));
}, [cashflowData]);
// Ticker: prefer the strict 48h window. If empty (weekend lull), fall back
// to the most recent N entries with a "stale" badge so the panel never sits empty.
const ticker = useMemoH(() => {
if (!recent) return { rows: [], stale: false };
const cutoff = new Date(); cutoff.setDate(cutoff.getDate() - 2);
const fresh = recent.filter(r => new Date(r.latest_filing_date) >= cutoff);
if (fresh.length >= 3) return { rows: fresh.slice(0, 14), stale: false };
return { rows: recent.slice(0, 8), stale: true };
}, [recent]);
const last24h = ticker.rows;
const totalRaised24h = useMemoH(() => {
// Use the server's aggregated 24h slice from the cashflow data when
// available (most accurate). Falls back to 0 while loading.
if (!cashflowData?.buckets?.length) return 0;
const today = new Date().toISOString().slice(0, 10);
const yest = new Date(Date.now() - 86_400_000).toISOString().slice(0, 10);
return cashflowData.buckets
.filter(b => b.date === today || b.date === yest)
.reduce((s, b) => s + b.raised, 0);
}, [cashflowData]);
const onSearchSubmit = (e) => {
e.preventDefault();
if (searchQ.trim()) navigate({ name: 'search', q: searchQ.trim() });
};
return (
<>
{/* Hero */}
Live · 2008 → today
Every private real-estate raise,
attributed to the real sponsor.
18 years of private real-estate raise activity, rolled up into 52,028 distinct deals and 6,056 sponsors —
with the SPV chains, amendment history, and evidence trails the public record hides.
{cashflowData?.bucket === 'month' ? 'Monthly reported raises across all RE filings'
: cashflowData?.bucket === 'week' ? 'Weekly reported raises across all RE filings'
: 'Daily reported raises across all RE filings'}