feat(chat): 发收消息全量实现 (#25~#28)

- 移除 @riverpod/@freezed 注解依赖,全部改为手写 Provider(无需 build_runner)
  · LoginState 改为纯 Dart,LoginViewModel/ThemeViewModel/ChatViewModel 改为 Notifier
  · UserNotifier 改为 FamilyAsyncNotifier<User?,int>,mini_app_provider 改为手写 Provider
  · 15 个 StreamProvider/StreamProvider.family 从 @riverpod 迁移至手写

- 发送消息(#25)
  · SendMessageRequest/SendMessageResponse DTO
  · SendMessageUseCase:乐观写入 DB → HTTP POST → 更新 Chat 摘要

- 接收消息 WS(#26)
  · WsMessageService:监听 mode2 WS 帧 → HTTP 补拉 → DB 写入 → Chat 更新
  · FetchHistoryRequest/FetchHistoryResponse DTO(GET /app/api/chat/history)
  · FetchHistoryUseCase:拉取 → insertOrReplaceAll

- DI 装配(chat_service_providers.dart)
  · wsMessageServiceProvider、sendMessageUseCaseProvider、fetchHistoryUseCaseProvider

- 聊天列表页(#27)
  · ChatListViewModel(Notifier<void>)+ chat_page.dart 真实会话列表 UI
  · ListTile:头像首字母、最新消息摘要、未读角标、时间格式化

- 聊天详情页(#28)
  · ChatDetailViewModel(FamilyNotifier<ChatDetailState,int>)+ chat_detail_page.dart
  · 消息气泡(自己/他人分左右)、底部输入框、发送状态与错误提示

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
pp-bot
2026-03-23 23:16:44 +09:00
parent d9539d391c
commit e715a0673b
37 changed files with 1226 additions and 405 deletions

View File

@@ -1,7 +1,3 @@
import 'package:freezed_annotation/freezed_annotation.dart';
part 'login_state.freezed.dart';
/// 登录流程的当前步骤
enum LoginStep {
/// 步骤 1输入手机号
@@ -11,45 +7,50 @@ enum LoginStep {
otp,
}
/// 登录页面状态(@freezed 自动生成 copyWith / == / toString
/// 登录页面状态(手动 copyWith
///
/// ViewModel 通过 `state = state.copyWith(...)` 更新状态,
/// View 通过 `ref.watch(loginViewModelProvider)` 自动响应变化。
///
/// ## 状态流转
///
/// ```
/// 初始
/// → LoginState() step: phone, isLoading: false
/// 点击"获取验证码"
/// → state.copyWith(isLoading: true)
/// → 成功: state.copyWith(step: otp, contact: phone, isLoading: false)
/// → 失败: state.copyWith(error: '...', isLoading: false)
/// 点击"登录"
/// → state.copyWith(isLoading: true)
/// → 成功: authNotifierProvider.login() → 路由守卫重定向
/// → 失败: state.copyWith(error: '...', isLoading: false)
/// ```
@freezed
sealed class LoginState with _$LoginState {
const LoginState._();
class LoginState {
const LoginState({
this.step = LoginStep.phone,
this.countryCode = '+65',
this.contact = '',
this.isLoading = false,
this.error,
});
const factory LoginState({
/// 当前步骤(手机号输入 or 验证码输入)
@Default(LoginStep.phone) LoginStep step,
/// 当前步骤(手机号输入 or 验证码输入)
final LoginStep step;
/// 国家代码(默认 +65暂不支持切换
@Default('+65') String countryCode,
/// 国家代码(默认 +65暂不支持切换
final String countryCode;
/// 已提交的手机号(步骤 2 用于显示和构建请求)
@Default('') String contact,
/// 已提交的手机号(步骤 2 用于显示和构建请求)
final String contact;
/// 是否正在请求中
@Default(false) bool isLoading,
/// 是否正在请求中
final bool isLoading;
/// 错误信息null = 无错误)
/// 错误信息null = 无错误)
final String? error;
LoginState copyWith({
LoginStep? step,
String? countryCode,
String? contact,
bool? isLoading,
String? error,
}) = _LoginState;
bool clearError = false,
}) {
return LoginState(
step: step ?? this.step,
countryCode: countryCode ?? this.countryCode,
contact: contact ?? this.contact,
isLoading: isLoading ?? this.isLoading,
error: clearError ? null : (error ?? this.error),
);
}
/// 步骤 2 显示的脱敏手机号,如 "138****0000"
String get maskedContact {

View File

@@ -1,41 +1,27 @@
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:networks_sdk/networks_sdk.dart';
import 'package:riverpod_annotation/riverpod_annotation.dart';
import 'package:im_app/app/di/app_providers.dart';
import 'package:im_app/features/login/di/auth_providers.dart';
import 'package:im_app/features/login/presentation/login_state.dart';
part 'login_view_model.g.dart';
/// 登录 ViewModel@riverpod 自动生成 `loginViewModelProvider`
/// 登录 ViewModel(手动 NotifierProvider
///
/// 管理两步登录流程:手机号 → 验证码 → 完成登录。
///
/// ```dart
/// // View 层读取状态
/// final state = ref.watch(loginViewModelProvider);
///
/// // View 层调用方法
/// ref.read(loginViewModelProvider.notifier).sendOtp('+86', '13800138000');
/// ref.read(loginViewModelProvider.notifier).verifyAndLogin('123456');
/// ```
///
/// ## DI 链路
///
/// ```
/// loginViewModelProvider ← @riverpod 自动生成
/// → ref.read(loginUseCaseProvider) ← di/ 手动装配
/// → ref.read(authRepositoryProvider) ← di/ 手动装配
/// → ref.read(networkSdkApiProvider) ← app/di/ 手动装配
/// loginViewModelProvider
/// → ref.read(loginUseCaseProvider)
/// → ref.read(authRepositoryProvider)
/// → ref.read(networkSdkApiProvider)
/// ```
@riverpod
class LoginViewModel extends _$LoginViewModel {
class LoginViewModel extends Notifier<LoginState> {
@override
LoginState build() => const LoginState();
/// 步骤 1发送手机验证码
///
/// 成功后 step 切换为 [LoginStep.otp],手机号保存到 state 供步骤 2 使用。
Future<void> sendOtp(String countryCode, String contact) async {
if (state.isLoading) return;
state = state.copyWith(isLoading: true, error: null);
@@ -65,8 +51,6 @@ class LoginViewModel extends _$LoginViewModel {
}
/// 步骤 2+3校验验证码并完成登录
///
/// 成功后调用 [AuthNotifier.login] 触发路由守卫重定向provider 随即被 dispose。
Future<void> verifyAndLogin(String code) async {
if (state.isLoading) return;
state = state.copyWith(isLoading: true, error: null);
@@ -80,8 +64,6 @@ class LoginViewModel extends _$LoginViewModel {
code: code,
);
// 成功后触发路由守卫重定向。
// 注意login() 触发导航后 provider 随即被 dispose之后不能再写 state。
if (!ref.mounted) return;
ref.read(authNotifierProvider).login(uid: user.uid);
} on FormatException catch (e) {
@@ -96,8 +78,11 @@ class LoginViewModel extends _$LoginViewModel {
}
}
/// 返回手机号输入步骤(用户想修改手机号)
/// 返回手机号输入步骤
void backToPhone() {
state = state.copyWith(step: LoginStep.phone, error: null);
}
}
final loginViewModelProvider =
NotifierProvider<LoginViewModel, LoginState>(LoginViewModel.new);