fix(frontend): reformat source files

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>

frontend/src/components/render-page/document-toc-sidebar.tsx

@@ -3,14 +3,13 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import React, { useState } from 'react'
-import styles from './markdown-document.module.scss'
 import { ShowIf } from '../common/show-if/show-if'
+import { TableOfContentsMarkdownExtension } from '../markdown-renderer/extensions/table-of-contents-markdown-extension'
+import { useExtensionEventEmitterHandler } from '../markdown-renderer/hooks/use-extension-event-emitter'
+import styles from './markdown-document.module.scss'
 import { WidthBasedTableOfContents } from './width-based-table-of-contents'
 import type { TocAst } from 'markdown-it-toc-done-right'
-import { useExtensionEventEmitterHandler } from '../markdown-renderer/hooks/use-extension-event-emitter'
-import { TableOfContentsMarkdownExtension } from '../markdown-renderer/extensions/table-of-contents-markdown-extension'
+import React, { useState } from 'react'
 
 export interface DocumentTocSidebarProps {
   width: number

frontend/src/components/render-page/hooks/sync-scroll/use-document-sync-scrolling.ts

@@ -3,13 +3,12 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type React from 'react'
-import { useCallback, useMemo, useState } from 'react'
 import type { ScrollState } from '../../../editor-page/synced-scroll/scroll-props'
+import type { LineMarkerPosition } from '../../../markdown-renderer/extensions/linemarker/types'
 import { useOnUserScroll } from './use-on-user-scroll'
 import { useScrollToLineMark } from './use-scroll-to-line-mark'
-import type { LineMarkerPosition } from '../../../markdown-renderer/extensions/linemarker/types'
+import type React from 'react'
+import { useCallback, useMemo, useState } from 'react'
 
 /**
  * Synchronizes the scroll status of the given container with the given scroll state and posts changes if the user scrolls.

frontend/src/components/render-page/hooks/sync-scroll/use-on-user-scroll.ts

@@ -3,11 +3,10 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type React from 'react'
-import { useCallback } from 'react'
 import type { ScrollState } from '../../../editor-page/synced-scroll/scroll-props'
 import type { LineMarkerPosition } from '../../../markdown-renderer/extensions/linemarker/types'
+import type React from 'react'
+import { useCallback } from 'react'
 
 /**
  * Provides a callback to handle user scrolling.

frontend/src/components/render-page/hooks/sync-scroll/use-scroll-to-line-mark.ts

@@ -3,12 +3,11 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { RefObject } from 'react'
-import { useCallback, useEffect, useRef } from 'react'
 import type { ScrollState } from '../../../editor-page/synced-scroll/scroll-props'
 import { findLineMarks } from '../../../editor-page/synced-scroll/utils'
 import type { LineMarkerPosition } from '../../../markdown-renderer/extensions/linemarker/types'
+import type { RefObject } from 'react'
+import { useCallback, useEffect, useRef } from 'react'
 
 /**
  * Scrolls the given container to the correct {@link LineMarkerPosition}.

frontend/src/components/render-page/iframe-markdown-renderer.tsx

@@ -3,20 +3,19 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { setDarkModePreference } from '../../redux/dark-mode/methods'
+import type { SlideOptions } from '../../redux/note-details/types/slide-show-options'
+import { useRendererToEditorCommunicator } from '../editor-page/render-context/renderer-to-editor-communicator-context-provider'
 import type { ScrollState } from '../editor-page/synced-scroll/scroll-props'
+import { eventEmitterContext } from '../markdown-renderer/hooks/use-extension-event-emitter'
+import { SlideshowMarkdownRenderer } from '../markdown-renderer/slideshow-markdown-renderer'
+import { MarkdownDocument } from './markdown-document'
+import { useRendererReceiveHandler } from './window-post-message-communicator/hooks/use-renderer-receive-handler'
 import type { BaseConfiguration } from './window-post-message-communicator/rendering-message'
 import { CommunicationMessageType, RendererType } from './window-post-message-communicator/rendering-message'
-import { setDarkModePreference } from '../../redux/dark-mode/methods'
-import { MarkdownDocument } from './markdown-document'
 import { countWords } from './word-counter'
-import { useRendererToEditorCommunicator } from '../editor-page/render-context/renderer-to-editor-communicator-context-provider'
-import { useRendererReceiveHandler } from './window-post-message-communicator/hooks/use-renderer-receive-handler'
-import { SlideshowMarkdownRenderer } from '../markdown-renderer/slideshow-markdown-renderer'
-import type { SlideOptions } from '../../redux/note-details/types/slide-show-options'
 import EventEmitter2 from 'eventemitter2'
-import { eventEmitterContext } from '../markdown-renderer/hooks/use-extension-event-emitter'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 
 /**
  * Wraps the markdown rendering in an iframe.

frontend/src/components/render-page/markdown-document.tsx

@@ -3,16 +3,15 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import type { MutableRefObject } from 'react'
-import React, { useEffect, useMemo, useRef, useState } from 'react'
-import useResizeObserver from '@react-hook/resize-observer'
-import { useDocumentSyncScrolling } from './hooks/sync-scroll/use-document-sync-scrolling'
+import { useApplicationState } from '../../hooks/common/use-application-state'
 import type { ScrollProps } from '../editor-page/synced-scroll/scroll-props'
 import { DocumentMarkdownRenderer } from '../markdown-renderer/document-markdown-renderer'
-import styles from './markdown-document.module.scss'
-import { useApplicationState } from '../../hooks/common/use-application-state'
 import { DocumentTocSidebar } from './document-toc-sidebar'
+import { useDocumentSyncScrolling } from './hooks/sync-scroll/use-document-sync-scrolling'
+import styles from './markdown-document.module.scss'
+import useResizeObserver from '@react-hook/resize-observer'
+import type { MutableRefObject } from 'react'
+import React, { useEffect, useMemo, useRef, useState } from 'react'
 
 export interface RendererProps extends ScrollProps {
   onFirstHeadingChange?: (firstHeading: string | undefined) => void

frontend/src/components/render-page/markdown-toc-button/table-of-contents-hovering-button.tsx

@@ -3,13 +3,12 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import React from 'react'
-import { Dropdown } from 'react-bootstrap'
-import type { TocAst } from 'markdown-it-toc-done-right'
 import { ForkAwesomeIcon } from '../../common/fork-awesome/fork-awesome-icon'
 import { TableOfContents } from '../../editor-page/table-of-contents/table-of-contents'
 import styles from './markdown-toc-button.module.scss'
+import type { TocAst } from 'markdown-it-toc-done-right'
+import React from 'react'
+import { Dropdown } from 'react-bootstrap'
 
 export interface MarkdownTocButtonProps {
   tocAst: TocAst

frontend/src/components/render-page/width-based-table-of-contents.tsx

@@ -3,11 +3,10 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import React from 'react'
-import type { TocAst } from 'markdown-it-toc-done-right'
 import { TableOfContents } from '../editor-page/table-of-contents/table-of-contents'
 import { TableOfContentsHoveringButton } from './markdown-toc-button/table-of-contents-hovering-button'
+import type { TocAst } from 'markdown-it-toc-done-right'
+import React from 'react'
 
 export interface DocumentExternalTocProps {
   tocAst: TocAst

frontend/src/components/render-page/window-post-message-communicator/editor-to-renderer-communicator.ts

@@ -3,14 +3,13 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import { WindowPostMessageCommunicator } from './window-post-message-communicator'
+import { Logger } from '../../../utils/logger'
 import type {
   CommunicationMessages,
   EditorToRendererMessageType,
   RendererToEditorMessageType
 } from './rendering-message'
-import { Logger } from '../../../utils/logger'
+import { WindowPostMessageCommunicator } from './window-post-message-communicator'
 
 /**
  * The communicator that is used to send messages from the editor to the renderer.

frontend/src/components/render-page/window-post-message-communicator/hooks/use-editor-receive-handler.ts

@@ -3,11 +3,10 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import { useEffect } from 'react'
-import type { CommunicationMessages, RendererToEditorMessageType } from '../rendering-message'
 import { useEditorToRendererCommunicator } from '../../../editor-page/render-context/editor-to-renderer-communicator-context-provider'
+import type { CommunicationMessages, RendererToEditorMessageType } from '../rendering-message'
 import type { Handler } from '../window-post-message-communicator'
+import { useEffect } from 'react'
 
 /**
  * Sets the handler for the given message type in the current editor to renderer communicator.

frontend/src/components/render-page/window-post-message-communicator/hooks/use-is-renderer-ready.ts

@@ -3,7 +3,6 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
 import { useApplicationState } from '../../../../hooks/common/use-application-state'
 
 /**

frontend/src/components/render-page/window-post-message-communicator/hooks/use-renderer-receive-handler.ts

@@ -3,11 +3,10 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import { useEffect } from 'react'
+import { useRendererToEditorCommunicator } from '../../../editor-page/render-context/renderer-to-editor-communicator-context-provider'
 import type { CommunicationMessages, EditorToRendererMessageType } from '../rendering-message'
 import type { Handler } from '../window-post-message-communicator'
-import { useRendererToEditorCommunicator } from '../../../editor-page/render-context/renderer-to-editor-communicator-context-provider'
+import { useEffect } from 'react'
 
 export type CommunicationMessageHandler<MESSAGE_TYPE extends EditorToRendererMessageType> = Handler<
   CommunicationMessages,

frontend/src/components/render-page/window-post-message-communicator/hooks/use-send-to-renderer.ts

@@ -3,11 +3,10 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import { useEffect } from 'react'
-import type { CommunicationMessages, EditorToRendererMessageType } from '../rendering-message'
 import { useEditorToRendererCommunicator } from '../../../editor-page/render-context/editor-to-renderer-communicator-context-provider'
+import type { CommunicationMessages, EditorToRendererMessageType } from '../rendering-message'
 import type { MessagePayload } from '../window-post-message-communicator'
+import { useEffect } from 'react'
 
 /**
  * Sends the given message to the renderer.

frontend/src/components/render-page/window-post-message-communicator/renderer-to-editor-communicator.ts

@@ -3,14 +3,13 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
-import { WindowPostMessageCommunicator } from './window-post-message-communicator'
+import { Logger } from '../../../utils/logger'
 import type {
   CommunicationMessages,
   EditorToRendererMessageType,
   RendererToEditorMessageType
 } from './rendering-message'
-import { Logger } from '../../../utils/logger'
+import { WindowPostMessageCommunicator } from './window-post-message-communicator'
 
 /**
  * The communicator that is used to send messages from the renderer to the editor.

frontend/src/components/render-page/window-post-message-communicator/rendering-message.ts

@@ -3,9 +3,9 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import type { ScrollState } from '../../editor-page/synced-scroll/scroll-props'
-import type { SlideOptions } from '../../../redux/note-details/types/slide-show-options'
 import type { DarkModePreference } from '../../../redux/dark-mode/types'
+import type { SlideOptions } from '../../../redux/note-details/types/slide-show-options'
+import type { ScrollState } from '../../editor-page/synced-scroll/scroll-props'
 
 export enum CommunicationMessageType {
   SET_MARKDOWN_CONTENT = 'SET_MARKDOWN_CONTENT',

frontend/src/components/render-page/window-post-message-communicator/window-post-message-communicator.ts

@@ -3,7 +3,6 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
 import type { Logger } from '../../../utils/logger'
 import { Optional } from '@mrdrogdrog/optional'
 import EventEmitter2 from 'eventemitter2'

frontend/src/components/render-page/word-counter.ts

@@ -3,7 +3,6 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
 import wordsCount from 'words-count'
 
 /** List of HTML tag names that should not be counted. */