// Diary / Portfolio / Goals / Habits — wired to real data via window.LifeData // Memories / Letters / Notes — Phase 2 placeholders const { useState: useStateD, useMemo: useMemoD, useEffect: useEffectD } = React; /* ─── DIARY ─────────────────────────────────────────────────────── */ function DiaryPage({ data }) { const [entries, setEntries] = useStateD(data.diary); const [idx, setIdx] = useStateD(0); const [composing, setComposing] = useStateD(entries.length === 0); // Find today's entry index, or default to most recent const todayIso = window.LifeData.todayHKT(); const todayExists = entries.some(e => e.isoDate === todayIso); useEffectD(() => { setEntries(window.LifeData.diary); }, [composing]); const entry = entries[idx]; const onSaved = (savedIso) => { setEntries([...window.LifeData.diary]); const newIdx = window.LifeData.diary.findIndex(e => e.isoDate === savedIso); setIdx(Math.max(0, newIdx)); setComposing(false); }; return (
{composing ? ( e.isoDate === todayIso)?.body || ""} onSaved={onSaved} onCancel={() => setComposing(false)} /> ) : entry ? (
Entry · {entries.length - idx}
{entry.date}

{entry.title}

{entry.weekday} {entry.weather !== '—' && <>·{entry.weather}} {entry.mood !== '—' && <>·心境：{entry.mood}}
{entry.tags.length > 0 && (
{entry.tags.map(t => #{t})}
)}
~ fin ~
) : (

仍未開卷。撳「寫今日」記下第一頁。

)}
); } function DropCapBody({ body }) { const paras = body.split("\n\n").filter(p => p.trim()); return (
{paras.map((p, i) => (

{i === 0 ? ( <> {p[0]} {p.slice(1)} ) : p}

))}
); } function ComposeEntry({ initial, onSaved, onCancel }) { const [body, setBody] = useStateD(initial || ""); const [saving, setSaving] = useStateD(false); const [err, setErr] = useStateD(null); const save = async () => { if (!body.trim()) { setErr('內容空白'); return; } setSaving(true); setErr(null); try { const iso = window.LifeData.todayHKT(); await window.LifeData.saveDiary(iso, body); onSaved(iso); } catch (e) { console.error(e); setErr('儲存失敗：' + (e?.message || e)); setSaving(false); } }; const todayIso = window.LifeData.todayHKT(); const today = new Date(todayIso + 'T00:00:00+08:00'); const dateStr = `${today.getUTCFullYear()}.${String(today.getUTCMonth()+1).padStart(2,"0")}.${String(today.getUTCDate()).padStart(2,"0")}`; return (
Today · {dateStr}

今日有咩開心事？