/* Track & Throw — utilities & shared components */ const { useState, useEffect, useRef, useMemo, useCallback, createContext, useContext, Fragment } = React; // ---------- Utilities ---------- const uid = (p='id') => `${p}_${Math.random().toString(36).slice(2,9)}${Date.now().toString(36).slice(-3)}`; const ordinalize = (n) => { const v = parseInt(n, 10); if (!Number.isFinite(v) || v <= 0) return ''; const s = ['th','st','nd','rd']; const k = v % 100; return v + (s[(k - 20) % 10] || s[k] || s[0]); }; const seasonOf = (dateStr) => { if (!dateStr) return null; const y = new Date(dateStr).getFullYear(); return Number.isFinite(y) ? y : null; }; const formatDate = (dateStr, opts = {}) => { if (!dateStr) return ''; const d = new Date(dateStr); if (Number.isNaN(d.getTime())) return ''; const { day = 'numeric', month = 'short', year } = opts; return d.toLocaleDateString('en-GB', { day, month, year }); }; const formatDistance = (d) => { if (d == null || !Number.isFinite(d)) return '—'; return d.toFixed(2); }; // deterministic pseudo-random in [0,1) from a string id const hashRandom = (str, salt = 0) => { let h = 2166136261 ^ salt; for (let i = 0; i < str.length; i++) { h ^= str.charCodeAt(i); h = Math.imul(h, 16777619); } // unsigned right shift, normalize return ((h >>> 0) % 100000) / 100000; }; // EVENTS: angle is in degrees for the sector const EVENTS = { javelin: { name: 'Javelin', angle: 29, minScale: 30, defaultMax: 90 }, shotput: { name: 'Shot put', angle: 34.92, minScale: 8, defaultMax: 25 }, discus: { name: 'Discus', angle: 34.92, minScale: 25, defaultMax: 75 }, hammer: { name: 'Hammer', angle: 34.92, minScale: 25, defaultMax: 90 }, }; // Compute a nice round upper bound for a max distance value const niceMax = (max, minScale = 10) => { const m = Math.max(max || 0, minScale); // step size by magnitude let step; if (m < 15) step = 2; else if (m < 30) step = 5; else if (m < 75) step = 10; else step = 10; return Math.ceil((m * 1.08) / step) * step; }; // Best of throws (legal only) const bestThrow = (throws) => { if (!throws || !throws.length) return null; let b = null; for (const t of throws) { if (t.foul) continue; if (t.distance == null) continue; if (b == null || t.distance > b.distance) b = t; } return b; }; // Throws with a numeric distance entered OR marked foul → counts as "attempted" const countAttempts = (throws) => (throws || []).filter(isAttempted).length; const countLegal = (throws) => (throws || []).filter(t => isAttempted(t) && !t.foul).length; const isAttempted = (t) => (t.foul === true) || (t.distance != null && Number.isFinite(t.distance)); // ---------- Storage ---------- const STORAGE_KEY = 'track-throw-data-v1'; const loadData = () => { try { const raw = localStorage.getItem(STORAGE_KEY); if (!raw) return null; return JSON.parse(raw); } catch (e) { return null; } }; const saveData = (data) => { try { localStorage.setItem(STORAGE_KEY, JSON.stringify(data)); } catch (e) {} }; // ---------- Demo seed ---------- const demoSeed = () => { const mkThrows = (vals) => vals.map(v => { if (v === 'X') return { id: uid('thr'), foul: true, distance: null, videoUrl: '' }; return { id: uid('thr'), foul: false, distance: v, videoUrl: '' }; }); return { competitions: [ { id: uid('cmp'), name: 'Spring Opener', location: 'Lyon', date: '2024-04-13', event: 'javelin', ranking: 4, notes: 'Cold day, opened the season under target.', throws: mkThrows([54.12, 58.30, 'X', 60.05, 61.22, 'X']) }, { id: uid('cmp'), name: 'Regional Champs', location: 'Bordeaux', date: '2024-05-18', event: 'javelin', ranking: 2, notes: 'PB! Strong tailwind on throw 4.', throws: mkThrows([62.41, 'X', 64.10, 67.85, 65.20, 63.00]) }, { id: uid('cmp'), name: 'National Meet', location: 'Paris', date: '2024-06-22', event: 'javelin', ranking: 3, notes: 'Backhand was bothering me, still landed top 3.', throws: mkThrows([63.50, 65.20, 66.40, 'X', 68.10, 'X']) }, { id: uid('cmp'), name: 'Summer Throws', location: 'Nice', date: '2024-07-14', event: 'javelin', ranking: 1, notes: 'Best comp of the year — felt unstoppable.', throws: mkThrows(['X', 67.20, 70.85, 69.40, 71.10, 70.05]) }, { id: uid('cmp'), name: 'Winter Indoor', location: 'Eaubonne', date: '2025-02-08', event: 'shotput', ranking: 5, notes: 'Tried shot put for cross-training.', throws: mkThrows([13.10, 13.85, 'X', 14.20, 14.05]) }, { id: uid('cmp'), name: 'Season Opener 2025', location: 'Toulouse', date: '2025-04-26', event: 'javelin', ranking: 3, notes: '', throws: mkThrows([66.20, 68.40, 'X', 69.85, 70.10]) }, ], settings: { unit: 'm', defaultEvent: 'javelin' }, }; }; const blankData = () => ({ competitions: [], settings: { unit: 'm', defaultEvent: 'javelin' } }); // ---------- Icons (inline SVG) ---------- const Icon = { list: (p) => , chart: (p) => , stats: (p) => , settings:(p) => , plus: (p) => , back: (p) => , trash: (p) => , video: (p) => , close: (p) => , chev: (p) => , chevDown:(p) => , download:(p) => , upload: (p) => , dots: (p) => , edit: (p) => , link: (p) => , target: (p) => , flag: (p) => , check: (p) => , }; // ---------- Toast ---------- const ToastContext = createContext(null); const useToast = () => useContext(ToastContext); const ToastProvider = ({ children }) => { const [msg, setMsg] = useState(null); const tRef = useRef(null); const show = useCallback((text) => { setMsg(text); clearTimeout(tRef.current); tRef.current = setTimeout(() => setMsg(null), 1800); }, []); return ( {children}
{msg}
 ); }; // ---------- Sheet (bottom modal) ---------- const Sheet = ({ open, onClose, title, children, action }) => { // close on Escape useEffect(() => { if (!open) return; const h = (e) => { if (e.key === 'Escape') onClose(); }; window.addEventListener('keydown', h); return () => window.removeEventListener('keydown', h); }, [open, onClose]); return (

