fix: prettier config

This commit is contained in:
hamster1963
2024-12-13 17:26:28 +08:00
parent 1483ce56fa
commit 9a2f3ea8e6
81 changed files with 1666 additions and 2286 deletions
+39 -45
View File
@@ -1,81 +1,75 @@
import React, { useEffect, useRef, useState } from "react";
import { WebSocketContext, WebSocketContextType } from "./websocket-context";
import React, { useEffect, useRef, useState } from "react"
import { WebSocketContext, WebSocketContextType } from "./websocket-context"
interface WebSocketProviderProps {
url: string;
children: React.ReactNode;
url: string
children: React.ReactNode
}
export const WebSocketProvider: React.FC<WebSocketProviderProps> = ({
url,
children,
}) => {
const [lastMessage, setLastMessage] = useState<{ data: string } | null>(null);
const [connected, setConnected] = useState(false);
const ws = useRef<WebSocket | null>(null);
const reconnectTimeout = useRef<NodeJS.Timeout>(null);
const maxReconnectAttempts = 30;
const reconnectAttempts = useRef(0);
export const WebSocketProvider: React.FC<WebSocketProviderProps> = ({ url, children }) => {
const [lastMessage, setLastMessage] = useState<{ data: string } | null>(null)
const [connected, setConnected] = useState(false)
const ws = useRef<WebSocket | null>(null)
const reconnectTimeout = useRef<NodeJS.Timeout>(null)
const maxReconnectAttempts = 30
const reconnectAttempts = useRef(0)
const connect = () => {
try {
const wsUrl = new URL(url, window.location.origin);
wsUrl.protocol = wsUrl.protocol.replace("http", "ws");
const wsUrl = new URL(url, window.location.origin)
wsUrl.protocol = wsUrl.protocol.replace("http", "ws")
ws.current = new WebSocket(wsUrl.toString());
ws.current = new WebSocket(wsUrl.toString())
ws.current.onopen = () => {
console.log("WebSocket connected");
setConnected(true);
reconnectAttempts.current = 0;
};
console.log("WebSocket connected")
setConnected(true)
reconnectAttempts.current = 0
}
ws.current.onclose = () => {
console.log("WebSocket disconnected");
setConnected(false);
console.log("WebSocket disconnected")
setConnected(false)
// 重连逻辑
if (reconnectAttempts.current < maxReconnectAttempts) {
reconnectTimeout.current = setTimeout(() => {
reconnectAttempts.current++;
connect();
}, 3000);
reconnectAttempts.current++
connect()
}, 3000)
}
};
}
ws.current.onmessage = (event) => {
setLastMessage({ data: event.data });
};
setLastMessage({ data: event.data })
}
ws.current.onerror = (error) => {
console.error("WebSocket error:", error);
};
console.error("WebSocket error:", error)
}
} catch (error) {
console.error("WebSocket connection error:", error);
console.error("WebSocket connection error:", error)
}
};
}
useEffect(() => {
connect();
connect()
return () => {
if (ws.current) {
ws.current.close();
ws.current.close()
}
if (reconnectTimeout.current) {
clearTimeout(reconnectTimeout.current);
clearTimeout(reconnectTimeout.current)
}
};
}, [url]);
}
}, [url])
const contextValue: WebSocketContextType = {
lastMessage,
connected,
};
}
return (
<WebSocketContext.Provider value={contextValue}>
{children}
</WebSocketContext.Provider>
);
};
return <WebSocketContext.Provider value={contextValue}>{children}</WebSocketContext.Provider>
}