fix biome 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,8 @@ import {
 import { useCodeMirrorEditorIsolated } from '../../stores/codemirror-editor';
 import { useDefaultExtensions } from '../../stores/use-default-extensions';
 import { useEditorSettings } from '../../stores/use-editor-settings';
-import { Toolbar } from './Toolbar';
-
 import style from './CodeMirrorEditor.module.scss';
+import { Toolbar } from './Toolbar';
 
 const moduleClass = style['codemirror-editor'];
 

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

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

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

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

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/LinkEditButton.tsx

@@ -3,10 +3,12 @@ import { DropdownItem } from 'reactstrap';
 
 import type { GlobalCodeMirrorEditorKey } from '../../../../consts';
 import { useLinkEditModalActions } from '../../../../states/modal/link-edit';
-import { getMarkdownLink, replaceFocusedMarkdownLinkWithEditor } from '../../../services-internal';
+import {
+  getMarkdownLink,
+  replaceFocusedMarkdownLinkWithEditor,
+} from '../../../services-internal';
 import { useCodeMirrorEditorIsolated } from '../../../stores/codemirror-editor';
 
-
 type Props = {
   editorKey: string | GlobalCodeMirrorEditorKey;
 };

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

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

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

@@ -1,6 +1,5 @@
-import { useCallback, useEffect } from 'react';
-
 import { atom, useAtomValue, useSetAtom } from 'jotai';
+import { useCallback, useEffect } from 'react';
 import type { Socket } from 'socket.io-client';
 
 // Constants
@@ -12,7 +11,8 @@ const playgroundSocketAtom = atom<Socket | null>(null);
 /**
  * Hook to get WebSocket connection for playground
  */
-export const usePlaygroundSocket = (): Socket | null => useAtomValue(playgroundSocketAtom);
+export const usePlaygroundSocket = (): Socket | null =>
+  useAtomValue(playgroundSocketAtom);
 
 /**
  * Hook to initialize WebSocket connection for playground
@@ -21,7 +21,7 @@ export const useSetupPlaygroundSocket = (): void => {
   const setSocket = useSetAtom(playgroundSocketAtom);
   const socket = useAtomValue(playgroundSocketAtom);
 
-  const initializeSocket = useCallback(async() => {
+  const initializeSocket = useCallback(async () => {
     try {
       // Dynamic import of socket.io-client
       const { io } = await import('socket.io-client');
@@ -41,8 +41,7 @@ export const useSetupPlaygroundSocket = (): void => {
 
       // Store connection in atom
       setSocket(newSocket);
-    }
-    catch (error) {
+    } catch (error) {
       // eslint-disable-next-line no-console
       console.error('Failed to initialize WebSocket:', error);
     }

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 { useCallback, useState } from 'react';
 import { AcceptedUploadFileType } from '@growi/core';
+import { useCallback, useState } from 'react';
 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 { useEffect } from 'react';
 import { EditorView } from '@codemirror/view';
+import { useEffect } from 'react';
 
 import type { UseCodeMirrorEditor } from '../../services';
 

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

@@ -1,4 +1,3 @@
-import { useEffect } from 'react';
 import {
   getOriginalDoc,
   originalDocChangeEffect,
@@ -8,6 +7,7 @@ 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 { useCallback } from 'react';
 import type { EditorView } from '@codemirror/view';
+import { useCallback } from 'react';
 
 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 { useCallback } from 'react';
 import type { EditorView } from '@codemirror/view';
+import { useCallback } from 'react';
 
 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 { useCallback } from 'react';
 import type { EditorView } from '@codemirror/view';
+import { useCallback } from 'react';
 
 export type InsertText = (text: string) => void;
 

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

@@ -1,5 +1,5 @@
-import { useCallback } from 'react';
 import type { EditorView } from '@codemirror/view';
+import { useCallback } from 'react';
 
 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/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,4 +1,3 @@
-import { useCallback, useEffect, useState } from 'react';
 import type { Extension } from '@codemirror/state';
 import { Prec } from '@codemirror/state';
 import {
@@ -7,6 +6,7 @@ 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';

packages/editor/src/states/index.ts

@@ -1,5 +1,5 @@
-export * from './modal/link-edit';
-export * from './modal/template';
 export * from './modal/drawio-for-editor';
 export * from './modal/handsontable';
+export * from './modal/link-edit';
+export * from './modal/template';
 export * from './ui/resolved-theme';

packages/editor/src/states/modal/drawio-for-editor.ts

@@ -10,7 +10,8 @@ const drawioModalForEditorAtom = atom<DrawioModalForEditorState>({
   editorKey: undefined,
 });
 
-export const useDrawioModalForEditorStatus = () => useAtomValue(drawioModalForEditorAtom);
+export const useDrawioModalForEditorStatus = () =>
+  useAtomValue(drawioModalForEditorAtom);
 
 export const useDrawioModalForEditorActions = () => {
   const setModalState = useSetAtom(drawioModalForEditorAtom);

packages/editor/src/states/modal/handsontable.ts

@@ -1,7 +1,6 @@
 import type { EditorView } from '@codemirror/view';
 import { atom, useAtomValue, useSetAtom } from 'jotai';
 
-
 type HandsontableModalState = {
   isOpened: boolean;
   editor?: EditorView;
@@ -12,7 +11,8 @@ const handsontableModalAtom = atom<HandsontableModalState>({
   editor: undefined,
 });
 
-export const useHandsontableModalForEditorStatus = () => useAtomValue(handsontableModalAtom);
+export const useHandsontableModalForEditorStatus = () =>
+  useAtomValue(handsontableModalAtom);
 
 export const useHandsontableModalForEditorActions = () => {
   const setModalState = useSetAtom(handsontableModalAtom);

packages/editor/src/states/ui/resolved-theme.ts

@@ -1,7 +1,6 @@
 import type { ColorScheme } from '@growi/core';
 import { atom, useAtomValue, useSetAtom } from 'jotai';
 
-
 const resolvedThemeAtom = atom<ColorScheme>();
 
 export const useResolvedTheme = () => useAtomValue(resolvedThemeAtom);

packages/pluginkit/src/v4/client/utils/growi-facade/growi-react.ts

@@ -1,5 +1,5 @@
-import type React from 'react';
 import type { GrowiFacade } from '@growi/core';
+import type React from 'react';
 
 declare global {
   interface Window {

packages/presentation/src/client/components/GrowiSlides.tsx

@@ -1,5 +1,5 @@
-import type { JSX } from 'react';
 import Head from 'next/head';
+import type { JSX } from 'react';
 import ReactMarkdown from 'react-markdown';
 
 import type { PresentationOptions } from '../consts';

packages/presentation/src/client/components/MarpSlides.tsx

@@ -1,5 +1,5 @@
-import type { JSX } from 'react';
 import Head from 'next/head';
+import type { JSX } from 'react';
 
 import { presentationMarpit, slideMarpit } from '../services/growi-marpit';
 

packages/presentation/src/client/components/Presentation.tsx

@@ -2,9 +2,8 @@ import { type JSX, useEffect } from 'react';
 import Reveal from 'reveal.js';
 
 import type { PresentationOptions } from '../consts';
-import { Slides } from './Slides';
-
 import styles from './Presentation.module.scss';
+import { Slides } from './Slides';
 
 const moduleClass = styles['grw-presentation'] ?? '';
 

packages/presentation/src/services/use-slides-by-frontmatter.ts

@@ -1,5 +1,5 @@
-import { useEffect, useState } from 'react';
 import type { Parent, Root } from 'mdast';
+import { useEffect, useState } from 'react';
 import type { Processor } from 'unified';
 
 type ParseResult = {

packages/remark-attachment-refs/src/client/components/AttachmentList.tsx

@@ -1,12 +1,10 @@
-import { type JSX, useCallback } from 'react';
 import type { IAttachmentHasId } from '@growi/core';
 import { Attachment, LoadingSpinner } from '@growi/ui/dist/components';
-
+import { type JSX, useCallback } from 'react';
+import styles from './AttachmentList.module.scss';
 import { ExtractedAttachments } from './ExtractedAttachments';
 import type { RefsContext } from './util/refs-context';
 
-import styles from './AttachmentList.module.scss';
-
 const AttachmentLink = Attachment;
 
 type Props = {

packages/remark-attachment-refs/src/client/components/ExtractedAttachments.tsx

@@ -1,6 +1,6 @@
-import React, { type JSX, useCallback } from 'react';
 import type { IAttachmentHasId } from '@growi/core';
 import type { Property } from 'csstype';
+import React, { type JSX, useCallback } from 'react';
 
 // import Carousel, { Modal, ModalGateway } from 'react-images';
 

packages/remark-lsx/src/client/components/Lsx.tsx

@@ -1,13 +1,12 @@
-import React, { type JSX, useCallback, useMemo } from 'react';
 import { LoadingSpinner } from '@growi/ui/dist/components';
+import React, { type JSX, useCallback, useMemo } from 'react';
 
 import { useSWRxLsx } from '../stores/lsx';
 import { generatePageNodeTree } from '../utils/page-node';
+import styles from './Lsx.module.scss';
 import { LsxListView } from './LsxPageList/LsxListView';
 import { LsxContext } from './lsx-context';
 
-import styles from './Lsx.module.scss';
-
 type Props = {
   children: React.ReactNode;
   className?: string;

packages/remark-lsx/src/client/components/LsxPageList/LsxListView.tsx

@@ -2,9 +2,8 @@ import React, { type JSX, useMemo } from 'react';
 
 import type { PageNode } from '../../../interfaces/page-node';
 import type { LsxContext } from '../lsx-context';
-import { LsxPage } from './LsxPage';
-
 import styles from './LsxListView.module.scss';
+import { LsxPage } from './LsxPage';
 
 type Props = {
   nodeTree?: PageNode[];

packages/remark-lsx/src/client/components/LsxPageList/LsxPage.tsx

@@ -1,7 +1,7 @@
-import React, { type JSX, useMemo } from 'react';
-import Link from 'next/link';
 import { pathUtils } from '@growi/core/dist/utils';
 import { PageListMeta, PagePathLabel } from '@growi/ui/dist/components';
+import Link from 'next/link';
+import React, { type JSX, useMemo } from 'react';
 
 import type { PageNode } from '../../../interfaces/page-node';
 import type { LsxContext } from '../lsx-context';

packages/ui/src/components/Attachment.tsx

@@ -1,6 +1,6 @@
-import type { JSX } from 'react';
 import type { IAttachmentHasId } from '@growi/core';
 import { format } from 'date-fns/format';
+import type { JSX } from 'react';
 
 import { UserPicture } from './UserPicture';
 

packages/ui/src/components/PagePath/PageListMeta.tsx

@@ -1,6 +1,6 @@
-import type { FC, JSX } from 'react';
 import type { IPageHasId } from '@growi/core';
 import { pagePathUtils, templateChecker } from '@growi/core/dist/utils';
+import type { FC, JSX } from 'react';
 
 const { isTopPage } = pagePathUtils;
 const { checkTemplatePath } = templateChecker;

packages/ui/src/components/PagePath/PagePathLabel.tsx

@@ -1,5 +1,5 @@
-import type { FC, ReactNode } from 'react';
 import { DevidedPagePath } from '@growi/core/dist/models';
+import type { FC, ReactNode } from 'react';
 
 type TextElemProps = {
   children?: ReactNode;
@@ -48,7 +48,6 @@ export const PagePathLabel: FC<Props> = (props: Props) => {
     );
   } else if (isFormerOnly) {
     textElem = dPagePath.isFormerRoot ? (
-      // biome-ignore lint/complexity/noUselessFragments: ignore
       <>/</>
     ) : (
       <TextElement isHTML={isPathIncludedHtml}>{dPagePath.former}</TextElement>

packages/ui/src/components/UserPicture.tsx

@@ -1,3 +1,7 @@
+import type { IUser, Ref } from '@growi/core';
+import { pagePathUtils } from '@growi/core/dist/utils';
+import dynamic from 'next/dynamic';
+import { useRouter } from 'next/router';
 import {
   forwardRef,
   type JSX,
@@ -6,10 +10,6 @@ import {
   useCallback,
   useRef,
 } from 'react';
-import dynamic from 'next/dynamic';
-import { useRouter } from 'next/router';
-import type { IUser, Ref } from '@growi/core';
-import { pagePathUtils } from '@growi/core/dist/utils';
 import type { UncontrolledTooltipProps } from 'reactstrap';
 
 import styles from './UserPicture.module.scss';