fix lint errors

packages/editor/src/client/components-internal/CodeMirrorEditor/CodeMirrorEditor.tsx

@@ -1,9 +1,9 @@
+import type { DetailedHTMLProps, JSX } from 'react';
+import { forwardRef, useEffect, useMemo, useRef } from 'react';
 import { indentUnit } from '@codemirror/language';
 import { EditorView } from '@codemirror/view';
 import { AcceptedUploadFileType } from '@growi/core';
 import type { ReactCodeMirrorProps } from '@uiw/react-codemirror';
-import type { DetailedHTMLProps, JSX } from 'react';
-import { forwardRef, useEffect, useMemo, useRef } from 'react';
 
 import {
   type EditorSettings,
@@ -20,9 +20,10 @@ import {
 import { useCodeMirrorEditorIsolated } from '../../stores/codemirror-editor';
 import { useDefaultExtensions } from '../../stores/use-default-extensions';
 import { useEditorSettings } from '../../stores/use-editor-settings';
-import style from './CodeMirrorEditor.module.scss';
 import { Toolbar } from './Toolbar';
 
+import style from './CodeMirrorEditor.module.scss';
+
 const moduleClass = style['codemirror-editor'];
 
 // Fix IME cursor position issue by EditContext

packages/editor/src/client/components-internal/CodeMirrorEditor/Toolbar/AttachmentsDropdownItem.tsx

@@ -1,5 +1,5 @@
-import type { AcceptedUploadFileType } from '@growi/core';
 import type { JSX, ReactNode } from 'react';
+import type { AcceptedUploadFileType } from '@growi/core';
 import { DropdownItem } from 'reactstrap';
 
 import { useFileDropzone } from '../../../services-internal';

packages/editor/src/client/components-internal/CodeMirrorEditor/Toolbar/AttachmentsDropup.tsx

@@ -1,5 +1,5 @@
-import { AcceptedUploadFileType } from '@growi/core';
 import { type JSX, useState } from 'react';
+import { AcceptedUploadFileType } from '@growi/core';
 import {
   Dropdown,
   DropdownItem,
@@ -9,9 +9,10 @@ import {
 
 import type { GlobalCodeMirrorEditorKey } from '../../../../consts';
 import { AttachmentsDropdownItem } from './AttachmentsDropdownItem';
-import styles from './AttachmentsDropup.module.scss';
 import { LinkEditButton } from './LinkEditButton';
 
+import styles from './AttachmentsDropup.module.scss';
+
 const btnAttachmentToggleClass = styles['btn-attachment-toggle'];
 
 type Props = {

packages/editor/src/client/components-internal/CodeMirrorEditor/Toolbar/EmojiButton.tsx

@@ -1,6 +1,6 @@
+import { type CSSProperties, type JSX, useCallback, useState } from 'react';
 import emojiData from '@emoji-mart/data';
 import Picker from '@emoji-mart/react';
-import { type CSSProperties, type JSX, useCallback, useState } from 'react';
 import { Modal } from 'reactstrap';
 
 import { useResolvedTheme } from '../../../../states/ui/resolved-theme';

packages/editor/src/client/components-internal/CodeMirrorEditor/Toolbar/Toolbar.tsx

@@ -1,5 +1,5 @@
-import type { AcceptedUploadFileType } from '@growi/core';
 import { type JSX, memo, useCallback, useRef } from 'react';
+import type { AcceptedUploadFileType } from '@growi/core';
 import SimpleBar from 'simplebar-react';
 
 import type { GlobalCodeMirrorEditorKey } from '../../../../consts';

packages/editor/src/client/components-internal/playground/Playground.tsx

@@ -1,6 +1,6 @@
+import { type JSX, useCallback, useEffect, useMemo, useState } from 'react';
 import { AcceptedUploadFileType } from '@growi/core';
 import type { ReactCodeMirrorProps } from '@uiw/react-codemirror';
-import { type JSX, useCallback, useEffect, useMemo, useState } from 'react';
 import { toast } from 'react-toastify';
 
 import type {

packages/editor/src/client/components-internal/playground/states/socket.ts

@@ -1,5 +1,5 @@
-import { atom, useAtomValue, useSetAtom } from 'jotai';
 import { useCallback, useEffect } from 'react';
+import { atom, useAtomValue, useSetAtom } from 'jotai';
 import type { Socket } from 'socket.io-client';
 
 // Constants

packages/editor/src/client/components/CodeMirrorEditorComment.tsx

@@ -1,6 +1,6 @@
+import { type JSX, memo, useEffect } from 'react';
 import type { Extension } from '@codemirror/state';
 import { keymap } from '@codemirror/view';
-import { type JSX, memo, useEffect } from 'react';
 
 import type { GlobalCodeMirrorEditorKey } from '../../consts';
 import {

packages/editor/src/client/components/CodeMirrorEditorMain.tsx

@@ -1,8 +1,8 @@
+import { type JSX, useEffect, useMemo } from 'react';
 import type { Extension } from '@codemirror/state';
 import { keymap, scrollPastEnd } from '@codemirror/view';
 import type { IUserHasId } from '@growi/core/dist/interfaces';
 import type { ReactCodeMirrorProps } from '@uiw/react-codemirror';
-import { type JSX, useEffect, useMemo } from 'react';
 import deepmerge from 'ts-deepmerge';
 
 import { GlobalCodeMirrorEditorKey } from '../../consts';

packages/editor/src/client/components/CodeMirrorEditorReadOnly.tsx

@@ -1,6 +1,6 @@
+import { type JSX, useEffect } from 'react';
 import { EditorState, type Extension, Prec } from '@codemirror/state';
 import { EditorView, keymap } from '@codemirror/view';
-import { type JSX, useEffect } from 'react';
 
 import { GlobalCodeMirrorEditorKey } from '../../consts';
 import { CodeMirrorEditor } from '../components-internal/CodeMirrorEditor';

packages/editor/src/client/components/diff/CodeMirrorEditorDiff.tsx

@@ -1,7 +1,7 @@
+import { type JSX, useEffect, useMemo, useRef } from 'react';
 import type { Extension } from '@codemirror/state';
 import { placeholder, scrollPastEnd } from '@codemirror/view';
 import type { ReactCodeMirrorProps } from '@uiw/react-codemirror';
-import { type JSX, useEffect, useMemo, useRef } from 'react';
 
 import { GlobalCodeMirrorEditorKey } from '../../../consts';
 import { useCodeMirrorEditorIsolated } from '../../stores/codemirror-editor';

packages/editor/src/client/components/diff/MergeViewer.tsx

@@ -1,7 +1,7 @@
+import { memo, useEffect, useRef } from 'react';
 import { MergeView } from '@codemirror/merge';
 import { EditorState, type Extension } from '@codemirror/state';
 import { basicSetup, EditorView } from 'codemirror';
-import { memo, useEffect, useRef } from 'react';
 
 type Props = {
   leftBody: string;

packages/editor/src/client/services-internal/file-dropzone/use-file-dropzone/use-file-dropzone.ts

@@ -1,5 +1,5 @@
-import { AcceptedUploadFileType } from '@growi/core';
 import { useCallback, useState } from 'react';
+import { AcceptedUploadFileType } from '@growi/core';
 import type { Accept, DropzoneOptions, DropzoneState } from 'react-dropzone';
 import { useDropzone } from 'react-dropzone';
 

packages/editor/src/client/services-internal/table/use-show-table-icon.ts

@@ -1,6 +1,6 @@
+import { useEffect, useState } from 'react';
 import type { ViewUpdate } from '@codemirror/view';
 import { EditorView } from 'codemirror';
-import { useEffect, useState } from 'react';
 
 import type { UseCodeMirrorEditor } from '../../services';
 import { isInTable } from './insert-new-row-to-table-markdown';

packages/editor/src/client/services-internal/unified-merge-view/use-customized-button-styles.ts

@@ -1,5 +1,5 @@
-import { EditorView } from '@codemirror/view';
 import { useEffect } from 'react';
+import { EditorView } from '@codemirror/view';
 
 import type { UseCodeMirrorEditor } from '../../services';
 

packages/editor/src/client/services-internal/unified-merge-view/use-unified-merge-view.ts

@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import {
   getOriginalDoc,
   originalDocChangeEffect,
@@ -7,7 +8,6 @@ import {
 import type { StateEffect, Transaction } from '@codemirror/state';
 import { ChangeSet } from '@codemirror/state';
 import { EditorView } from '@codemirror/view';
-import { useEffect } from 'react';
 import * as Y from 'yjs';
 
 import { deltaToChangeSpecs } from '../../../utils/delta-to-changespecs';

packages/editor/src/client/services/unified-merge-view/index.ts

@@ -1,7 +1,7 @@
+import { useEffect } from 'react';
 import { acceptChunk, getChunks } from '@codemirror/merge';
 import type { ViewUpdate } from '@codemirror/view';
 import { EditorView } from '@codemirror/view';
-import { useEffect } from 'react';
 
 import type { UseCodeMirrorEditor } from '..';
 

packages/editor/src/client/services/use-codemirror-editor/use-codemirror-editor.ts

@@ -1,7 +1,7 @@
+import { useMemo } from 'react';
 import type { EditorState } from '@codemirror/state';
 import type { EditorView } from '@codemirror/view';
 import { type UseCodeMirror, useCodeMirror } from '@uiw/react-codemirror';
-import { useMemo } from 'react';
 import deepmerge from 'ts-deepmerge';
 
 import {

packages/editor/src/client/services/use-codemirror-editor/utils/append-extensions.ts

@@ -1,7 +1,7 @@
+import { useCallback } from 'react';
 import type { Extension } from '@codemirror/state';
 import { Compartment, StateEffect } from '@codemirror/state';
 import type { EditorView } from '@codemirror/view';
-import { useCallback } from 'react';
 
 type CleanupFunctions = () => void;
 export type AppendExtensions = (

packages/editor/src/client/services/use-codemirror-editor/utils/editor-shortcuts/add-multi-cursor.ts

@@ -1,7 +1,7 @@
+import { useCallback } from 'react';
 import type { SelectionRange } from '@codemirror/state';
 import { EditorSelection } from '@codemirror/state';
 import type { Command, EditorView, KeyBinding } from '@codemirror/view';
-import { useCallback } from 'react';
 
 const addMultiCursor = (view: EditorView, direction: 'up' | 'down') => {
   const selection = view.state.selection;

packages/editor/src/client/services/use-codemirror-editor/utils/focus.ts

@@ -1,5 +1,5 @@
-import type { EditorView } from '@codemirror/view';
 import { useCallback } from 'react';
+import type { EditorView } from '@codemirror/view';
 
 export type Focus = () => void;
 

packages/editor/src/client/services/use-codemirror-editor/utils/fold-drawio.ts

@@ -1,6 +1,6 @@
+import { useEffect } from 'react';
 import { foldEffect } from '@codemirror/language';
 import type { EditorView } from '@codemirror/view';
-import { useEffect } from 'react';
 
 export type FoldDrawio = void;
 

packages/editor/src/client/services/use-codemirror-editor/utils/get-doc.ts

@@ -1,6 +1,6 @@
+import { useCallback } from 'react';
 import { Text } from '@codemirror/state';
 import type { EditorView } from '@codemirror/view';
-import { useCallback } from 'react';
 
 export type GetDoc = () => Text;
 export type GetDocString = () => string;

packages/editor/src/client/services/use-codemirror-editor/utils/init-doc.ts

@@ -1,6 +1,6 @@
+import { useCallback } from 'react';
 import { Transaction } from '@codemirror/state';
 import type { EditorView } from '@codemirror/view';
-import { useCallback } from 'react';
 
 export type InitDoc = (doc?: string) => void;
 

packages/editor/src/client/services/use-codemirror-editor/utils/insert-markdown-elements.ts

@@ -1,5 +1,5 @@
-import type { EditorView } from '@codemirror/view';
 import { useCallback } from 'react';
+import type { EditorView } from '@codemirror/view';
 
 export type InsertMarkdownElements = (prefix: string, suffix: string) => void;
 

packages/editor/src/client/services/use-codemirror-editor/utils/insert-prefix.ts

@@ -1,6 +1,6 @@
+import { useCallback } from 'react';
 import type { ChangeSpec, Line, Text } from '@codemirror/state';
 import type { EditorView } from '@codemirror/view';
-import { useCallback } from 'react';
 
 export type InsertPrefix = (
   prefix: string,

packages/editor/src/client/services/use-codemirror-editor/utils/insert-text.ts

@@ -1,5 +1,5 @@
-import type { EditorView } from '@codemirror/view';
 import { useCallback } from 'react';
+import type { EditorView } from '@codemirror/view';
 
 export type InsertText = (text: string) => void;
 

packages/editor/src/client/services/use-codemirror-editor/utils/replace-text.ts

@@ -1,5 +1,5 @@
-import type { EditorView } from '@codemirror/view';
 import { useCallback } from 'react';
+import type { EditorView } from '@codemirror/view';
 
 export type ReplaceText = (text: string) => void;
 

packages/editor/src/client/services/use-codemirror-editor/utils/set-caret-line.ts

@@ -1,7 +1,7 @@
+import { useCallback } from 'react';
 import { Compartment, StateEffect } from '@codemirror/state';
 import type { ViewUpdate } from '@codemirror/view';
 import { EditorView } from '@codemirror/view';
-import { useCallback } from 'react';
 
 export type SetCaretLine = (lineNumber?: number, schedule?: boolean) => void;
 

packages/editor/src/client/stores/codemirror-editor.ts

@@ -1,3 +1,4 @@
+import { useEffect, useMemo, useRef } from 'react';
 import { deepEquals } from '@growi/core/dist/utils';
 import type {
   ReactCodeMirrorProps,
@@ -5,7 +6,6 @@ import type {
 } from '@uiw/react-codemirror';
 import { atom, useAtom } from 'jotai';
 import { atomFamily } from 'jotai/utils';
-import { useEffect, useMemo, useRef } from 'react';
 import deepmerge from 'ts-deepmerge';
 
 import { type UseCodeMirrorEditor, useCodeMirrorEditor } from '../services';

packages/editor/src/client/stores/use-collaborative-editor-mode.ts

@@ -1,6 +1,6 @@
+import { useEffect, useState } from 'react';
 import { keymap } from '@codemirror/view';
 import type { IUserHasId } from '@growi/core/dist/interfaces';
-import { useEffect, useState } from 'react';
 import { yCollab, yUndoManagerKeymap } from 'y-codemirror.next';
 import { SocketIOProvider } from 'y-socket.io';
 import * as Y from 'yjs';

packages/editor/src/client/stores/use-editor-settings.ts

@@ -1,3 +1,4 @@
+import { useCallback, useEffect, useState } from 'react';
 import type { Extension } from '@codemirror/state';
 import { Prec } from '@codemirror/state';
 import {
@@ -6,7 +7,6 @@ import {
   highlightActiveLineGutter,
   keymap,
 } from '@codemirror/view';
-import { useCallback, useEffect, useState } from 'react';
 
 import type { EditorSettings, EditorTheme, KeyMapMode } from '../../consts';
 import type { UseCodeMirrorEditor } from '../services';

packages/editor/src/client/stores/use-editor-shortcuts.ts

@@ -1,6 +1,6 @@
+import { useEffect } from 'react';
 import type { EditorView } from '@codemirror/view';
 import { type KeyBinding, keymap } from '@codemirror/view';
-import { useEffect } from 'react';
 import type { KeyMapMode } from 'src/consts';
 
 import type { UseCodeMirrorEditor } from '../services';