/* global React, diary, useI18n, L */ // =========================================================== // 작업 시간 자동 트래커 + 회고 자동 모달 // // ActivityTracker — 보이지 않는 컴포넌트. 한 번만 마운트. // 페이지 활성 상태(보임+포커스+비-유휴) 시간을 매 10초 체크해서 // 1분 단위로 store.workSessions에 누적. // // RetroModal — "오늘 작업 마치기" 흐름. 모달로 회고 받고 // 타이머 정지. 어디서든 window.openRetroModal()으로 열기. // // openRetroModal() — 전역 헬퍼. 버튼들이 이걸 호출. // =========================================================== const { useState, useEffect, useRef } = React; const TICK_MS = 1000; // 1초 단위로 체크 — 미니 위젯의 HH:MM:SS 실시간 표시용 const TICK_SEC = TICK_MS / 1000; // 모듈 레벨 pendingSec — 미니 위젯 등 외부에서 읽을 수 있게. // store의 workMinutesToday(분 단위 커밋분) + 이 pendingSec(아직 안 커밋된 초)를 합치면 // 진짜 초 단위 작업 시간이 나옴. ActivityTracker가 매 초 갱신. let _pendingSec = 0; window.workActivity = { getPendingSec() { return _pendingSec; }, setPendingSec(sec) { const n = Math.max(0, Math.min(59, Math.floor(Number(sec) || 0))); _pendingSec = n; window.dispatchEvent(new CustomEvent("work-pending-set", { detail: { sec: n } })); window.dispatchEvent(new CustomEvent("work-tick")); }, subscribe(fn) { const h = () => fn(_pendingSec); window.addEventListener("work-tick", h); return () => window.removeEventListener("work-tick", h); }, }; // ---- 워크 트래커 (module-level) ---- // 기본 ON — 앱이 실행되어 있기만 하면 무조건 카운트 (외부 환경 기준). // 사용자가 점을 클릭하면 STOP — 다시 클릭하면 재개. // (이전엔 visible/focused/idle 체크가 있었으나, 사용자 요청으로 항상 카운트로 단순화.) (function () { let running = true; // 앱 시작 시 기본 ON const subs = new Set(); window.workTracker = { isRunning() { return running; }, // 방 동기화 코드의 기존 "외부 모드" API와 호환: 현재 단순화된 트래커에서는 running 상태가 곧 외부 작업 상태다. isExternal() { return running; }, setRunning(on) { const next = !!on; if (next === running) return; running = next; const act = window.diary && window.diary.actions; if (act) { if (next) act.startWorkSessionLog(); else act.endWorkSessionLog(); } for (const fn of subs) fn(running); }, toggle() { this.setRunning(!running); }, subscribe(fn) { subs.add(fn); return () => subs.delete(fn); }, }; })(); // ---- 행 타이머 (진행 중 할 일) ---- // 전역 트래커가 도는 동안 "진행 중"으로 지정된 할 일 하나에 측정 시간을 누적. // 세션 한정(재시작 시 해제) — 누적된 trackedSeconds 는 store 에 저장됨. (function () { let activeId = null; window.todoFocus = { getActiveId() { return activeId; }, setActiveId(id) { const next = id || null; if (next === activeId) return; const prev = activeId; activeId = next; window.dispatchEvent(new CustomEvent("todo-focus-change", { detail: { prev, id: next } })); }, toggle(id) { this.setActiveId(activeId === id ? null : id); }, }; })(); // ---- 트래커 ---- // running 일 때 매 초 카운트. STOP 이면 카운트 중지. function ActivityTracker() { const { actions } = diary.useDiary(); const pendingSecRef = useRef(0); const todoPendingRef = useRef(0); // 진행 중 할 일이 바뀌면 직전 할 일에 남은 초를 커밋 useEffect(() => { const onFocusChange = (e) => { const prev = e.detail?.prev; if (prev && todoPendingRef.current > 0) { actions.addTodoTrackedSeconds(prev, Math.floor(todoPendingRef.current)); } todoPendingRef.current = 0; }; window.addEventListener("todo-focus-change", onFocusChange); return () => window.removeEventListener("todo-focus-change", onFocusChange); }, [actions]); useEffect(() => { const onReset = () => { pendingSecRef.current = 0; _pendingSec = 0; window.dispatchEvent(new CustomEvent("work-tick")); }; const onPendingSet = (e) => { const sec = Math.max(0, Math.min(59, Math.floor(Number(e.detail?.sec) || 0))); pendingSecRef.current = sec; _pendingSec = sec; }; window.addEventListener("work-minutes-reset", onReset); window.addEventListener("work-pending-set", onPendingSet); return () => { window.removeEventListener("work-minutes-reset", onReset); window.removeEventListener("work-pending-set", onPendingSet); }; }, []); useEffect(() => { const id = setInterval(() => { if (!(window.workTracker && window.workTracker.isRunning())) return; pendingSecRef.current += TICK_SEC; _pendingSec = pendingSecRef.current; // 60초 누적되면 store에 commit if (pendingSecRef.current >= 60) { const m = Math.floor(pendingSecRef.current / 60); pendingSecRef.current = pendingSecRef.current % 60; _pendingSec = pendingSecRef.current; actions.addWorkMinutes(m); } // 진행 중 할 일에도 누적 — 60초 단위 commit const focusId = window.todoFocus && window.todoFocus.getActiveId(); if (focusId) { todoPendingRef.current += TICK_SEC; if (todoPendingRef.current >= 60) { const sec = Math.floor(todoPendingRef.current); todoPendingRef.current = 0; actions.addTodoTrackedSeconds(focusId, sec); } } // 미니 위젯 등 구독자에게 알림 — 매 초 (running 일 때만) window.dispatchEvent(new CustomEvent("work-tick")); }, TICK_MS); return () => clearInterval(id); }, []); return null; } // ---- 자동 일시정지 (유휴 / 창 비활성) ---- function AutoPauseWatcher() { const { state } = diary.useDiary(); const wt = diary.select.workTrackSettings(state); const idleMin = wt.autoPauseIdleMin || 0; const pauseOnBlur = !!wt.autoPauseOnBlur; useEffect(() => { if (!idleMin && !pauseOnBlur) return; let lastActivity = Date.now(); const bump = () => { lastActivity = Date.now(); }; const events = ["mousemove", "mousedown", "keydown", "wheel", "touchstart", "scroll"]; events.forEach(ev => window.addEventListener(ev, bump, { passive: true })); const onVis = () => { if (pauseOnBlur && document.hidden && window.workTracker && window.workTracker.isRunning()) { window.workTracker.setRunning(false); } }; document.addEventListener("visibilitychange", onVis); const id = setInterval(() => { if (!idleMin || !(window.workTracker && window.workTracker.isRunning())) return; if (Date.now() - lastActivity >= idleMin * 60000) { window.workTracker.setRunning(false); } }, 5000); return () => { events.forEach(ev => window.removeEventListener(ev, bump)); document.removeEventListener("visibilitychange", onVis); clearInterval(id); }; }, [idleMin, pauseOnBlur]); return null; } function WorkSessionBootstrap() { const { actions } = diary.useDiary(); const bootedRef = useRef(false); useEffect(() => { if (bootedRef.current) return; bootedRef.current = true; actions.closeOrphanWorkSessionLogs(); if (window.workTracker && window.workTracker.isRunning()) { actions.startWorkSessionLog(); } }, [actions]); return null; } // ---- 회고 모달 (전역) ---- function RetroModal() { useI18n(); const [open, setOpen] = useState(false); const [aiLoading, setAiLoading] = useState(false); const [aiError, setAiError] = useState(null); const { state, actions } = diary.useDiary(); const today = diary.today(); const r = diary.select.retroForDate(state, today); const minutes = diary.select.workMinutesToday(state); const project = diary.select.currentProject(state); const doneToday = state.todos.filter( t => t.done && t.doneAt === today && t.projectId === state.currentProjectId ); // 전역 핸들러 등록 useEffect(() => { const handler = () => setOpen(true); window.addEventListener("open-retro-modal", handler); return () => window.removeEventListener("open-retro-modal", handler); }, []); if (!open) return null; const save = (patch) => { actions.saveRetro({ date: today, text: r?.text ?? "", good: r?.good ?? "", bad: r?.bad ?? "", ...patch, }); }; const finish = () => { // 타이머 정지 (있으면) if (state.timer.cycleStartedAt && !state.timer.paused) { actions.pauseCycle(); } setOpen(false); }; const runAiDraft = async () => { if (aiLoading) return; setAiLoading(true); setAiError(null); try { const bookmarks = state.aiBookmarks .filter(b => b.projectId === state.currentProjectId && b.date === today); const draft = await window.diaryAI.generateRetroDraft({ project, minutes, doneTodos: doneToday, stuck: diary.select.stuckForCurrent(state), bookmarks, existingText: r?.text ?? "", }); // 비어있는 칸만 채움 (기존 사용자 입력 보존) save({ text: r?.text?.trim() ? r.text : draft.text, good: r?.good?.trim() ? r.good : draft.good, bad: r?.bad?.trim() ? r.bad : draft.bad, }); } catch (e) { setAiError(e.message || L("common.fail")); } finally { setAiLoading(false); } }; return (
setOpen(false)} style={{ position: "fixed", inset: 0, background: "rgba(138, 106, 94, 0.35)", backdropFilter: "blur(2px)", display: "grid", placeItems: "center", zIndex: 1000, padding: 20, }}>
e.stopPropagation()} className="sk-box" style={{ background: "var(--paper)", padding: 0, width: "min(440px, 92vw)", maxHeight: "90vh", overflow: "auto", boxShadow: "0 8px 0 var(--paper-3), 0 12px 30px rgba(138,106,94,0.3)", }}> {/* 헤더 */}
♡ ♡ ♡ {L("finish.title")}
{/* 본문 */}
{diary.fmtKDate(today)} · {project?.name ?? L("proj.fallback")}
{L("finish.workMin", { minutes })} {L("finish.doneCount", { n: doneToday.length })}
{L("finish.oneLine")}
{aiError && (
{aiError}
)}