FairClip/memowake-front
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: 注释掉一些use effect

Browse Source
This commit is contained in:
Junhui Chen 2025-08-07 10:57:58 +08:00
parent b08f972678
commit 85a4771024
2 changed files with 25 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
app/(tabs)/ask.tsx
View File

@ -1,7 +1,8 @@
import ReturnArrow from "@/assets/icons/svg/returnArrow.svg"; import ReturnArrow from "@/assets/icons/svg/returnArrow.svg";
import Chat from "@/components/ask/chat";
import AskHello from "@/components/ask/hello";
import SendMessage from "@/components/ask/send"; import SendMessage from "@/components/ask/send";
import { ThemedText } from "@/components/ThemedText"; import { ThemedText } from "@/components/ThemedText";
import { useWebSocketStreamHandler } from "@/hooks/useWebSocketStreamHandler";
import { fetchApi } from "@/lib/server-api-util"; import { fetchApi } from "@/lib/server-api-util";
import { WEBSOCKET_ENDPOINT } from "@/lib/websocket-util"; import { WEBSOCKET_ENDPOINT } from "@/lib/websocket-util";
import { Message } from "@/types/ask"; import { Message } from "@/types/ask";
@ -18,7 +19,7 @@ import {
TouchableOpacity, TouchableOpacity,
View View
} from 'react-native'; } from 'react-native';
import { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'; import Animated, { useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
import { useSafeAreaInsets } from "react-native-safe-area-context"; import { useSafeAreaInsets } from "react-native-safe-area-context";
export default function AskScreen() { export default function AskScreen() {
@ -85,11 +86,11 @@ export default function AskScreen() {
} }
}, []); }, []);
useEffect(() => { // useEffect(() => {
if (!isHello && userMessages.length > 0 && isMountedRef.current) { // if (!isHello && userMessages.length > 0 && isMountedRef.current) {
scrollToEnd(); // scrollToEnd();
} // }
}, [userMessages, isHello, scrollToEnd]); // }, [userMessages, isHello, scrollToEnd]);
useEffect(() => { useEffect(() => {
const keyboardDidShowListener = Keyboard.addListener( const keyboardDidShowListener = Keyboard.addListener(
@ -132,11 +133,11 @@ export default function AskScreen() {
}, [isHello, scrollToEnd]); }, [isHello, scrollToEnd]);
// 使用新的WebSocket流处理hook，使用实时模式 // 使用新的WebSocket流处理hook，使用实时模式
const { subscribeToWebSocket } = useWebSocketStreamHandler({ // const { subscribeToWebSocket } = useWebSocketStreamHandler({
setUserMessages, // setUserMessages,
isMounted: true, // 传递静态值，hook内部会使用ref跟踪 // isMounted: true, // 传递静态值，hook内部会使用ref跟踪
enableBatching: false // AskScreen使用实时模式 // enableBatching: false // AskScreen使用实时模式
}); // });
// useFocusEffect( // useFocusEffect(
// useCallback(() => { // useCallback(() => {
@ -169,10 +170,10 @@ export default function AskScreen() {
}); });
// 触发动画 // 触发动画
useEffect(() => { // useEffect(() => {
fadeAnim.value = withTiming(isHello ? 1 : 0, { duration: 300 }); // fadeAnim.value = withTiming(isHello ? 1 : 0, { duration: 300 });
fadeAnimChat.value = withTiming(isHello ? 0 : 1, { duration: 300 }); // fadeAnimChat.value = withTiming(isHello ? 0 : 1, { duration: 300 });
}, [isHello]); // }, [isHello]);
useEffect(() => { useEffect(() => {
if (sessionId && isMountedRef.current) { if (sessionId && isMountedRef.current) {
@ -256,14 +257,14 @@ export default function AskScreen() {
{WEBSOCKET_ENDPOINT} {WEBSOCKET_ENDPOINT}
</ThemedText> </ThemedText>
{/* 欢迎页面 */} {/* 欢迎页面 */}
{/* <Animated.View <Animated.View
style={[styles.absoluteView, welcomeStyle, { zIndex: 1 }]} style={[styles.absoluteView, welcomeStyle, { zIndex: 1 }]}
> >
<AskHello setUserMessages={setUserMessages} setConversationId={setConversationId} setIsHello={setIsHello} /> <AskHello setUserMessages={setUserMessages} setConversationId={setConversationId} setIsHello={setIsHello} />
</Animated.View> */} </Animated.View>
{/* 聊天页面 */} {/* 聊天页面 */}
{/* <Animated.View <Animated.View
style={[styles.absoluteView, chatStyle, { zIndex: 0 }]} style={[styles.absoluteView, chatStyle, { zIndex: 0 }]}
> >
<Chat <Chat
@ -277,7 +278,7 @@ export default function AskScreen() {
showsVerticalScrollIndicator={false} showsVerticalScrollIndicator={false}
// onContentSizeChange={() => scrollToEnd()} // onContentSizeChange={() => scrollToEnd()}
/> />
</Animated.View> */} </Animated.View>
</View> </View>
{/* 输入框区域 */} {/* 输入框区域 */}

10
lib/websocket-util.ts
View File

@ -88,7 +88,7 @@ class WebSocketManager {
const url = `${WEBSOCKET_ENDPOINT}?token=${token}`; const url = `${WEBSOCKET_ENDPOINT}?token=${token}`;
console.log('WebSocket: 连接 URL:', url); console.log('WebSocket: 连接 URL:', url);
try { try {
this.ws = new WebSocket(url); this.ws = new WebSocket(url);
} catch (error) { } catch (error) {
@ -111,7 +111,7 @@ class WebSocketManager {
console.warn('WebSocket received empty message'); console.warn('WebSocket received empty message');
return; return;
} }
const message: WsMessage = JSON.parse(event.data); const message: WsMessage = JSON.parse(event.data);
// console.log('WebSocket received message:', message) // console.log('WebSocket received message:', message)
// 根据消息类型分发 // 根据消息类型分发
@ -183,7 +183,7 @@ class WebSocketManager {
console.error('WebSocket 未连接，无法发送消息。'); console.error('WebSocket 未连接，无法发送消息。');
return; return;
} }
try { try {
const messageString = JSON.stringify(message); const messageString = JSON.stringify(message);
this.ws.send(messageString); this.ws.send(messageString);
@ -321,10 +321,6 @@ export const getWebSocketManager = (): WebSocketManager => {
return webSocketManagerInstance; return webSocketManagerInstance;
}; };
// 为了向后兼容，仍然导出实例
export const webSocketManager = getWebSocketManager();
// webscoket 错误映射 // webscoket 错误映射
export const getWebSocketErrorMessage = (key: string, t: TFunction) => { export const getWebSocketErrorMessage = (key: string, t: TFunction) => {
const messages = { const messages = {