feat(code-editor): enhance language client integration with dynamic server configuration

This commit is contained in:
cfngc4594 2025-02-23 13:55:37 +08:00
parent 62149db922
commit 9e1bca2cce

View File

@ -10,6 +10,7 @@ import { shikiToMonaco } from "@shikijs/monaco";
import { Skeleton } from "@/components/ui/skeleton";
import { useCodeEditorState } from "@/store/useCodeEditor";
import { CODE_EDITOR_OPTIONS } from "@/constants/code-editor-options";
import { SUPPORTED_LANGUAGE_SERVERS } from "@/config/language-server";
import { toSocket, WebSocketMessageReader, WebSocketMessageWriter } from "vscode-ws-jsonrpc";
const Editor = dynamic(
@ -30,10 +31,18 @@ const Editor = dynamic(
export default function CodeEditor() {
const { resolvedTheme } = useTheme();
const { language } = useCodeEditorState();
const { language, languageClient, setLanguageClient } = useCodeEditorState();
useEffect(() => {
const lspUrl = process.env.NEXT_PUBLIC_LSP_C_URL || "ws://localhost:4594/clangd";
if (languageClient) {
languageClient.dispose();
setLanguageClient(null);
}
const serverConfig = SUPPORTED_LANGUAGE_SERVERS.find((s) => s.id === language);
if (serverConfig) {
const lspUrl = `${serverConfig.protocol}://${serverConfig.hostname}${serverConfig.port ? `:${serverConfig.port}` : ''}${serverConfig.path || ''}`
const url = normalizeUrl(lspUrl);
const webSocket = new WebSocket(url);
@ -46,9 +55,9 @@ export default function CodeEditor() {
const { ErrorAction, CloseAction } = await import("vscode-languageclient");
const languageClient = new MonacoLanguageClient({
name: "C Language Client",
name: `${serverConfig.label} Language Client`,
clientOptions: {
documentSelector: ["c"],
documentSelector: [serverConfig.id],
errorHandler: {
error: () => ({ action: ErrorAction.Continue }),
closed: () => ({ action: CloseAction.DoNotRestart }),
@ -61,6 +70,8 @@ export default function CodeEditor() {
languageClient.start();
reader.onClose(() => languageClient.stop());
setLanguageClient(languageClient);
};
webSocket.onerror = (event) => {
@ -74,7 +85,8 @@ export default function CodeEditor() {
return () => {
webSocket.close();
};
}, []);
}
}, [language]);
return (
<Editor