// Pachi — additional screens and global state // Mounted into window so screens.jsx can reference them. const { useState: useStateExtra, useEffect: useEffectExtra } = React; // ─── Global favorites store (in-memory across the App instance) ─── window.PACHI_STATE = window.PACHI_STATE || { favoriteShops: new Set(), favoriteMachines: new Set(['hokuto-247']), favoriteEvents: new Set(['tenkai']), }; // ─── Generic empty/list screen ─── function PageHeader({ kicker, title, subtitle }) { return (
{kicker && (
{kicker}
)}

{title}

{subtitle && (
{subtitle}
)}
); } // ─── Hall list screen ─── function HallListScreen({ nav, params = {} }) { const D = window.PACHI_DATA; const [filter, setFilter] = useStateExtra('all'); const filters = [ { id: 'all', label: 'すべて' }, { id: 'today', label: '本日イベント' }, { id: 'fav', label: 'お気に入り' }, { id: 'rating', label: '評価高い順' }, ]; let shops = [...D.shops]; if (filter === 'today') shops = shops.filter(s => s.todayEvent); if (filter === 'fav') shops = shops.filter(s => window.PACHI_STATE.favoriteShops.has(s.id)); if (filter === 'rating') shops = shops.sort((a, b) => b.rating - a.rating); return (
nav.back()} /> f.id === filter)?.label}`} /> {/* Filter chips */}
{filters.map(f => { const on = f.id === filter; return ( ); })}
{shops.map(s => ( nav.go('store', { shopId: s.id })} /> ))} {shops.length === 0 && ( )}
); } // ─── Store detail screen ─── function StoreDetailScreen({ nav, params }) { const D = window.PACHI_DATA; const shop = D.shops.find(s => s.id === params.shopId) || D.shops[0]; const [, force] = useStateExtra(0); const isFav = window.PACHI_STATE.favoriteShops.has(shop.id); const machines = D.machines.slice(0, 9); // pick 4 numbers per machine const dataKeys = Object.keys(D.machineData); return (
nav.back()} /> {/* Brand hero */}
{shop.rating} ({shop.ratingCount}件)
{shop.name}
{/* Action row */}
{/* Info */} {/* Today's machines */}
{dataKeys.concat(['hokuto-247','monkeyturn-112']).slice(0, 5).map((k, i) => { const md = D.machineData[k]; const m = D.machines.find(x => x.id === md.machineId); return (
nav.go('data', { shopId: shop.id, machineKey: k })} style={{ display: 'flex', alignItems: 'center', gap: 10, padding: '10px 12px', borderTop: i === 0 ? 'none' : `1px solid ${PACHI_TOKENS.hairline}`, cursor: 'pointer', }}>
{i + 1}
{m.name}
{md.machineNumber}番台
= 0 ? PACHI_TOKENS.red : '#3070d8', fontSize: 16, fontWeight: 900, fontFamily: '"Bebas Neue", system-ui', letterSpacing: 1, textShadow: `0 0 6px ${md.payoutDiff >= 0 ? 'rgba(224,37,43,0.5)' : 'rgba(48,112,216,0.5)'}`, }}>{md.payoutDiff > 0 ? '+' : ''}{md.payoutDiff.toLocaleString()}枚
); })}
nav.go('data', { shopId: shop.id, machineKey: m.id === 'monkeyturn' ? 'monkeyturn-112' : 'hokuto-247' })} />
); } function InfoRow({ label, value, last }) { return (
{label} {value}
); } // ─── Machine list (full grid w/ filter) ─── function MachineListScreen({ nav }) { const D = window.PACHI_DATA; const [maker, setMaker] = useStateExtra('all'); const makers = ['all', ...new Set(D.machines.map(m => m.maker))]; const filtered = maker === 'all' ? D.machines : D.machines.filter(m => m.maker === maker); return (
nav.back()} />
{makers.map(mk => { const on = mk === maker; return ( ); })}
nav.go('data', { shopId: 'konibet-shinjuku', machineKey: m.id === 'monkeyturn' ? 'monkeyturn-112' : 'hokuto-247' })} />
); } // ─── Settings: toggle switch ─── function Toggle({ on, onChange }) { return ( ); } // ─── Settings: modal content per row ─── const SETTINGS_TEXT = { '利用規約': [ ['第1条（適用）', '本規約は、当サイト（以下「本サービス」）の提供条件および利用者と運営者との間の権利義務関係を定めるものです。'], ['第2条（利用登録）', '本サービスは店舗・機種・イベント情報の閲覧を目的とし、掲載情報の正確性・最新性を保証するものではありません。'], ['第3条（禁止事項）', '法令または公序良俗に違反する行為、本サービスの運営を妨害する行為、他の利用者に不利益を与える行為を禁止します。'], ['第4条（免責）', '掲載された営業情報・設定示唆等に基づく利用者の行動について、運営者は一切の責任を負いません。'], ['第5条（規約の変更）', '運営者は必要と判断した場合、利用者に通知することなく本規約を変更できるものとします。'], ], 'プライバシーポリシー': [ ['取得する情報', '本サービスはお気に入り登録・通知設定等の情報を端末内（localStorage）に保存します。個人を特定する情報の送信は行いません。'], ['利用目的', '取得した情報は、お気に入り表示・通知の出し分け等、利便性向上のためにのみ利用します。'], ['第三者提供', '法令に基づく場合を除き、取得した情報を第三者へ提供することはありません。'], ['アクセス解析', 'サービス改善のため匿名のアクセス統計を利用する場合があります。個人を識別する用途では利用しません。'], ['お問い合わせ', '本ポリシーに関するお問い合わせは、設定内の「お問い合わせ」よりご連絡ください。'], ], }; function SettingsModal({ which, onClose, nav, notif, setNotif }) { const [sent, setSent] = useStateExtra(false); useEffectExtra(() => { setSent(false); }, [which]); if (!which) return null; let body = null; if (which === 'アカウント設定') { body = (
{[['ニックネーム', 'ゲストユーザー'], ['ID', 'P-000123'], ['会員ランク', 'ブロンズ'], ['登録メール', 'guest@example.com']].map(([k, v]) => (
{k} {v}
))}
※ 会員機能は準備中です。現在はゲストとしてご利用いただけます。
); } else if (which === '通知設定') { const rows = [['event', 'イベント・新台情報'], ['favorite', 'お気に入りホールの更新'], ['ranking', 'ランキング更新のお知らせ']]; body = (
{rows.map(([key, label], i) => (
{label} setNotif({ ...notif, [key]: !notif[key] })} />
))}
設定はこの端末に保存されます。
); } else if (which === 'お問い合わせ') { body = sent ? (
送信しました。お問い合わせありがとうございます。
) : (
{ e.preventDefault(); setSent(true); }} style={{ display: 'flex', flexDirection: 'column', gap: 10 }}> {[['お名前', 'text', 'name'], ['メールアドレス', 'email', 'email']].map(([ph, type]) => ( ))}