{title}

{action}
{children}
); }; // ---------- Modal (full screen, for competition detail) ---------- const ModalFull = ({ open, onClose, title, children, headRight }) => { const bodyRef = useRef(null); const [scrolled, setScrolled] = useState(false); useEffect(() => { if (!open) return; const h = (e) => { if (e.key === 'Escape') onClose(); }; window.addEventListener('keydown', h); return () => window.removeEventListener('keydown', h); }, [open, onClose]); useEffect(() => { if (!open) { setScrolled(false); return; } const el = bodyRef.current; if (!el) return; const onScroll = () => setScrolled(el.scrollTop > 4); el.addEventListener('scroll', onScroll, { passive: true }); return () => el.removeEventListener('scroll', onScroll); }, [open]); return (
{title}
{headRight}
{children}
); }; // ---------- Confirm dialog (simple) ---------- const useConfirm = () => { const [state, setState] = useState(null); const ask = useCallback((opts) => new Promise(res => setState({ ...opts, res })), []); const close = (v) => { if (state) { state.res(v); setState(null); } }; const ui = state && (
close(false)}>

{state.title}

{state.message &&

{state.message}

}
); return { ask, ui }; }; // Expose globals for other scripts Object.assign(window, { React, useState, useEffect, useRef, useMemo, useCallback, Fragment, uid, ordinalize, seasonOf, formatDate, formatDistance, hashRandom, EVENTS, niceMax, bestThrow, countAttempts, countLegal, isAttempted, loadData, saveData, demoSeed, blankData, Icon, ToastProvider, useToast, Sheet, ModalFull, useConfirm, });