/* global React, ReactDOM, Jersey, KitBadge, TradeView, PortfolioView, BlockTicker, MusicToggle, LangContext, useT, useLang, Ball, Bnb, Logo, PlayerToon */
const { useState, useEffect, useMemo } = React;
// ============ Helpers ============
const fmtPrice = (n) => n < 0.0001 ? n.toExponential(2) : n.toFixed(5);
const fmtBNB = (n, d = 2) => n >= 1000 ? n.toFixed(0) : n >= 10 ? n.toFixed(1) : n.toFixed(d);
const fmtNum = (n) => n.toLocaleString("en-US");
const fmtVolume = (n) => n >= 1_000_000 ? (n/1_000_000).toFixed(2) + "M" : n >= 1_000 ? (n/1_000).toFixed(2) + "K" : n.toFixed(0);
// Live BNB/USD price — refreshed from Binance ticker every 60s.
// Stored on window so trade-view.jsx and portfolio.jsx can read it too.
if (typeof window.BNB_USD !== "number") window.BNB_USD = 612;
async function refreshBnbPrice() {
try {
const r = await fetch("https://api.binance.com/api/v3/ticker/price?symbol=BNBUSDT");
const d = await r.json();
const p = parseFloat(d.price);
if (p > 0) window.BNB_USD = p;
} catch (e) {}
}
refreshBnbPrice();
setInterval(refreshBnbPrice, 60_000);
// Price → $X.YZ string. Auto-adjusts decimals based on magnitude.
// For very small (memecoin) prices uses DexScreener-style subscript zeros:
// e.g. $0.00001912 → "$0.0₄1912" where ₄ = "four leading zeros".
const SUBS = ["₀","₁","₂","₃","₄","₅","₆","₇","₈","₉"];
function fmtUsdPrice(bnb) {
const usd = (Number(bnb) || 0) * (window.BNB_USD || 612);
if (usd === 0) return "$0";
if (usd >= 1000) return "$" + usd.toFixed(0);
if (usd >= 100) return "$" + usd.toFixed(2);
if (usd >= 1) return "$" + usd.toFixed(3);
if (usd >= 0.01) return "$" + usd.toFixed(4);
if (usd >= 0.001) return "$" + usd.toFixed(5);
// Sub-cent memecoin format: collapse leading zeros to a subscript count.
const exp = usd.toExponential(3); // "1.912e-5"
const m = exp.match(/^(\d)\.(\d+)e-(\d+)$/);
if (!m) return "$" + usd.toFixed(8);
const digits = (m[1] + m[2]).replace(/0+$/, ""); // "1912"
const leading = parseInt(m[3], 10) - 1; // 4 zeros after "0."
if (leading < 1) return "$" + usd.toFixed(6);
const zsub = String(leading).split("").map(d => SUBS[+d]).join("");
return "$0.0" + zsub + digits.slice(0, 4);
}
window.fmtUsdPrice = fmtUsdPrice;
// Tiny inline nav icons — small enough to never crop, replace squashed emoji.
const NavMarketsIcon = () => (
);
const NavGoalIcon = () => (
);
const NavGainersIcon = () => (
);
const NavTrophyIcon = () => (
);
const NavBriefcaseIcon = () => (
);
const NavShieldIcon = () => (
);
// Player name component — shows Chinese + English depending on language
function PlayerName({ p, both = false, size = "md" }) {
const lang = useLang();
if (lang === "zh") {
return (
{p.nameZh || p.name}
{both !== false && {p.shortName || p.name}}
);
}
return {p.name};
}
function CountryName({ p }) {
const lang = useLang();
return {lang === "zh" ? (p.countryZh || p.country) : p.country};
}
function ClubName({ p }) {
const lang = useLang();
return {lang === "zh" ? (p.clubZh || p.club) : p.club};
}
// Real 24h stats — populated by the trades-fetch hook below. For untraded tokens
// or when trade history isn't yet loaded, returns zeros (real state, no fake
// derivation from id seed).
const _stats24h = new Map(); // symbol -> { change24, high24, low24, volume24 }
window.gbSetStats24h = (symbol, stats) => {
_stats24h.set(symbol, stats);
// Notify React components (debounced subscribers via the App-level listener)
try { window.dispatchEvent(new CustomEvent('gb:stats24h', { detail: { symbol } })); } catch (e) {}
};
function deriveStats(p) {
const cached = _stats24h.get(p.symbol);
// For untraded tokens or tokens whose reserves netted back to zero, the
// bonding-curve spot mid stays at the initial price. We surface the
// last-traded execution price (when available) so the UI matches DEX
// expectations — what a user actually paid most recently.
if (cached) {
return {
...cached,
displayPrice: cached.lastPrice || p.priceBNB || 0,
};
}
return {
change24: 0,
high24: p.priceBNB || 0,
low24: p.priceBNB || 0,
volume24: 0,
lastPrice: p.priceBNB || 0,
displayPrice: p.priceBNB || 0,
};
}
// Expose so trade-view.jsx (separate