Implement the core timer feature following the src/features/ architecture: - useTimerEngine hook: drift-free Date.now() delta countdown (100ms tick), explicit state machine (IDLE → GET_READY → WORK → REST → COMPLETE), event emitter for external consumers (PHASE_CHANGED, ROUND_COMPLETED, COUNTDOWN_TICK, SESSION_COMPLETE), auto-pause on AppState interruption (phone calls, background), expo-keep-awake during session - TimerDisplay component: full-screen animated UI with 600ms color transitions between phases, pulse animation on countdown, flash red on last 3 seconds, round progress dots, IDLE/active/COMPLETE views - TimerControls component: stop/pause-resume/skip buttons with Ionicons - Timer route (app/timer.tsx): fullScreenModal wiring hook → display - Home screen: dark theme with START button navigating to /timer - Project docs: CLAUDE.md (constitution), PRD v1.1, skill files - Shared constants: PHASE_COLORS, TIMER_DEFAULTS, formatTime utility - Types: TimerPhase, TimerState, TimerConfig, TimerActions, TimerEvent Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
49 lines
1.4 KiB
JSON
49 lines
1.4 KiB
JSON
{
|
|
"name": "tabatago",
|
|
"main": "expo-router/entry",
|
|
"version": "1.0.0",
|
|
"scripts": {
|
|
"start": "expo start",
|
|
"reset-project": "node ./scripts/reset-project.js",
|
|
"android": "expo start --android",
|
|
"ios": "expo start --ios",
|
|
"web": "expo start --web",
|
|
"lint": "expo lint"
|
|
},
|
|
"dependencies": {
|
|
"@expo/vector-icons": "^15.0.3",
|
|
"@react-navigation/bottom-tabs": "^7.4.0",
|
|
"@react-navigation/elements": "^2.6.3",
|
|
"@react-navigation/native": "^7.1.8",
|
|
"expo": "~54.0.33",
|
|
"expo-constants": "~18.0.13",
|
|
"expo-font": "~14.0.11",
|
|
"expo-haptics": "~15.0.8",
|
|
"expo-image": "~3.0.11",
|
|
"expo-keep-awake": "~15.0.8",
|
|
"expo-linking": "~8.0.11",
|
|
"expo-router": "~6.0.23",
|
|
"expo-splash-screen": "~31.0.13",
|
|
"expo-status-bar": "~3.0.9",
|
|
"expo-symbols": "~1.0.8",
|
|
"expo-system-ui": "~6.0.9",
|
|
"expo-web-browser": "~15.0.10",
|
|
"react": "19.1.0",
|
|
"react-dom": "19.1.0",
|
|
"react-native": "0.81.5",
|
|
"react-native-gesture-handler": "~2.28.0",
|
|
"react-native-reanimated": "~4.1.1",
|
|
"react-native-safe-area-context": "~5.6.0",
|
|
"react-native-screens": "~4.16.0",
|
|
"react-native-web": "~0.21.0",
|
|
"react-native-worklets": "0.5.1"
|
|
},
|
|
"devDependencies": {
|
|
"@types/react": "~19.1.0",
|
|
"typescript": "~5.9.2",
|
|
"eslint": "^9.25.0",
|
|
"eslint-config-expo": "~10.0.0"
|
|
},
|
|
"private": true
|
|
}
|