will
945c5ef109
Deploy / deploy (push) Successful in 1m18s
Visiting the app with no hour in the URL previously always showed Prime for today, since selectedHour was hardcoded in AppState. Now it picks the hour whose band contains the visitor's local clock time. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01L3wxvz3mPXiHxkPB5JpnmD
78 lines
2.0 KiB
TypeScript
78 lines
2.0 KiB
TypeScript
import type { HourId } from './hours/types';
|
|
import type { LanguageCode } from './psalter/types';
|
|
|
|
export interface AppState {
|
|
date: string; // ISO YYYY-MM-DD
|
|
selectedHour: HourId;
|
|
/** Exactly one or two entries — see plan: one-language / two-language layout only. */
|
|
languages: [LanguageCode] | [LanguageCode, LanguageCode];
|
|
}
|
|
|
|
export function todayIso(): string {
|
|
const d = new Date();
|
|
const yyyy = d.getFullYear();
|
|
const mm = String(d.getMonth() + 1).padStart(2, '0');
|
|
const dd = String(d.getDate()).padStart(2, '0');
|
|
return `${yyyy}-${mm}-${dd}`;
|
|
}
|
|
|
|
/** Which hour to default to when the URL doesn't specify one, based on local wall-clock time. */
|
|
export function defaultHourForTime(date: Date): HourId {
|
|
const h = date.getHours();
|
|
if (h < 6) return 'matins';
|
|
if (h < 8) return 'lauds';
|
|
if (h < 9) return 'prime';
|
|
if (h < 12) return 'terce';
|
|
if (h < 15) return 'sext';
|
|
if (h < 17) return 'none';
|
|
if (h < 21) return 'vespers';
|
|
return 'compline';
|
|
}
|
|
|
|
const state: AppState = {
|
|
date: todayIso(),
|
|
selectedHour: defaultHourForTime(new Date()),
|
|
languages: ['en'],
|
|
};
|
|
|
|
type Listener = (state: Readonly<AppState>) => void;
|
|
const listeners = new Set<Listener>();
|
|
|
|
export function getState(): Readonly<AppState> {
|
|
return state;
|
|
}
|
|
|
|
export function subscribe(listener: Listener): () => void {
|
|
listeners.add(listener);
|
|
return () => listeners.delete(listener);
|
|
}
|
|
|
|
function notify(): void {
|
|
for (const listener of listeners) listener(state);
|
|
}
|
|
|
|
export function setDate(date: string): void {
|
|
state.date = date;
|
|
notify();
|
|
}
|
|
|
|
export function goToToday(): void {
|
|
setDate(todayIso());
|
|
}
|
|
|
|
export function shiftDate(days: number): void {
|
|
const d = new Date(`${state.date}T00:00:00Z`);
|
|
d.setUTCDate(d.getUTCDate() + days);
|
|
setDate(d.toISOString().slice(0, 10));
|
|
}
|
|
|
|
export function setSelectedHour(hourId: HourId): void {
|
|
state.selectedHour = hourId;
|
|
notify();
|
|
}
|
|
|
|
export function setLanguages(languages: AppState['languages']): void {
|
|
state.languages = languages;
|
|
notify();
|
|
}
|