{shop.name}

{shop.todayEvent && (

本日

)}

{shop.rating} ({shop.ratingCount}件)

); } function Row({ icon, text }) { return (

{text}

); } function Stars({ rating }) { return (

{[1,2,3,4,5].map(i => ( ))}

); } // ─── Machine thumbnail grid ─── function MachineThumbnailGrid({ machines, onSelect, columns = 3 }) { return (

{machines.map(m => ( ))}

); } // ─── Bottom nav (5 tabs) ─── function BottomNav({ active, onChange }) { const tabs = [ { id: 'home', label: 'ホーム', glyph: 'home' }, { id: 'hall', label: 'ホール', glyph: 'search' }, { id: 'data', label: '台データ', glyph: 'chart' }, { id: 'machine', label: '機種一覧', glyph: 'grid' }, { id: 'mypage', label: 'マイページ', glyph: 'user' }, ]; return (

{tabs.map(t => { const on = t.id === active; return ( ); })}

); } // ─── Stats panel (BB / RB / total games / rate / diff) ─── function StatsPanel({ data }) { const rows = [ { label: '総回転数', value: data.totalGames.toLocaleString(), suffix: 'G' }, { label: 'BB', value: data.bb, color: PACHI_TOKENS.red }, { label: 'RB', value: data.rb, color: '#3070d8' }, { label: '合成確率', value: data.combinedRate }, { label: '差枚', value: (data.payoutDiff > 0 ? '+' : '') + data.payoutDiff.toLocaleString(), color: data.payoutDiff >= 0 ? PACHI_TOKENS.red : '#3070d8', big: true }, ]; return (

{rows.map((r, i) => (

{r.label} {r.value}{r.suffix && {r.suffix}}

))}

); } // ─── Slump graph (SVG, replaceable) ─── function GraphPanel({ data }) { const points = data.graph; const w = 350, h = 180, padL = 36, padR = 12, padT = 16, padB = 22; const min = Math.min(...points, 0) - 500; const max = Math.max(...points, 0) + 500; const range = max - min; const xs = (i) => padL + ((w - padL - padR) * i) / (points.length - 1); const ys = (v) => padT + (h - padT - padB) * (1 - (v - min) / range); const zeroY = ys(0); const path = points.map((p, i) => `${i === 0 ? 'M' : 'L'}${xs(i)},${ys(p)}`).join(' '); const fillPath = `${path} L${xs(points.length - 1)},${zeroY} L${xs(0)},${zeroY} Z`; const positive = data.payoutDiff >= 0; const lineColor = positive ? PACHI_TOKENS.red : '#3070d8'; const yticks = [Math.ceil(max / 5000) * 5000, 5000, 0, -5000].filter(v => v >= min && v <= max); return (

スランプグラフ {positive ? '+' : ''}{data.payoutDiff.toLocaleString()}枚

); } // ─── History panel ─── function HistoryPanel({ history }) { return (

当り履歴

{history.map((h, i) => (

{h.time} {h.type} {h.count}回目 {h.game}

))}

); } // ─── Day-tabs (今日 / 昨日 / 2日前 / 3日前) ─── function DayTabs({ active, onChange }) { const tabs = ['当日', '前日', '2日前', '3日前']; return (

{tabs.map((t, i) => { const on = i === active; return ( ); })}

); } // ─── Search bar (used in shop list) ─── function AreaStationToggle({ active, onChange }) { return (

{['エリアから探す', '駅名から探す'].map((t, i) => { const on = i === active; return ( ); })}

); } // ─── Play button (random external casino link) ─── const PACHI_PLAY_LINKS = [ { name: 'Konibet', host: 'konibet.com', tone: 'gold' }, { name: 'スロット天国', host: 'sloten.io', tone: 'red' }, { name: 'ELDOAH', host: 'eldoah.com', tone: 'purple' }, ]; function PlayButton({ machineName }) { const [hover, setHover] = React.useState(false); const [pick] = React.useState(() => PACHI_PLAY_LINKS[Math.floor(Math.random() * PACHI_PLAY_LINKS.length)]); const handle = () => { const fresh = PACHI_PLAY_LINKS[Math.floor(Math.random() * PACHI_PLAY_LINKS.length)]; window.open(`https://${fresh.host}/`, '_blank', 'noopener,noreferrer'); }; return (

提携カジノでオンラインプレイ {PACHI_PLAY_LINKS.map(l => ( {l.host} ))}

); } // expose globally Object.assign(window, { PACHI_TOKENS, Icon, GoldFrame, CornerTicks, SectionHeader, Header, HeroBanner, EventBannerList, AreaButtonGrid, MenuIconGrid, StoreCard, MachineThumbnailGrid, BottomNav, StatsPanel, GraphPanel, HistoryPanel, DayTabs, AreaStationToggle, PlayButton, });