starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-24 01:28:35 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Save after formatting GraphQL (Closes #9)

Browse Source
This commit is contained in:
Gregory Schier
2023-11-06 07:20:47 -08:00
parent 6fddb727be
commit 9c214b619c
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src-web/components/core/Editor/Editor.tsx
View File

@@ -6,14 +6,14 @@ import classNames from 'classnames';
import { EditorView } from 'codemirror'; import { EditorView } from 'codemirror';
import type { MutableRefObject, ReactNode } from 'react'; import type { MutableRefObject, ReactNode } from 'react';
import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef } from 'react'; import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
import { useActiveEnvironment } from '../../../hooks/useActiveEnvironment';
import { useActiveWorkspace } from '../../../hooks/useActiveWorkspace';
import { IconButton } from '../IconButton'; import { IconButton } from '../IconButton';
import { HStack } from '../Stacks'; import { HStack } from '../Stacks';
import './Editor.css'; import './Editor.css';
import { baseExtensions, getLanguageExtension, multiLineExtensions } from './extensions'; import { baseExtensions, getLanguageExtension, multiLineExtensions } from './extensions';
import type { GenericCompletionConfig } from './genericCompletion'; import type { GenericCompletionConfig } from './genericCompletion';
import { singleLineExt } from './singleLine'; import { singleLineExt } from './singleLine';
import { useActiveEnvironment } from '../../../hooks/useActiveEnvironment';
import { useActiveWorkspace } from '../../../hooks/useActiveWorkspace';
// Export some things so all the code-split parts are in this file // Export some things so all the code-split parts are in this file
export { buildClientSchema, getIntrospectionQuery } from 'graphql/utilities'; export { buildClientSchema, getIntrospectionQuery } from 'graphql/utilities';
@@ -231,10 +231,14 @@ const _Editor = forwardRef<EditorView | undefined, EditorProps>(function Editor(
onClick={() => { onClick={() => {
if (cm.current === null) return; if (cm.current === null) return;
const { doc } = cm.current.view.state; const { doc } = cm.current.view.state;
const insert = format(doc.toString()); const formatted = format(doc.toString());
// Update editor and blur because the cursor will reset anyway // Update editor and blur because the cursor will reset anyway
cm.current.view.dispatch({ changes: { from: 0, to: doc.length, insert } }); cm.current.view.dispatch({
changes: { from: 0, to: doc.length, insert: formatted },
});
cm.current.view.contentDOM.blur(); cm.current.view.contentDOM.blur();
// Fire change event
onChange?.(formatted);
}} }}
/> />
</HStack> </HStack>