JefferyandClaude Sonnet 5
5da8b3a63e
新增 apps/mobile：Expo Router 檔案系統路由（同 Next.js App Router 的 心智模型），底部四分頁（聊天/角色/日常/設定）皆為真實 API 串接（/chat、 /tachie、/characters、/schedule、/health、/push）。聊天分頁完整重用 H/O 群組已驗證過的對話+表情查詢節奏。立繪暫以依情緒 magnitude 調整 透明度的色塊佔位（PixiJS 是瀏覽器 DOM/Canvas API，未移植到 React Native，需要 react-native-skia 等原生繪圖套件才能重現分層合成，超出 本群組範圍）。 新增 apps/api/src/push/：PushProvider 抽象（第三次套用 F-1/P-4 的 Provider 模式），MockPushProvider 供測試、ExpoPushProvider 是可直接 打真實 HTTP 請求的完整實作（Expo 推播匿名發送不需金鑰，不像 LLM/TTS 需要另外挑供應商待人工確認）。PushToken/PushNotificationLog 記錄裝置 註冊與每次推播嘗試。J 群組 TaskTriggerService 觸發時會嘗試推播給 使用者已註冊裝置，用觸發訊息本身當推播內容。 本環境沒有 Android/iOS 模擬器，改用 `expo start --web` + playwright-core （同 O 群組手法）驅動無頭瀏覽器驗證四分頁切換、真實 API 串接、聊天 完整往返、推播按鈕在無裝置環境下的優雅降級——不是原生 APP 的完整驗證， 但驗證了畫面邏輯與 API 契約層。過程中發現並修正 CORS 設定只放行網頁版 origin、擋掉 Expo 網頁版請求的問題（永久修正：新增 localhost:8081 白名單， 不影響原生 APP，原生環境沒有 CORS 限制）。 Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
55 lines
2.1 KiB
TypeScript
55 lines
2.1 KiB
TypeScript
import { useEffect, useState } from "react";
|
|
import { ScrollView, StyleSheet, Text, View } from "react-native";
|
|
import { API_BASE_URL } from "../../lib/api";
|
|
|
|
const CHARACTER_ID = "seed-character-genki";
|
|
|
|
interface ScheduleInfo {
|
|
dayType: string;
|
|
minute: number;
|
|
slot: { status: string; label: string | null } | null;
|
|
isWaking: boolean;
|
|
isPreSleep: boolean;
|
|
availability: string;
|
|
}
|
|
|
|
// Q-2 日常分頁：展示 I 群組的作息狀態（她現在在做什麼、回應可用度），是「她有自己的生活」這件事
|
|
// 在 APP 上最直接的呈現位置。若種子角色沒有掛作息表（見 I 群組實作記錄），slot 會是 null。
|
|
export default function DailyScreen() {
|
|
const [info, setInfo] = useState<ScheduleInfo | null>(null);
|
|
const [error, setError] = useState<string | null>(null);
|
|
|
|
useEffect(() => {
|
|
fetch(`${API_BASE_URL}/schedule/${CHARACTER_ID}/info`)
|
|
.then((res) => res.json())
|
|
.then(setInfo)
|
|
.catch(() => setError("作息資料載入失敗，請確認 api 服務是否已啟動"));
|
|
}, []);
|
|
|
|
return (
|
|
<ScrollView style={styles.container} contentContainerStyle={styles.content}>
|
|
<Text style={styles.title}>今天的她</Text>
|
|
{error && <Text style={styles.error}>{error}</Text>}
|
|
{info && (
|
|
<View style={styles.card}>
|
|
<Text style={styles.line}>作息類型：{info.dayType}</Text>
|
|
<Text style={styles.line}>目前時段：{info.slot?.label ?? info.slot?.status ?? "（未設定作息表）"}</Text>
|
|
<Text style={styles.line}>回應可用度：{info.availability}</Text>
|
|
{info.isWaking && <Text style={styles.badge}>剛睡醒</Text>}
|
|
{info.isPreSleep && <Text style={styles.badge}>快睡了</Text>}
|
|
</View>
|
|
)}
|
|
</ScrollView>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: { flex: 1, backgroundColor: "#FFF5F7" },
|
|
content: { padding: 20, gap: 16 },
|
|
title: { fontSize: 22, fontWeight: "bold", color: "#FF7E9D" },
|
|
card: { gap: 8 },
|
|
line: { fontSize: 14, color: "#222" },
|
|
badge: { fontSize: 12, color: "#FF7E9D", fontWeight: "bold" },
|
|
error: { color: "#FF7E9D", fontSize: 12 },
|
|
});
|