// lifetime.jsx — "Samvega": a sense of urgency. Age + duties → realistic practice
// time left in this life, sittings remaining, and a mirror of the path ahead.
const MT_LIFE_KEY = 'mt_life_v1';
const MT_LIFE_DEFAULT = { configured: false, age: 35, lifespan: 83, sleep: 7.5, work: 8, family: 3, practiceMin: 20, targetHours: 2000 };
function mtLoadLife() {
try { const r = localStorage.getItem(MT_LIFE_KEY); if (r) return { ...MT_LIFE_DEFAULT, ...JSON.parse(r) }; } catch (e) {}
return { ...MT_LIFE_DEFAULT };
}
function mtSaveLife(c) { try { localStorage.setItem(MT_LIFE_KEY, JSON.stringify(c)); } catch (e) {} }
function computeLife(c, sessions) {
const yearsLeft = Math.max(0, c.lifespan - c.age);
const daysLeft = Math.round(yearsLeft * 365.25);
const daysLeftExact = yearsLeft * 365.25;
const weeksTotal = Math.round(c.lifespan * 52);
const weeksLived = Math.round(c.age * 52);
const deathTs = Date.now() + daysLeft * 864e5;
const upkeep = 3; // meals, hygiene, transit
const freeHours = Math.max(0, 24 - c.sleep - c.work - c.family - upkeep);
const sittingsLeft = daysLeft; // one sit a day
const hoursDone = (sessions || []).reduce((n, s) => n + (s.duration || 0), 0) / 60;
const practiceHoursLeft = daysLeft * (c.practiceMin / 60);
const lifetimePractice = hoursDone + practiceHoursLeft;
const pctOfTarget = c.targetHours > 0 ? lifetimePractice / c.targetHours : 0;
const minNeededPerDay = daysLeft > 0 ? (c.targetHours * 60) / daysLeft : Infinity;
const yearsToTarget = c.practiceMin > 0 ? c.targetHours / ((c.practiceMin / 60) * 365.25) : Infinity;
// the number that actually matters: real time spent meditating, as a continuous span
const practiceYears = practiceHoursLeft / (24 * 365.25); // years of UNBROKEN sitting
const practiceDays = practiceHoursLeft / 24; // days of unbroken sitting
const wakingYears = practiceHoursLeft / (16 * 365.25); // in waking-life-equivalent years
const freeYearsLeft = (freeHours * daysLeft) / (24 * 365.25); // free time, as continuous years
return { yearsLeft, daysLeft, daysLeftExact, weeksTotal, weeksLived, deathTs, freeHours, sittingsLeft, hoursDone,
practiceHoursLeft, lifetimePractice, pctOfTarget, minNeededPerDay, yearsToTarget,
practiceYears, practiceDays, wakingYears, freeYearsLeft };
}
function useNow(active, fast) {
const [now, setNow] = React.useState(Date.now());
React.useEffect(() => {
if (!active) return;
let id = null;
const start = () => { if (id == null) id = setInterval(() => setNow(Date.now()), fast ? 50 : 1000); };
const stop = () => { if (id != null) { clearInterval(id); id = null; } };
const onVis = () => (document.hidden ? stop() : start()); // don't burn battery in background tabs
start();
document.addEventListener('visibilitychange', onVis);
return () => { stop(); document.removeEventListener('visibilitychange', onVis); };
}, [active, fast]);
return now;
}
function nf(n) { return Math.round(n).toLocaleString(); }
// ── animated hourglass — sand drains by `drained` (0..1); always trickling ──
function Hourglass({ drained = 0.5, hue = '#FF9E6B', size = 92, running = true }) {
const remaining = Math.max(0, Math.min(1, 1 - drained));
const fill = Math.max(0, Math.min(1, drained));
// top bulb: downward triangle (10,12)-(50,12)-(30,42); sand rests at neck
const ySurfTop = 42 - remaining * 30; // surface line in top bulb
const hwTop = ((42 - ySurfTop) / 30) * 20; // half-width at surface
// bottom bulb: upward triangle apex (30,44) to (10,74)-(50,74); pile grows up
const ySurfBot = 74 - fill * 30;
const hwBot = ((74 - ySurfBot) / 30) * 20;
return (
{/* glow */}
);
}
// ── one big timer with hourglass + live value ──
function BigTimer({ hue, drained, label, value, unit, sub, sublive, subms, urgent }) {
const C = MT_COLORS;
return (
{onTrack
? `At ${cfg.practiceMin} minutes a day you'll log about ${nf(d.practiceHoursLeft)} more hours — enough to meet your ${nf(cfg.targetHours)}-hour aspiration with years to spare. Keep the continuity unbroken.`
: `At ${cfg.practiceMin} minutes a day you'll reach roughly ${nf(d.lifetimePractice)} hours — about ${Math.round(d.pctOfTarget * 100)}% of your ${nf(cfg.targetHours)}-hour aspiration. To close the gap within this life you'd need about ${nf(d.minNeededPerDay)} minutes a day.`}
{/* config */}
Your life, honestly v + ' yrs'} onChange={v => set({ age: v })} />
v + ' yrs'} onChange={v => set({ lifespan: v })} />
v + ' h/day'} onChange={v => set({ sleep: v })} />
v + ' h/day'} onChange={v => set({ work: v })} hue="#FF9E6B" />
Family & care duties · select all that apply
v + ' h/day'} onChange={v => set({ family: v })} hue="#FF9E6B" />
v + ' min'} onChange={v => set({ practiceMin: v })} />
nf(v) + ' h'} onChange={v => set({ targetHours: v })} />
No one can clock the path to awakening — these numbers are a mirror for your pace and your mortality, not a promise. Dipa Ma reached deep realization as a grieving widow raising a child. The point is not arithmetic. It is to begin, now.
);
return (
Samvega
A sense of urgency
Samvega — the sobering awareness that life is short and the work is real.