CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2025-11-03 15:43:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(editor): update loading state with padding and refactor dynamic import

Browse Source
This commit is contained in:
cfngc4594 2025-03-04 21:26:51 +08:00
parent 0c1ecbcff2
commit d89a45daa8
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/core-editor-lsp.tsx
View File

@ -11,6 +11,7 @@ import { connectToLanguageServer } from "@/lib/language-server";
import { LanguageServerMetadata } from "@/types/language-server"; import { LanguageServerMetadata } from "@/types/language-server";
import type { MonacoLanguageClient } from "monaco-languageclient"; import type { MonacoLanguageClient } from "monaco-languageclient";
// Dynamically import Monaco Editor with SSR disabled
const Editor = dynamic( const Editor = dynamic(
async () => { async () => {
await import("vscode"); await import("vscode");
@ -21,7 +22,11 @@ const Editor = dynamic(
}, },
{ {
ssr: false, ssr: false,
loading: () => <Skeleton className="h-full w-full rounded-3xl" /> loading: () => (
<div className="h-full w-full p-2">
<Skeleton className="h-full w-full rounded-3xl" />
</div>
),
} }
); );
@ -112,7 +117,11 @@ export default function CoreEditorLsp({
beforeMount={handleEditorWillMount} beforeMount={handleEditorWillMount}
onMount={handleEditorDidMount} onMount={handleEditorDidMount}
options={editorConfig} options={editorConfig}
loading={<Skeleton className="h-full w-full rounded-3xl" />} loading={
<div className="h-full w-full p-2">
<Skeleton className="h-full w-full rounded-3xl" />
</div>
}
/> />
); );
} }