litchi/judge
1
0
Fork 0
mirror of https://litchi.icu/ngc2207/judge.git synced 2025-07-04 04:51:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(playground): enhance PlaygroundPage with Monaco editor focus and position handling

Browse Source
This commit is contained in:
ngc2207 2025-01-05 03:05:19 +08:00
parent d71a2fd534
commit 2c7630c286
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/playground/page.tsx
View File

@ -1,6 +1,7 @@
"use client";
import { useState } from "react";
import * as monaco from "monaco-editor";
import { useRef, useState } from "react";
import { Editor } from "@monaco-editor/react";
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
@ -39,6 +40,7 @@ int main() {
};
export default function PlaygroundPage() {
const editorRef = useRef<monaco.editor.IStandaloneCodeEditor | null>(null);
const [language, setLanguage] = useState<keyof typeof files>("c");
const file = files[language];
@ -98,6 +100,20 @@ export default function PlaygroundPage() {
defaultLanguage={file.language}
defaultValue={file.value}
options={{ automaticLayout: true }}
onMount={(editor) => {
editorRef.current = editor;
const model = editor.getModel();
if (model) {
const lineCount = model.getLineCount();
const lastLineLength = model.getLineLength(lineCount);
editor.setPosition({
lineNumber: lineCount,
column: lastLineLength + 1,
});
editor.focus();
console.log(editor.getModel()?.uri.path);
}
}}
/>
</div>
);