Update dependency eslint-plugin-import to v2.25.2 (#1555)

* Update dependency eslint-plugin-import to v2.25.2

Signed-off-by: Renovate Bot <bot@renovateapp.com>
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>

* Make type imports more explicit

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

* Enforce use of type imports

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

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Tilman Vatteroth <git@tilmanvatteroth.de>

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

@@ -4,9 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import React, { useCallback, useState } from 'react'
-import { LineMarkerPosition } from '../../../markdown-renderer/types'
-import { ScrollState } from '../../../editor-page/synced-scroll/scroll-props'
+import type React from 'react'
+import { useCallback, useState } from 'react'
+import type { LineMarkerPosition } from '../../../markdown-renderer/types'
+import type { ScrollState } from '../../../editor-page/synced-scroll/scroll-props'
 import { useOnUserScroll } from './use-on-user-scroll'
 import { useScrollToLineMark } from './use-scroll-to-line-mark'
 

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

@@ -4,9 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { RefObject, useCallback } from 'react'
-import { LineMarkerPosition } from '../../../markdown-renderer/types'
-import { ScrollState } from '../../../editor-page/synced-scroll/scroll-props'
+import type { RefObject } from 'react'
+import { useCallback } from 'react'
+import type { LineMarkerPosition } from '../../../markdown-renderer/types'
+import type { ScrollState } from '../../../editor-page/synced-scroll/scroll-props'
 
 export const useOnUserScroll = (
   lineMarks: LineMarkerPosition[] | undefined,

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

@@ -4,9 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { RefObject, useCallback, useEffect, useRef } from 'react'
-import { LineMarkerPosition } from '../../../markdown-renderer/types'
-import { ScrollState } from '../../../editor-page/synced-scroll/scroll-props'
+import type { RefObject } from 'react'
+import { useCallback, useEffect, useRef } from 'react'
+import type { LineMarkerPosition } from '../../../markdown-renderer/types'
+import type { ScrollState } from '../../../editor-page/synced-scroll/scroll-props'
 import { findLineMarks } from '../../../editor-page/synced-scroll/utils'
 
 export const useScrollToLineMark = (

src/components/render-page/hooks/use-image-click-handler.ts

@@ -4,9 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import React, { useCallback } from 'react'
-import { ImageClickHandler } from '../../markdown-renderer/replace-components/image/image-replacer'
-import { RendererToEditorCommunicator } from '../window-post-message-communicator/renderer-to-editor-communicator'
+import type React from 'react'
+import { useCallback } from 'react'
+import type { ImageClickHandler } from '../../markdown-renderer/replace-components/image/image-replacer'
+import type { RendererToEditorCommunicator } from '../window-post-message-communicator/renderer-to-editor-communicator'
 import { CommunicationMessageType } from '../window-post-message-communicator/rendering-message'
 
 export const useImageClickHandler = (iframeCommunicator: RendererToEditorCommunicator): ImageClickHandler => {

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

@@ -5,18 +5,15 @@
  */
 
 import React, { useCallback, useState } from 'react'
-import { ScrollState } from '../editor-page/synced-scroll/scroll-props'
-import {
-  BaseConfiguration,
-  CommunicationMessageType,
-  RendererType
-} from './window-post-message-communicator/rendering-message'
+import type { ScrollState } from '../editor-page/synced-scroll/scroll-props'
+import type { BaseConfiguration } from './window-post-message-communicator/rendering-message'
+import { CommunicationMessageType, RendererType } from './window-post-message-communicator/rendering-message'
 import { setDarkMode } from '../../redux/dark-mode/methods'
-import { ImageClickHandler } from '../markdown-renderer/replace-components/image/image-replacer'
+import type { ImageClickHandler } from '../markdown-renderer/replace-components/image/image-replacer'
 import { useImageClickHandler } from './hooks/use-image-click-handler'
 import { MarkdownDocument } from './markdown-document'
 import { countWords } from './word-counter'
-import { RendererFrontmatterInfo } from '../common/note-frontmatter/types'
+import type { RendererFrontmatterInfo } from '../common/note-frontmatter/types'
 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'

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

@@ -4,19 +4,20 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { TocAst } from 'markdown-it-toc-done-right'
-import React, { MutableRefObject, useEffect, useMemo, useRef, useState } from 'react'
+import type { TocAst } from 'markdown-it-toc-done-right'
+import type { MutableRefObject } from 'react'
+import React, { useEffect, useMemo, useRef, useState } from 'react'
 import useResizeObserver from 'use-resize-observer'
 import { YamlArrayDeprecationAlert } from '../editor-page/renderer-pane/yaml-array-deprecation-alert'
 import { useDocumentSyncScrolling } from './hooks/sync-scroll/use-document-sync-scrolling'
-import { ScrollProps } from '../editor-page/synced-scroll/scroll-props'
+import type { ScrollProps } from '../editor-page/synced-scroll/scroll-props'
 import { DocumentMarkdownRenderer } from '../markdown-renderer/document-markdown-renderer'
-import { ImageClickHandler } from '../markdown-renderer/replace-components/image/image-replacer'
+import type { ImageClickHandler } from '../markdown-renderer/replace-components/image/image-replacer'
 import './markdown-document.scss'
 import { WidthBasedTableOfContents } from './width-based-table-of-contents'
 import { ShowIf } from '../common/show-if/show-if'
 import { useApplicationState } from '../../hooks/common/use-application-state'
-import { RendererFrontmatterInfo } from '../common/note-frontmatter/types'
+import type { RendererFrontmatterInfo } from '../common/note-frontmatter/types'
 import { InvalidYamlAlert } from '../markdown-renderer/invalid-yaml-alert'
 
 export interface RendererProps extends ScrollProps {

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

@@ -6,7 +6,7 @@
 
 import React from 'react'
 import { Dropdown } from 'react-bootstrap'
-import { TocAst } from 'markdown-it-toc-done-right'
+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 './markdown-toc-button.scss'

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

@@ -5,7 +5,7 @@
  */
 
 import React from 'react'
-import { TocAst } from 'markdown-it-toc-done-right'
+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'
 

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

@@ -5,7 +5,11 @@
  */
 
 import { WindowPostMessageCommunicator } from './window-post-message-communicator'
-import { CommunicationMessages, EditorToRendererMessageType, RendererToEditorMessageType } from './rendering-message'
+import type {
+  CommunicationMessages,
+  EditorToRendererMessageType,
+  RendererToEditorMessageType
+} from './rendering-message'
 import { Logger } from '../../../utils/logger'
 
 /**

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

@@ -5,9 +5,9 @@
  */
 
 import { useEffect } from 'react'
-import { CommunicationMessages, RendererToEditorMessageType } from '../rendering-message'
+import type { CommunicationMessages, RendererToEditorMessageType } from '../rendering-message'
 import { useEditorToRendererCommunicator } from '../../../editor-page/render-context/editor-to-renderer-communicator-context-provider'
-import { Handler } from '../window-post-message-communicator'
+import type { Handler } from '../window-post-message-communicator'
 
 /**
  * Sets the handler for the given message type in the current editor to renderer communicator.

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

@@ -5,8 +5,8 @@
  */
 
 import { useEffect } from 'react'
-import { CommunicationMessages, EditorToRendererMessageType } from '../rendering-message'
-import { Handler } from '../window-post-message-communicator'
+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'
 
 /**

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

@@ -5,9 +5,9 @@
  */
 
 import { useCallback } from 'react'
-import { CommunicationMessages, EditorToRendererMessageType } from '../rendering-message'
+import type { CommunicationMessages, EditorToRendererMessageType } from '../rendering-message'
 import { useEditorToRendererCommunicator } from '../../../editor-page/render-context/editor-to-renderer-communicator-context-provider'
-import { PostMessage } from '../window-post-message-communicator'
+import type { PostMessage } from '../window-post-message-communicator'
 import { useEffectOnRendererReady } from './use-effect-on-renderer-ready'
 
 export const useSendToRenderer = (

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

@@ -5,7 +5,11 @@
  */
 
 import { WindowPostMessageCommunicator } from './window-post-message-communicator'
-import { CommunicationMessages, EditorToRendererMessageType, RendererToEditorMessageType } from './rendering-message'
+import type {
+  CommunicationMessages,
+  EditorToRendererMessageType,
+  RendererToEditorMessageType
+} from './rendering-message'
 import { Logger } from '../../../utils/logger'
 
 /**

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

@@ -3,8 +3,8 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import { ScrollState } from '../../editor-page/synced-scroll/scroll-props'
-import { RendererFrontmatterInfo } from '../../common/note-frontmatter/types'
+import type { ScrollState } from '../../editor-page/synced-scroll/scroll-props'
+import type { RendererFrontmatterInfo } from '../../common/note-frontmatter/types'
 
 export enum CommunicationMessageType {
   SET_MARKDOWN_CONTENT = 'SET_MARKDOWN_CONTENT',

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

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Logger } from '../../../utils/logger'
+import type { Logger } from '../../../utils/logger'
 
 /**
  * Error that will be thrown if a message couldn't be sent.