fix: set initial cursor for creator drawer

surrealdb · Apr 26, 2024 · 72f871e · 72f871e
1 parent 3a60313
commit 72f871e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/CodeEditor/index.tsx b/src/components/CodeEditor/index.tsx
@@ -18,6 +18,7 @@ export interface CodeEditorProps extends BoxProps {
 	extensions?: Extension[];
 	readOnly?: boolean;
 	autoFocus?: boolean;
+	onMount?: (editor: EditorView) => void;
 	onChange?: (value: string) => void;
 }
 
@@ -29,6 +30,7 @@ export function CodeEditor(props: CodeEditorProps) {
 		className,
 		readOnly,
 		autoFocus,
+		onMount,
 		...rest
 	} = props;
 
@@ -76,6 +78,8 @@ export function CodeEditor(props: CodeEditorProps) {
 			}, 50);
 		}
 
+		onMount?.(editor);
+
 		return () => {
 			editor.destroy();
 		};

diff --git a/src/views/explorer/CreatorDrawer/index.tsx b/src/views/explorer/CreatorDrawer/index.tsx
@@ -15,6 +15,7 @@ import { RecordId, Table } from "surrealdb.js";
 import { useDebouncedParsedObject } from "~/hooks/debounce";
 import { surqlLinting } from "~/util/editor/extensions";
 import { surrealql } from "codemirror-surrealql";
+import { EditorView } from "@codemirror/view";
 
 export interface CreatorDrawerProps {
 	opened: boolean;
@@ -49,6 +50,10 @@ export function CreatorDrawer({ opened, table, onClose }: CreatorDrawerProps) {
 		RecordsChangedEvent.dispatch(null);
 	});
 
+	const setCursor = useStable((editor: EditorView) => {
+		editor.dispatch({selection: {anchor: 6, head: 6}});
+	});
+
 	useLayoutEffect(() => {
 		if (opened) {
 			setRecordTable(table);
@@ -128,8 +133,9 @@ export function CreatorDrawer({ opened, table, onClose }: CreatorDrawerProps) {
 							onChange={setRecordBody}
 							extensions={[
 								surrealql(),
-								surqlLinting(),
+								surqlLinting()
 							]}
+							onMount={setCursor}
 						/>
 					</Paper>
 				</Stack>