// Komonichi — in-app timer notices.
//
// OS notifications (src/timerStore.js) only reach the user if they grant
// permission. This is the always-on, in-app counterpart: quiet themed toasts
// that appear on *any* page, driven by the shared timer engine
// (window.KomonichiTimer). Mounted once at the app shell. Two kinds:
// • session end — focus done ("a single bell") / break done.
// • extend offer — at 5 min left in a focus session, ask whether to add
// time. If ignored it simply fades; +5m/+10m grow the running timer.
function TimerToast() {
const T = window.KomonichiTimer;
const [notice, setNotice] = React.useState(null); // { kind, taskTitle, at } | null
const lastBellRef = React.useRef(null);
const lastPromptRef = React.useRef(null);
React.useEffect(() => {
// Ignore any signal that fired before this component mounted (e.g. reload).
try {
const s0 = T.get();
lastBellRef.current = s0.bellAt || null;
lastPromptRef.current = s0.extendPromptAt || null;
} catch (e) {}
return T.subscribe((s) => {
// session ended (focus or break)
if (s.bellAt && s.bellAt !== lastBellRef.current) {
lastBellRef.current = s.bellAt;
let taskTitle = null;
try {
const t = s.taskId && window.KomonichiState.getState().tasks.find((x) => x.id === s.taskId);
taskTitle = t ? t.title : null;
} catch (e) {}
setNotice({ kind: s.bellKind, taskTitle, at: s.bellAt });
return;
}
// 5-min "a little longer?" offer
if (s.extendPromptAt && s.extendPromptAt !== lastPromptRef.current) {
lastPromptRef.current = s.extendPromptAt;
setNotice({ kind: 'extend', at: s.extendPromptAt });
}
});
}, []);
// Each notice fades on its own. The extend offer is the most ephemeral —
// ignore it and nothing happens.
React.useEffect(() => {
if (!notice) return;
const ms = notice.kind === 'extend' ? 12000 : (notice.kind === 'break' ? 9000 : 14000);
const id = setTimeout(() => setNotice(null), ms);
return () => clearTimeout(id);
}, [notice]);
if (!notice) return null;
const close = () => setNotice(null);
const tendToIt = () => { try { location.hash = '#today'; } catch (e) {} close(); };
const addMinutes = (m) => { try { T.extend(m); } catch (e) {} close(); };
let label, message, actions;
if (notice.kind === 'extend') {
label = 'five minutes remain';
message = 'Would you like a little longer?';
actions = (
<>
);
} else if (notice.kind === 'break') {
label = 'the rest is over';
message = 'Return when you are ready.';
actions = null;
} else {
label = 'a single bell';
message = notice.taskTitle ? `Your bowl is kept — ${notice.taskTitle}` : 'Your bowl is kept.';
actions = (
);
}
return (
);
}
window.TimerToast = TimerToast;