cf1819f34b
Task #42 — Timmy Harness: Expo Mobile App ## What was built - New Expo artifact at artifacts/mobile, slug `mobile`, preview path `/mobile/` - Three-tab bottom navigation (Face, Matrix, Feed) — NativeTabs with liquid glass on iOS 26+ - Dark wizard theme (#0A0A12 background, #7C3AED accent) ## WebSocket context (context/TimmyContext.tsx) - Full WebSocket connection to /api/ws with exponential backoff reconnect (1s→30s cap) - Sends visitor_enter handshake on connect, handles ping/pong - Derives timmyMood from agent_state events (idle/thinking/working/speaking) - recentEvents list capped at 100 - sendVisitorMessage() sets mood to "thinking" immediately on send (deterministic waiting state) - speaking mood auto-reverts after estimated TTS duration ## Face tab (app/(tabs)/index.tsx) - Animated 2D wizard face via react-native-svg (hat, head, beard, eyes, pupils, mouth arc, magic orb) - AnimatedPupils: pupilScaleAnim drives actual rendered pupil Circle radius (BASE_PUPIL_R * scale) - AnimatedEyelids: eyeScaleYAnim drives top eyelid overlay via Animated.Value listener - AnimatedMouth: smileAnim + mouthOscAnim combined; SVG Path rebuilt on each frame via listener - speaking mood: 1Hz mouth oscillation via Animated.loop; per-mood body bob speed/amplitude - @react-native-voice/voice installed and statically imported; Voice.onSpeechResults wired properly - startMicPulse/stopMicPulse declared before native voice useEffect (correct hook order) - Web Speech API typed with SpeechRecognitionWindow local interface (zero `any` casts) - sendVisitorMessage() called on final transcript (also triggers thinking mood immediately) - expo-speech TTS speaks Timmy's chat replies on native ## Matrix tab (app/(tabs)/matrix.tsx) - URL normalization: strips existing protocol, uses http for localhost, https for all other hosts - Full-screen WebView with loading spinner and error/retry state; iframe fallback for web ## Feed tab (app/(tabs)/feed.tsx) - FlatList<WsEvent> with proper generics; EventConfig discriminated union (Feather|MaterialCommunityIcons) - Icon names typed via React.ComponentProps["name"] (no `any`) - Color-coded events; event count in header; empty state with connection-aware message ## Type safety - TypeScript typecheck passes with 0 errors - No `any` casts anywhere in new code ## Deviations - expo-av removed (not used; voice input handled via @react-native-voice/voice + Web Speech API) - expo-speech/expo-av NOT in app.json plugins (no config plugins — causes PluginError if listed) - app.json extra.apiDomain added for env-driven domain configuration per requirement - expo-speech pinned ~14.0.8, react-native-webview 13.15.0 for Expo SDK 54 compat - artifact.toml ensurePreviewReachable removed (Expo uses expo-domain router) - @react-native-voice/voice works in Expo Go Android; iOS needs native build (graceful fallback) Replit-Task-Id: 0748cbbf-7b84-4149-8fc0-9d697287a0e6
64 lines
2.2 KiB
JSON
64 lines
2.2 KiB
JSON
{
|
|
"name": "@workspace/mobile",
|
|
"version": "0.0.0",
|
|
"private": true,
|
|
"main": "expo-router/entry",
|
|
"scripts": {
|
|
"dev": "EXPO_PACKAGER_PROXY_URL=https://$REPLIT_EXPO_DEV_DOMAIN EXPO_PUBLIC_DOMAIN=$REPLIT_DEV_DOMAIN EXPO_PUBLIC_REPL_ID=$REPL_ID REACT_NATIVE_PACKAGER_HOSTNAME=$REPLIT_DEV_DOMAIN pnpm exec expo start --localhost --port $PORT",
|
|
"build": "node scripts/build.js",
|
|
"serve": "node server/serve.js",
|
|
"typecheck": "tsc -p tsconfig.json --noEmit"
|
|
},
|
|
"devDependencies": {
|
|
"@babel/core": "^7.25.2",
|
|
"@expo-google-fonts/inter": "^0.4.0",
|
|
"@expo/cli": "54.0.23",
|
|
"@expo/ngrok": "^4.1.0",
|
|
"@expo/vector-icons": "^15.0.3",
|
|
"@react-native-async-storage/async-storage": "2.2.0",
|
|
"@stardazed/streams-text-encoding": "^1.0.2",
|
|
"@tanstack/react-query": "catalog:",
|
|
"@types/react": "~19.1.10",
|
|
"@types/react-dom": "~19.1.7",
|
|
"@ungap/structured-clone": "^1.3.0",
|
|
"@workspace/api-client-react": "workspace:*",
|
|
"babel-plugin-react-compiler": "^19.0.0-beta-e993439-20250117",
|
|
"expo": "~54.0.27",
|
|
"expo-blur": "~15.0.8",
|
|
"expo-constants": "~18.0.11",
|
|
"expo-font": "~14.0.10",
|
|
"expo-glass-effect": "~0.1.4",
|
|
"expo-haptics": "~15.0.8",
|
|
"expo-image": "~3.0.11",
|
|
"expo-image-picker": "~17.0.9",
|
|
"expo-linear-gradient": "~15.0.8",
|
|
"expo-linking": "~8.0.10",
|
|
"expo-location": "~19.0.8",
|
|
"expo-router": "~6.0.17",
|
|
"expo-splash-screen": "~31.0.12",
|
|
"expo-status-bar": "~3.0.9",
|
|
"expo-symbols": "~1.0.8",
|
|
"expo-system-ui": "~6.0.9",
|
|
"expo-web-browser": "~15.0.10",
|
|
"react": "catalog:",
|
|
"react-dom": "catalog:",
|
|
"react-native": "0.81.5",
|
|
"react-native-gesture-handler": "~2.28.0",
|
|
"react-native-keyboard-controller": "^1.20.6",
|
|
"react-native-reanimated": "~4.1.1",
|
|
"react-native-safe-area-context": "~5.6.0",
|
|
"react-native-screens": "~4.16.0",
|
|
"react-native-svg": "15.12.1",
|
|
"react-native-web": "^0.21.0",
|
|
"react-native-worklets": "0.5.1",
|
|
"typescript": "~5.9.2",
|
|
"zod": "catalog:",
|
|
"zod-validation-error": "^3.4.0"
|
|
},
|
|
"dependencies": {
|
|
"@react-native-voice/voice": "^3.2.4",
|
|
"expo-speech": "^14.0.8",
|
|
"react-native-webview": "^13.15.0"
|
|
}
|
|
}
|