/* Roundhouse app — shared components & hooks. Exports to window. */ const { useState } = React; // ------------- Icons ------------- const I = { target: (p={}) => ( ), package: (p={}) => ( ), cog: (p={}) => ( ), shield: (p={}) => ( ), ring: (p={}) => ( ), gear: (p={}) => ( ), lock: (p={}) => ( ), bell: (p={}) => , menu: (p={}) => , plus: (p={}) => , arrow: (p={}) => , warn: (p={}) => , check: (p={}) => , clock: (p={}) => , chev: (p={}) => , }; // ------------- Gun silhouettes ------------- // Used as the visual anchor for loadout cards + gun cards. Inline SVGs so // they scale crisply. All take a width prop (height auto from viewBox aspect). const GunSil = { pistol: (p={}) => ( ), ar: (p={}) => ( ), shotgun: (p={}) => ( ), pcc: (p={}) => ( ), bolt: (p={}) => ( ), revolver: (p={}) => ( ), }; function Wedge({ size=8, color }) { return ; } // ------------- Ring (segmented) ------------- function Ring({ size=80, pct=72, color='var(--rh-brass)', track='#26262C', label, value, sub }) { const r = 42, c = 2 * Math.PI * r; const dash = (pct / 100) * c; return (

{value ?? `${pct}%`}

{sub &&

{sub}

}

); } // ------------- Badge ------------- function Badge({ kind='ready', children }) { const dot = { ready:'#6B8E5A', due:'#B89A56', attention:'#C33A2E', low:'#C77A3B', verified:'#8AA37A' }[kind]; return {children}; } // ------------- Button ------------- function Button({ variant='primary', block, onClick, children, icon }) { return ; } // ------------- TopBar ------------- // Menu icon navigates to Settings via window.__rhGo (set by Phone). function TopBar({ title }) { const goSettings = () => { if (window.__rhGo) window.__rhGo('settings'); }; return (

{title || 'Roundhouse'}

); } // ------------- BottomTabs ------------- function BottomTabs({ active, setActive, locked={} }) { const tabs = [ { id:'home', label:'Use', icon: }, { id:'gear', label:'Gear', icon: }, { id:'supply', label:'Supply', icon: }, { id:'maintain', label:'Maintain', icon: }, { id:'record', label:'Record', icon: }, ]; return ( ); } // ------------- Section head ------------- function SectionHead({ children, more }) { return (

{children}

{more &&

{more} →

}

); } // ------------- FirearmCard ------------- // Accepts an optional `gunType` (pistol/ar/shotgun/pcc/bolt/revolver) — when // provided, renders the matching silhouette in the lower-right corner as a // faint background graphic for visual ID at a glance. // `kind` ('gun' | 'suppressor') controls left-edge accent + small badge so // suppressor cards read distinctly from gun cards in mixed galleries. function FirearmCard({ name, config, status, rounds, lastTrip, malfunctions, gunType, kind='gun', onClick }) { const Silhouette = gunType && GunSil[gunType]; const isSup = kind === 'suppressor'; const accentColor = isSup ? 'var(--rh-steel)' : 'var(--rh-brass-tint-32)'; return (

{Silhouette && (

)}

{name}

{isSup && ( SUP )}

{config}

{status.label}

); } function Stat({ v, k, color }) { return (

{v}

{k}

); } // ------------- AmmoCard ------------- function AmmoCard({ caliber, qty, burnPerWeek, status }) { const pct = Math.min(100, Math.round((qty / (burnPerWeek*16)) * 100)); const fill = { ok:'#6B8E5A', low:'#C77A3B', crit:'#C33A2E' }[status.kind] || '#6B8E5A'; const weeks = Math.floor(qty / burnPerWeek); return (

{caliber}

{status.label}

{qty.toLocaleString()} ROUNDS

Burn {burnPerWeek}/wk~{weeks}wk

); } // ------------- AlertCard ------------- function AlertCard({ kind='due', title, sub, value, valueSub }) { const borderColor = { crit:'var(--rh-dusty-red)', due:'var(--rh-brass)', ok:'#6B8E5A' }[kind]; const Icon = kind==='crit' ? I.warn : kind==='ok' ? I.check : I.clock; const iconColor = kind==='crit' ? 'var(--rh-dusty-red)' : kind==='ok' ? '#8AA37A' : 'var(--rh-brass)'; return (

{title}

{sub}

{value}

{valueSub}

); } // ------------- Session row ------------- function SessionRow({ d, m, title, sub, rounds }) { return (

{d}

{m}

{title}

{sub}

{rounds}

Rounds

); } Object.assign(window, { I, GunSil, Wedge, Ring, Badge, Button, TopBar, BottomTabs, SectionHead, FirearmCard, AmmoCard, AlertCard, SessionRow, Stat });