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>

package.json

@@ -41,7 +41,7 @@
     "emoji-picker-element": "1.8.2",
     "emoji-picker-element-data": "1.2.0",
     "eslint-config-react-app": "6.0.0",
-    "eslint-plugin-import": "2.24.2",
+    "eslint-plugin-import": "2.25.2",
     "eslint-plugin-jsx-a11y": "6.4.1",
     "eslint-plugin-node": "11.1.0",
     "eslint-plugin-promise": "5.1.0",
@@ -134,7 +134,14 @@
     "rules": {
       "no-use-before-define": "off",
       "no-debugger": "warn",
-      "default-param-last": "off"
+      "default-param-last": "off",
+      "@typescript-eslint/consistent-type-imports": [
+        "error",
+        {
+          "prefer": "type-imports",
+          "disallowTypeAnnotations": false
+        }
+      ]
     },
     "plugins": [
       "@typescript-eslint"
@@ -193,7 +200,6 @@
   },
   "resolutions": {
     "cypress": "7.7.0",
-    "katex": "0.13.18",
-    "eslint-plugin-import": "2.24.2"
+    "katex": "0.13.18"
   }
 }

src/api/config/index.ts

@@ -5,7 +5,7 @@
  */
 
 import { defaultFetchConfig, expectResponseCode, getApiUrl } from '../utils'
-import { Config } from './types'
+import type { Config } from './types'
 
 export const getConfig = async (): Promise<Config> => {
   const response = await fetch(getApiUrl() + 'config', {

src/api/history/dto-methods.ts

@@ -4,8 +4,9 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { HistoryEntry, HistoryEntryOrigin } from '../../redux/history/types'
-import { HistoryEntryDto, HistoryEntryPutDto, HistoryEntryUpdateDto } from './types'
+import type { HistoryEntry } from '../../redux/history/types'
+import { HistoryEntryOrigin } from '../../redux/history/types'
+import type { HistoryEntryDto, HistoryEntryPutDto, HistoryEntryUpdateDto } from './types'
 
 export const historyEntryDtoToHistoryEntry = (entryDto: HistoryEntryDto): HistoryEntry => {
   return {

src/api/history/index.ts

@@ -5,7 +5,7 @@
  */
 
 import { defaultFetchConfig, expectResponseCode, getApiUrl } from '../utils'
-import { HistoryEntryDto, HistoryEntryPutDto, HistoryEntryUpdateDto } from './types'
+import type { HistoryEntryDto, HistoryEntryPutDto, HistoryEntryUpdateDto } from './types'
 
 export const getHistory = async (): Promise<HistoryEntryDto[]> => {
   const response = await fetch(getApiUrl() + 'me/history')

src/api/me/index.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { UserResponse } from '../users/types'
+import type { UserResponse } from '../users/types'
 import { defaultFetchConfig, expectResponseCode, getApiUrl } from '../utils'
 import { isMockMode } from '../../utils/test-modes'
 

src/api/media/index.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { ImageProxyResponse } from '../../components/markdown-renderer/replace-components/image/types'
+import type { ImageProxyResponse } from '../../components/markdown-renderer/replace-components/image/types'
 import { isMockMode } from '../../utils/test-modes'
 import { defaultFetchConfig, expectResponseCode, getApiUrl } from '../utils'
 

src/api/notes/index.ts

@@ -5,7 +5,7 @@
  */
 
 import { defaultFetchConfig, expectResponseCode, getApiUrl } from '../utils'
-import { NoteDto } from './types'
+import type { NoteDto } from './types'
 import { isMockMode } from '../../utils/test-modes'
 
 export const getNote = async (noteId: string): Promise<NoteDto> => {

src/api/notes/types.d.ts

@@ -4,8 +4,8 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { UserInfoDto } from '../users/types'
-import { GroupInfoDto } from '../group/types'
+import type { UserInfoDto } from '../users/types'
+import type { GroupInfoDto } from '../group/types'
 
 export interface NoteDto {
   content: string

src/api/revisions/index.ts

@@ -6,7 +6,7 @@
 
 import { Cache } from '../../components/common/cache/cache'
 import { defaultFetchConfig, expectResponseCode, getApiUrl } from '../utils'
-import { Revision, RevisionListEntry } from './types'
+import type { Revision, RevisionListEntry } from './types'
 
 const revisionCache = new Cache<string, Revision>(3600)
 

src/api/tokens/index.ts

@@ -5,7 +5,7 @@
  */
 
 import { defaultFetchConfig, expectResponseCode, getApiUrl } from '../utils'
-import { AccessToken, AccessTokenSecret } from './types'
+import type { AccessToken, AccessTokenSecret } from './types'
 
 export const getAccessTokenList = async (): Promise<AccessToken[]> => {
   const response = await fetch(`${getApiUrl()}tokens`, {

src/api/users/index.ts

@@ -6,7 +6,7 @@
 
 import { Cache } from '../../components/common/cache/cache'
 import { defaultFetchConfig, expectResponseCode, getApiUrl } from '../utils'
-import { UserResponse } from './types'
+import type { UserResponse } from './types'
 
 const cache = new Cache<string, UserResponse>(600)
 

src/api/users/types.d.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { LoginProvider } from '../../redux/user/types'
+import type { LoginProvider } from '../../redux/user/types'
 
 export interface UserResponse {
   id: string

src/components/application-loader/application-loader.tsx

@@ -7,7 +7,8 @@
 import React, { Suspense, useCallback, useEffect, useState } from 'react'
 import { useBackendBaseUrl } from '../../hooks/common/use-backend-base-url'
 import './application-loader.scss'
-import { createSetUpTaskList, InitTask } from './initializers'
+import type { InitTask } from './initializers'
+import { createSetUpTaskList } from './initializers'
 import { LoadingScreen } from './loading-screen'
 import { useCustomizeAssetsUrl } from '../../hooks/common/use-customize-assets-url'
 import { useFrontendAssetsUrl } from '../../hooks/common/use-frontend-assets-url'

src/components/application-loader/initializers/i18n/i18n.ts

@@ -4,7 +4,8 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import i18n, { ResourceKey } from 'i18next'
+import type { ResourceKey } from 'i18next'
+import i18n from 'i18next'
 import LanguageDetector from 'i18next-browser-languagedetector'
 import resourcesToBackend from 'i18next-resources-to-backend'
 import { Settings } from 'luxon'

src/components/common/copyable/copy-overlay.tsx

@@ -4,7 +4,8 @@
  SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import React, { RefObject, useCallback, useEffect, useState } from 'react'
+import type { RefObject } from 'react'
+import React, { useCallback, useEffect, useState } from 'react'
 import { Overlay, Tooltip } from 'react-bootstrap'
 import { Trans, useTranslation } from 'react-i18next'
 import { v4 as uuid } from 'uuid'

src/components/common/copyable/copy-to-clipboard-button/copy-to-clipboard-button.tsx

@@ -6,7 +6,7 @@
 
 import React, { Fragment, useRef } from 'react'
 import { Button } from 'react-bootstrap'
-import { Variant } from 'react-bootstrap/types'
+import type { Variant } from 'react-bootstrap/types'
 import { useTranslation } from 'react-i18next'
 import { ForkAwesomeIcon } from '../../fork-awesome/fork-awesome-icon'
 import { CopyOverlay } from '../copy-overlay'

src/components/common/fork-awesome/fork-awesome-icon.tsx

@@ -5,7 +5,7 @@
  */
 
 import React from 'react'
-import { IconName, IconSize } from './types'
+import type { IconName, IconSize } from './types'
 
 export interface ForkAwesomeIconProps {
   icon: IconName

src/components/common/fork-awesome/fork-awesome-stack.tsx

@@ -4,9 +4,11 @@
  SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import React, { ReactElement } from 'react'
-import { ForkAwesomeIcon, ForkAwesomeIconProps } from './fork-awesome-icon'
-import { IconSize } from './types'
+import type { ReactElement } from 'react'
+import React from 'react'
+import type { ForkAwesomeIconProps } from './fork-awesome-icon'
+import { ForkAwesomeIcon } from './fork-awesome-icon'
+import type { IconSize } from './types'
 
 export interface ForkAwesomeStackProps {
   size?: IconSize

src/components/common/fork-awesome/types.d.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { ForkAwesomeIcons } from './fork-awesome-icons'
+import type { ForkAwesomeIcons } from './fork-awesome-icons'
 
 export type IconName = typeof ForkAwesomeIcons[number]
 export type IconSize = '2x' | '3x' | '4x' | '5x'

src/components/common/icon-button/icon-button.tsx

@@ -5,9 +5,10 @@
  */
 
 import React from 'react'
-import { Button, ButtonProps } from 'react-bootstrap'
+import type { ButtonProps } from 'react-bootstrap'
+import { Button } from 'react-bootstrap'
 import { ForkAwesomeIcon } from '../fork-awesome/fork-awesome-icon'
-import { IconName } from '../fork-awesome/types'
+import type { IconName } from '../fork-awesome/types'
 import { ShowIf } from '../show-if/show-if'
 import './icon-button.scss'
 

src/components/common/icon-button/translated-icon-button.tsx

@@ -6,7 +6,8 @@
 
 import React from 'react'
 import { Trans } from 'react-i18next'
-import { IconButton, IconButtonProps } from './icon-button'
+import type { IconButtonProps } from './icon-button'
+import { IconButton } from './icon-button'
 
 export interface TranslatedIconButtonProps extends IconButtonProps {
   i18nKey: string

src/components/common/links/external-link.tsx

@@ -6,9 +6,9 @@
 
 import React from 'react'
 import { ForkAwesomeIcon } from '../fork-awesome/fork-awesome-icon'
-import { IconName } from '../fork-awesome/types'
+import type { IconName } from '../fork-awesome/types'
 import { ShowIf } from '../show-if/show-if'
-import { LinkWithTextProps } from './types'
+import type { LinkWithTextProps } from './types'
 
 export const ExternalLink: React.FC<LinkWithTextProps> = ({
   href,

src/components/common/links/internal-link.tsx

@@ -7,9 +7,9 @@
 import React from 'react'
 import { Link } from 'react-router-dom'
 import { ForkAwesomeIcon } from '../fork-awesome/fork-awesome-icon'
-import { IconName } from '../fork-awesome/types'
+import type { IconName } from '../fork-awesome/types'
 import { ShowIf } from '../show-if/show-if'
-import { LinkWithTextProps } from './types'
+import type { LinkWithTextProps } from './types'
 
 export const InternalLink: React.FC<LinkWithTextProps> = ({
   href,

src/components/common/links/translated-external-link.tsx

@@ -7,7 +7,7 @@
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { ExternalLink } from './external-link'
-import { TranslatedLinkProps } from './types'
+import type { TranslatedLinkProps } from './types'
 
 export const TranslatedExternalLink: React.FC<TranslatedLinkProps> = ({ i18nKey, i18nOption, ...props }) => {
   const { t } = useTranslation()

src/components/common/links/translated-internal-link.tsx

@@ -7,7 +7,7 @@
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { InternalLink } from './internal-link'
-import { TranslatedLinkProps } from './types'
+import type { TranslatedLinkProps } from './types'
 
 export const TranslatedInternalLink: React.FC<TranslatedLinkProps> = ({ i18nKey, i18nOption, ...props }) => {
   const { t } = useTranslation()

src/components/common/links/types.d.ts

@@ -4,8 +4,8 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { StringMap, TOptionsBase } from 'i18next'
-import { IconName } from '../fork-awesome/fork-awesome-icon'
+import type { StringMap, TOptionsBase } from 'i18next'
+import type { IconName } from '../fork-awesome/fork-awesome-icon'
 
 interface GeneralLinkProp {
   href: string

src/components/common/modals/common-modal.tsx

@@ -8,7 +8,7 @@ import React from 'react'
 import { Modal } from 'react-bootstrap'
 import { Trans, useTranslation } from 'react-i18next'
 import { ForkAwesomeIcon } from '../fork-awesome/fork-awesome-icon'
-import { IconName } from '../fork-awesome/types'
+import type { IconName } from '../fork-awesome/types'
 import { ShowIf } from '../show-if/show-if'
 
 export interface CommonModalProps {

src/components/common/modals/deletion-modal.tsx

@@ -7,7 +7,8 @@
 import React from 'react'
 import { Button, Modal } from 'react-bootstrap'
 import { Trans, useTranslation } from 'react-i18next'
-import { CommonModal, CommonModalProps } from './common-modal'
+import type { CommonModalProps } from './common-modal'
+import { CommonModal } from './common-modal'
 
 export interface DeletionModalProps extends CommonModalProps {
   onConfirm: () => void

src/components/common/modals/error-modal.tsx

@@ -6,7 +6,8 @@
 
 import React from 'react'
 import { Modal } from 'react-bootstrap'
-import { CommonModal, CommonModalProps } from './common-modal'
+import type { CommonModalProps } from './common-modal'
+import { CommonModal } from './common-modal'
 
 export const ErrorModal: React.FC<CommonModalProps> = ({ show, onHide, titleI18nKey, icon, children }) => {
   return (

src/components/common/note-frontmatter/extract-frontmatter.test.ts

@@ -5,7 +5,7 @@
  */
 
 import { extractFrontmatter } from './extract-frontmatter'
-import { PresentFrontmatterExtractionResult } from './types'
+import type { PresentFrontmatterExtractionResult } from './types'
 
 describe('frontmatter extraction', () => {
   describe('isPresent property', () => {

src/components/common/note-frontmatter/extract-frontmatter.ts

@@ -3,7 +3,7 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import { FrontmatterExtractionResult } from './types'
+import type { FrontmatterExtractionResult } from './types'
 
 const FRONTMATTER_BEGIN_REGEX = /^-{3,}$/
 const FRONTMATTER_END_REGEX = /^(?:-{3,}|\.{3,})$/

src/components/common/note-frontmatter/note-frontmatter.ts

@@ -6,7 +6,8 @@
 
 // import { RevealOptions } from 'reveal.js'
 import { load } from 'js-yaml'
-import { ISO6391, NoteTextDirection, NoteType, RawNoteFrontmatter, SlideOptions } from './types'
+import type { RawNoteFrontmatter, SlideOptions } from './types'
+import { ISO6391, NoteTextDirection, NoteType } from './types'
 import { initialSlideOptions } from '../../../redux/note-details/initial-state'
 
 /**

src/components/common/note-frontmatter/types.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { RevealOptions } from 'reveal.js'
+import type { RevealOptions } from 'reveal.js'
 
 export type FrontmatterExtractionResult = PresentFrontmatterExtractionResult | NonPresentFrontmatterExtractionResult
 

src/components/common/routing/note-direct-link-redirector.tsx

@@ -9,7 +9,7 @@ import { Redirect } from 'react-router'
 import { useParams } from 'react-router-dom'
 import { getNote } from '../../../api/notes'
 import { NotFoundErrorScreen } from './not-found-error-screen'
-import { NoteDto } from '../../../api/notes/types'
+import type { NoteDto } from '../../../api/notes/types'
 
 interface RouteParameters {
   id: string

src/components/document-read-only-page/ErrorWhileLoadingNoteAlert.tsx

@@ -8,7 +8,7 @@ import React from 'react'
 import { Alert } from 'react-bootstrap'
 import { Trans, useTranslation } from 'react-i18next'
 import { ShowIf } from '../common/show-if/show-if'
-import { SimpleAlertProps } from '../common/simple-alert/simple-alert-props'
+import type { SimpleAlertProps } from '../common/simple-alert/simple-alert-props'
 
 export const ErrorWhileLoadingNoteAlert: React.FC<SimpleAlertProps> = ({ show }) => {
   useTranslation()

src/components/document-read-only-page/LoadingNoteAlert.tsx

@@ -8,7 +8,7 @@ import React from 'react'
 import { Alert } from 'react-bootstrap'
 import { Trans } from 'react-i18next'
 import { ShowIf } from '../common/show-if/show-if'
-import { SimpleAlertProps } from '../common/simple-alert/simple-alert-props'
+import type { SimpleAlertProps } from '../common/simple-alert/simple-alert-props'
 
 export const LoadingNoteAlert: React.FC<SimpleAlertProps> = ({ show }) => {
   return (

src/components/document-read-only-page/document-infobar.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { DateTime } from 'luxon'
+import type { DateTime } from 'luxon'
 import React from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { InternalLink } from '../common/links/internal-link'

src/components/editor-page/app-bar/read-only-mode-button.tsx

@@ -10,7 +10,7 @@ import { ForkAwesomeIcon } from '../../common/fork-awesome/fork-awesome-icon'
 import { Link } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router'
-import { EditorPagePathParams } from '../editor-page'
+import type { EditorPagePathParams } from '../editor-page'
 
 export const ReadOnlyModeButton: React.FC = () => {
   const { t } = useTranslation()

src/components/editor-page/app-bar/slide-mode-button.tsx

@@ -10,7 +10,7 @@ import { ForkAwesomeIcon } from '../../common/fork-awesome/fork-awesome-icon'
 import { Link } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router'
-import { EditorPagePathParams } from '../editor-page'
+import type { EditorPagePathParams } from '../editor-page'
 
 export const SlideModeButton: React.FC = () => {
   const { t } = useTranslation()

src/components/editor-page/document-bar/document-info/document-info-line-word-count.tsx

@@ -10,10 +10,8 @@ import { ShowIf } from '../../../common/show-if/show-if'
 import { DocumentInfoLine } from './document-info-line'
 import { UnitalicBoldText } from './unitalic-bold-text'
 import { useEditorToRendererCommunicator } from '../../render-context/editor-to-renderer-communicator-context-provider'
-import {
-  CommunicationMessageType,
-  OnWordCountCalculatedMessage
-} from '../../../render-page/window-post-message-communicator/rendering-message'
+import type { OnWordCountCalculatedMessage } from '../../../render-page/window-post-message-communicator/rendering-message'
+import { CommunicationMessageType } from '../../../render-page/window-post-message-communicator/rendering-message'
 import { useEditorReceiveHandler } from '../../../render-page/window-post-message-communicator/hooks/use-editor-receive-handler'
 import { useEffectOnRendererReady } from '../../../render-page/window-post-message-communicator/hooks/use-effect-on-renderer-ready'
 

src/components/editor-page/document-bar/document-info/document-info-line.tsx

@@ -6,7 +6,7 @@
 
 import React from 'react'
 import { ForkAwesomeIcon } from '../../../common/fork-awesome/fork-awesome-icon'
-import { IconName } from '../../../common/fork-awesome/types'
+import type { IconName } from '../../../common/fork-awesome/types'
 
 export interface DocumentInfoLineProps {
   icon: IconName

src/components/editor-page/document-bar/document-info/document-info-time-line.tsx

@@ -4,10 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { DateTime } from 'luxon'
+import type { DateTime } from 'luxon'
 import React from 'react'
 import { Trans, useTranslation } from 'react-i18next'
-import { IconName } from '../../../common/fork-awesome/types'
+import type { IconName } from '../../../common/fork-awesome/types'
 import { UserAvatar } from '../../../common/user-avatar/user-avatar'
 import { DocumentInfoLine } from './document-info-line'
 import { TimeFromNow } from './time-from-now'

src/components/editor-page/document-bar/document-info/time-from-now.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { DateTime } from 'luxon'
+import type { DateTime } from 'luxon'
 
 import React from 'react'
 

src/components/editor-page/document-bar/permissions/permission-list.tsx

@@ -4,11 +4,12 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import React, { ReactElement, useState } from 'react'
+import type { ReactElement } from 'react'
+import React, { useState } from 'react'
 import { Button, FormControl, InputGroup, ToggleButton, ToggleButtonGroup } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'
 import { ForkAwesomeIcon } from '../../../common/fork-awesome/fork-awesome-icon'
-import { Principal } from './permission-modal'
+import type { Principal } from './permission-modal'
 
 export interface PermissionListProps {
   list: Principal[]

src/components/editor-page/document-bar/permissions/permission-modal.tsx

@@ -10,7 +10,8 @@ import { Trans, useTranslation } from 'react-i18next'
 import { getUserById } from '../../../../api/users'
 import { CommonModal } from '../../../common/modals/common-modal'
 import { ShowIf } from '../../../common/show-if/show-if'
-import { UserAvatar, UserAvatarProps } from '../../../common/user-avatar/user-avatar'
+import type { UserAvatarProps } from '../../../common/user-avatar/user-avatar'
+import { UserAvatar } from '../../../common/user-avatar/user-avatar'
 import { GroupMode, PermissionGroupEntry } from './permission-group-entry'
 import { PermissionList } from './permission-list'
 

src/components/editor-page/document-bar/revisions/revision-modal-list-entry.tsx

@@ -8,8 +8,8 @@ import { DateTime } from 'luxon'
 import React from 'react'
 import { ListGroup } from 'react-bootstrap'
 import { Trans } from 'react-i18next'
-import { RevisionListEntry } from '../../../../api/revisions/types'
-import { UserResponse } from '../../../../api/users/types'
+import type { RevisionListEntry } from '../../../../api/revisions/types'
+import type { UserResponse } from '../../../../api/users/types'
 import { ForkAwesomeIcon } from '../../../common/fork-awesome/fork-awesome-icon'
 import { UserAvatar } from '../../../common/user-avatar/user-avatar'
 

src/components/editor-page/document-bar/revisions/revision-modal.tsx

@@ -10,8 +10,8 @@ import ReactDiffViewer, { DiffMethod } from 'react-diff-viewer'
 import { Trans, useTranslation } from 'react-i18next'
 import { useParams } from 'react-router'
 import { getAllRevisions, getRevision } from '../../../../api/revisions'
-import { Revision, RevisionListEntry } from '../../../../api/revisions/types'
-import { UserResponse } from '../../../../api/users/types'
+import type { Revision, RevisionListEntry } from '../../../../api/revisions/types'
+import type { UserResponse } from '../../../../api/users/types'
 import { useIsDarkModeActivated } from '../../../../hooks/common/use-is-dark-mode-activated'
 import { useNoteMarkdownContent } from '../../../../hooks/common/use-note-markdown-content'
 import { CommonModal } from '../../../common/modals/common-modal'

src/components/editor-page/document-bar/revisions/utils.ts

@@ -4,9 +4,9 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Revision } from '../../../../api/revisions/types'
+import type { Revision } from '../../../../api/revisions/types'
 import { getUserById } from '../../../../api/users'
-import { UserResponse } from '../../../../api/users/types'
+import type { UserResponse } from '../../../../api/users/types'
 import { download } from '../../../common/download/download'
 import { Logger } from '../../../../utils/logger'
 

src/components/editor-page/document-bar/share/share-modal.tsx

@@ -12,7 +12,7 @@ import { useFrontendBaseUrl } from '../../../../hooks/common/use-frontend-base-u
 import { CopyableField } from '../../../common/copyable/copyable-field/copyable-field'
 import { CommonModal } from '../../../common/modals/common-modal'
 import { ShowIf } from '../../../common/show-if/show-if'
-import { EditorPagePathParams } from '../../editor-page'
+import type { EditorPagePathParams } from '../../editor-page'
 import { NoteType } from '../../../common/note-frontmatter/types'
 import { useApplicationState } from '../../../../hooks/common/use-application-state'
 

src/components/editor-page/editor-document-renderer/editor-document-renderer.tsx

@@ -5,7 +5,8 @@
  */
 
 import React from 'react'
-import { RenderIframe, RenderIframeProps } from '../renderer-pane/render-iframe'
+import type { RenderIframeProps } from '../renderer-pane/render-iframe'
+import { RenderIframe } from '../renderer-pane/render-iframe'
 import { useNoteMarkdownContentWithoutFrontmatter } from '../../../hooks/common/use-note-markdown-content-without-frontmatter'
 import { useSendFrontmatterInfoFromReduxToRenderer } from '../renderer-pane/hooks/use-send-frontmatter-info-from-redux-to-renderer'
 

src/components/editor-page/editor-page.tsx

@@ -20,7 +20,7 @@ import { useLoadNoteFromServer } from './hooks/useLoadNoteFromServer'
 import { useViewModeShortcuts } from './hooks/useViewModeShortcuts'
 import { Sidebar } from './sidebar/sidebar'
 import { Splitter } from './splitter/splitter'
-import { DualScrollState, ScrollState } from './synced-scroll/scroll-props'
+import type { DualScrollState, ScrollState } from './synced-scroll/scroll-props'
 import { RendererType } from '../render-page/window-post-message-communicator/rendering-message'
 import { useEditorModeFromUrl } from './hooks/useEditorModeFromUrl'
 import { UiNotifications } from '../notifications/ui-notifications'

src/components/editor-page/editor-pane/autocompletion/code-block.ts

@@ -4,8 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
-import { findWordAtCursor, generateHintListByPrefix, Hinter } from './index'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
+import type { Hinter } from './index'
+import { findWordAtCursor, generateHintListByPrefix } from './index'
 import { showErrorNotification } from '../../../../redux/ui-notifications/methods'
 import { Logger } from '../../../../utils/logger'
 

src/components/editor-page/editor-pane/autocompletion/collapsable-block.ts

@@ -4,8 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
-import { findWordAtCursor, Hinter } from './index'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
+import type { Hinter } from './index'
+import { findWordAtCursor } from './index'
 
 const wordRegExp = /^(<d(?:e|et|eta|etai|etail|etails)?)$/
 

src/components/editor-page/editor-pane/autocompletion/container.ts

@@ -4,9 +4,11 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
 import { validAlertLevels } from '../../../markdown-renderer/markdown-it-plugins/alert-container'
-import { findWordAtCursor, Hinter } from './index'
+import type { Hinter } from './index'
+import { findWordAtCursor } from './index'
 
 const wordRegExp = /^:::((?:\w|-|\+)*)$/
 const spoilerSuggestion: Hint = {

src/components/editor-page/editor-pane/autocompletion/emoji.ts

@@ -4,12 +4,14 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
 import Database from 'emoji-picker-element/database'
-import { Emoji, EmojiClickEventDetail, NativeEmoji } from 'emoji-picker-element/shared'
+import type { Emoji, EmojiClickEventDetail, NativeEmoji } from 'emoji-picker-element/shared'
 import { emojiPickerConfig } from '../tool-bar/emoji-picker/emoji-picker'
 import { getEmojiIcon, getEmojiShortCode } from '../tool-bar/utils/emojiUtils'
-import { findWordAtCursor, Hinter } from './index'
+import type { Hinter } from './index'
+import { findWordAtCursor } from './index'
 import { Logger } from '../../../../utils/logger'
 
 const emojiIndex = new Database(emojiPickerConfig)

src/components/editor-page/editor-pane/autocompletion/header.ts

@@ -4,8 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
-import { findWordAtCursor, generateHintListByPrefix, Hinter } from './index'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
+import type { Hinter } from './index'
+import { findWordAtCursor, generateHintListByPrefix } from './index'
 
 const wordRegExp = /^(\s{0,3})(#{1,6})$/
 const allSupportedHeaders = ['# h1', '## h2', '### h3', '#### h4', '##### h5', '###### h6', '###### tags: `example`']

src/components/editor-page/editor-pane/autocompletion/image.ts

@@ -4,8 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
-import { findWordAtCursor, Hinter } from './index'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
+import type { Hinter } from './index'
+import { findWordAtCursor } from './index'
 
 const wordRegExp = /^(!(\[.*])?)$/
 const allSupportedImages = [

src/components/editor-page/editor-pane/autocompletion/index.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hints } from 'codemirror'
+import type { Editor, Hints } from 'codemirror'
 import { CodeBlockHinter } from './code-block'
 import { CollapsableBlockHinter } from './collapsable-block'
 import { ContainerHinter } from './container'

src/components/editor-page/editor-pane/autocompletion/link-and-extra-tag.ts

@@ -4,9 +4,11 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
 import { DateTime } from 'luxon'
-import { findWordAtCursor, Hinter } from './index'
+import type { Hinter } from './index'
+import { findWordAtCursor } from './index'
 import { store } from '../../../../redux'
 
 const wordRegExp = /^(\[(.*])?)$/

src/components/editor-page/editor-pane/autocompletion/pdf.ts

@@ -4,8 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
-import { findWordAtCursor, Hinter } from './index'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
+import type { Hinter } from './index'
+import { findWordAtCursor } from './index'
 
 const wordRegExp = /^({[%}]?)$/
 

src/components/editor-page/editor-pane/editor-pane.tsx

@@ -4,14 +4,15 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, EditorChange } from 'codemirror'
+import type { Editor, EditorChange } from 'codemirror'
 import React, { useCallback, useRef, useState } from 'react'
 import { Controlled as ControlledCodeMirror } from 'react-codemirror2'
 import { MaxLengthWarningModal } from '../editor-modals/max-length-warning-modal'
-import { ScrollProps } from '../synced-scroll/scroll-props'
+import type { ScrollProps } from '../synced-scroll/scroll-props'
 import { allHinters, findWordAtCursor } from './autocompletion'
 import './editor-pane.scss'
-import { createStatusInfo, defaultState, StatusBar, StatusBarInfo } from './status-bar/status-bar'
+import type { StatusBarInfo } from './status-bar/status-bar'
+import { createStatusInfo, defaultState, StatusBar } from './status-bar/status-bar'
 import { ToolBar } from './tool-bar/tool-bar'
 import { useApplicationState } from '../../../hooks/common/use-application-state'
 import './codemirror-imports'

src/components/editor-page/editor-pane/hooks/use-apply-scroll-state.ts

@@ -5,8 +5,8 @@
  */
 
 import { useEffect, useRef } from 'react'
-import { Editor } from 'codemirror'
-import { ScrollState } from '../../synced-scroll/scroll-props'
+import type { Editor } from 'codemirror'
+import type { ScrollState } from '../../synced-scroll/scroll-props'
 
 /**
  * Monitors the given scroll state and scrolls the editor to the state if changed.

src/components/editor-page/editor-pane/hooks/use-code-mirror-options.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { EditorConfiguration } from 'codemirror'
+import type { EditorConfiguration } from 'codemirror'
 import { useMemo } from 'react'
 import { defaultKeyMap } from '../key-map'
 import { useApplicationState } from '../../../../hooks/common/use-application-state'

src/components/editor-page/editor-pane/hooks/use-on-editor-file-drop.ts

@@ -5,9 +5,9 @@
  */
 
 import { useCallback } from 'react'
-import { Editor } from 'codemirror'
+import type { Editor } from 'codemirror'
 import { handleUpload } from '../upload-handler'
-import { DomEvent } from 'react-codemirror2'
+import type { DomEvent } from 'react-codemirror2'
 
 interface DropEvent {
   pageX: number

src/components/editor-page/editor-pane/hooks/use-on-editor-paste-callback.ts

@@ -5,10 +5,11 @@
  */
 
 import { useCallback } from 'react'
-import { Editor } from 'codemirror'
-import { handleFilePaste, handleTablePaste, PasteEvent } from '../tool-bar/utils/pasteHandlers'
+import type { Editor } from 'codemirror'
+import type { PasteEvent } from '../tool-bar/utils/pasteHandlers'
+import { handleFilePaste, handleTablePaste } from '../tool-bar/utils/pasteHandlers'
 import { useApplicationState } from '../../../../hooks/common/use-application-state'
-import { DomEvent } from 'react-codemirror2'
+import type { DomEvent } from 'react-codemirror2'
 
 /**
  * Creates a callback that handles the table or file paste action in code mirror.

src/components/editor-page/editor-pane/hooks/use-on-editor-scroll.ts

@@ -4,10 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { DomEvent } from 'react-codemirror2'
+import type { DomEvent } from 'react-codemirror2'
 import { useCallback, useEffect, useState } from 'react'
-import { Editor, ScrollInfo } from 'codemirror'
-import { ScrollState } from '../../synced-scroll/scroll-props'
+import type { Editor, ScrollInfo } from 'codemirror'
+import type { ScrollState } from '../../synced-scroll/scroll-props'
 
 /**
  * Creates a callback for the scroll binding of the code mirror editor.

src/components/editor-page/editor-pane/key-map.ts

@@ -4,7 +4,8 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import CodeMirror, { Editor, KeyMap, Pass } from 'codemirror'
+import type { Editor, KeyMap, Pass } from 'codemirror'
+import CodeMirror from 'codemirror'
 import { isMac } from '../utils'
 import {
   addLink,

src/components/editor-page/editor-pane/status-bar/status-bar.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Position } from 'codemirror'
+import type { Editor, Position } from 'codemirror'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { ShowIf } from '../../../common/show-if/show-if'

src/components/editor-page/editor-pane/tool-bar/editor-preferences/editor-preference-boolean-property.tsx

@@ -4,12 +4,13 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { EditorConfiguration } from 'codemirror'
-import React, { ChangeEvent, useCallback } from 'react'
+import type { EditorConfiguration } from 'codemirror'
+import type { ChangeEvent } from 'react'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { mergeEditorPreferences } from '../../../../../redux/editor/methods'
 import { EditorPreferenceInput, EditorPreferenceInputType } from './editor-preference-input'
-import { EditorPreferenceProperty } from './editor-preference-property'
+import type { EditorPreferenceProperty } from './editor-preference-property'
 import { useApplicationState } from '../../../../../hooks/common/use-application-state'
 
 export interface EditorPreferenceBooleanProps {

src/components/editor-page/editor-pane/tool-bar/editor-preferences/editor-preference-ligatures-select.tsx

@@ -3,7 +3,8 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import React, { ChangeEvent, useCallback } from 'react'
+import type { ChangeEvent } from 'react'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { setEditorLigatures } from '../../../../../redux/editor/methods'
 import { EditorPreferenceInput, EditorPreferenceInputType } from './editor-preference-input'

src/components/editor-page/editor-pane/tool-bar/editor-preferences/editor-preference-number-property.tsx

@@ -4,11 +4,12 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { EditorConfiguration } from 'codemirror'
-import React, { ChangeEvent, useCallback } from 'react'
+import type { EditorConfiguration } from 'codemirror'
+import type { ChangeEvent } from 'react'
+import React, { useCallback } from 'react'
 import { mergeEditorPreferences } from '../../../../../redux/editor/methods'
 import { EditorPreferenceInput, EditorPreferenceInputType } from './editor-preference-input'
-import { EditorPreferenceProperty } from './editor-preference-property'
+import type { EditorPreferenceProperty } from './editor-preference-property'
 import { useApplicationState } from '../../../../../hooks/common/use-application-state'
 
 export interface EditorPreferenceNumberProps {

src/components/editor-page/editor-pane/tool-bar/editor-preferences/editor-preference-select-property.tsx

@@ -4,12 +4,13 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { EditorConfiguration } from 'codemirror'
-import React, { ChangeEvent, useCallback } from 'react'
+import type { EditorConfiguration } from 'codemirror'
+import type { ChangeEvent } from 'react'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { mergeEditorPreferences } from '../../../../../redux/editor/methods'
 import { EditorPreferenceInput, EditorPreferenceInputType } from './editor-preference-input'
-import { EditorPreferenceProperty } from './editor-preference-property'
+import type { EditorPreferenceProperty } from './editor-preference-property'
 import { useApplicationState } from '../../../../../hooks/common/use-application-state'
 
 export interface EditorPreferenceSelectPropertyProps {

src/components/editor-page/editor-pane/tool-bar/editor-preferences/editor-preference-smart-paste-select.tsx

@@ -3,7 +3,8 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import React, { ChangeEvent, useCallback } from 'react'
+import type { ChangeEvent } from 'react'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useApplicationState } from '../../../../../hooks/common/use-application-state'
 import { setEditorSmartPaste } from '../../../../../redux/editor/methods'

src/components/editor-page/editor-pane/tool-bar/emoji-picker/emoji-picker-button.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import CodeMirror from 'codemirror'
+import type CodeMirror from 'codemirror'
 import React, { Fragment, useState } from 'react'
 import { Button } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'

src/components/editor-page/editor-pane/tool-bar/emoji-picker/emoji-picker.tsx

@@ -5,7 +5,7 @@
  */
 
 import { Picker } from 'emoji-picker-element'
-import { CustomEmoji, EmojiClickEvent, EmojiClickEventDetail } from 'emoji-picker-element/shared'
+import type { CustomEmoji, EmojiClickEvent, EmojiClickEventDetail } from 'emoji-picker-element/shared'
 import React, { useEffect, useRef } from 'react'
 import { useClickAway } from 'react-use'
 import { useIsDarkModeActivated } from '../../../../../hooks/common/use-is-dark-mode-activated'

src/components/editor-page/editor-pane/tool-bar/table-picker/custom-table-size-modal.tsx

@@ -9,7 +9,7 @@ import { Button, Form, ModalFooter } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'
 import { ForkAwesomeIcon } from '../../../../common/fork-awesome/fork-awesome-icon'
 import { CommonModal } from '../../../../common/modals/common-modal'
-import { TableSize } from './table-picker'
+import type { TableSize } from './table-picker'
 
 export interface CustomTableSizeModalProps {
   showModal: boolean

src/components/editor-page/editor-pane/tool-bar/table-picker/table-picker-button.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import CodeMirror from 'codemirror'
+import type CodeMirror from 'codemirror'
 import React, { Fragment, useState } from 'react'
 import { Button } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'

src/components/editor-page/editor-pane/tool-bar/tool-bar.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor } from 'codemirror'
+import type { Editor } from 'codemirror'
 import React from 'react'
 import { Button, ButtonGroup, ButtonToolbar } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'

src/components/editor-page/editor-pane/tool-bar/upload-image-button.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor } from 'codemirror'
+import type { Editor } from 'codemirror'
 import React, { Fragment, useCallback, useRef } from 'react'
 import { Button } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'

src/components/editor-page/editor-pane/tool-bar/utils/codefenceDetection.test.ts

@@ -5,7 +5,7 @@
  */
 
 import { Mock } from 'ts-mockery'
-import { Editor } from 'codemirror'
+import type { Editor } from 'codemirror'
 import { isCursorInCodefence } from './codefenceDetection'
 
 Mock.configure('jest')

src/components/editor-page/editor-pane/tool-bar/utils/codefenceDetection.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor } from 'codemirror'
+import type { Editor } from 'codemirror'
 
 export const isCursorInCodefence = (editor: Editor): boolean => {
   const currentLine = editor.getCursor().line

src/components/editor-page/editor-pane/tool-bar/utils/emojiUtils.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { EmojiClickEventDetail, NativeEmoji } from 'emoji-picker-element/shared'
+import type { EmojiClickEventDetail, NativeEmoji } from 'emoji-picker-element/shared'
 
 export const getEmojiIcon = (emoji: EmojiClickEventDetail): string => {
   if (emoji.unicode) {

src/components/editor-page/editor-pane/tool-bar/utils/pasteHandlers.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor } from 'codemirror'
+import type { Editor } from 'codemirror'
 import { convertClipboardTableToMarkdown, isTable } from '../../table-extractor'
 import { handleUpload } from '../../upload-handler'
 import { insertAtCursor } from './toolbarButtonUtils'

src/components/editor-page/editor-pane/tool-bar/utils/toolbarButtonUtils.test.ts

@@ -4,8 +4,9 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import CodeMirror, { Editor, Position, Range } from 'codemirror'
-import { EmojiClickEventDetail } from 'emoji-picker-element/shared'
+import type { Editor, Position, Range } from 'codemirror'
+import type CodeMirror from 'codemirror'
+import type { EmojiClickEventDetail } from 'emoji-picker-element/shared'
 import { Mock } from 'ts-mockery'
 import {
   addCodeFences,

src/components/editor-page/editor-pane/tool-bar/utils/toolbarButtonUtils.ts

@@ -4,8 +4,8 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor } from 'codemirror'
-import { EmojiClickEventDetail } from 'emoji-picker-element/shared'
+import type { Editor } from 'codemirror'
+import type { EmojiClickEventDetail } from 'emoji-picker-element/shared'
 import { createNumberRangeArray } from '../../../../common/number-range/number-range'
 import { getEmojiShortCode } from './emojiUtils'
 

src/components/editor-page/editor-pane/upload-handler.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor } from 'codemirror'
+import type { Editor } from 'codemirror'
 import i18n from 'i18next'
 import { uploadFile } from '../../../api/media'
 import { store } from '../../../redux'

src/components/editor-page/hooks/useLoadNoteFromServer.ts

@@ -8,7 +8,7 @@ import { useEffect, useState } from 'react'
 import { useParams } from 'react-router'
 import { getNote } from '../../../api/notes'
 import { setNoteDataFromServer } from '../../../redux/note-details/methods'
-import { EditorPagePathParams } from '../editor-page'
+import type { EditorPagePathParams } from '../editor-page'
 import { Logger } from '../../../utils/logger'
 
 const log = new Logger('Load Note From Server')

src/components/editor-page/hooks/useUpdateLocalHistoryEntry.ts

@@ -8,8 +8,9 @@ import equal from 'fast-deep-equal'
 import { useEffect, useRef } from 'react'
 import { store } from '../../../redux'
 import { useParams } from 'react-router-dom'
-import { EditorPagePathParams } from '../editor-page'
-import { HistoryEntry, HistoryEntryOrigin } from '../../../redux/history/types'
+import type { EditorPagePathParams } from '../editor-page'
+import type { HistoryEntry } from '../../../redux/history/types'
+import { HistoryEntryOrigin } from '../../../redux/history/types'
 import { updateLocalHistoryEntry } from '../../../redux/history/methods'
 import { useApplicationState } from '../../../hooks/common/use-application-state'
 

src/components/editor-page/render-context/renderer-to-editor-communicator-context-provider.tsx

@@ -6,7 +6,7 @@
 
 import React, { createContext, useContext, useEffect, useMemo } from 'react'
 import { useSelector } from 'react-redux'
-import { ApplicationState } from '../../../redux'
+import type { ApplicationState } from '../../../redux'
 import { RendererToEditorCommunicator } from '../../render-page/window-post-message-communicator/renderer-to-editor-communicator'
 import { CommunicationMessageType } from '../../render-page/window-post-message-communicator/rendering-message'
 

src/components/editor-page/renderer-pane/communicator-image-lightbox.tsx

@@ -6,11 +6,11 @@
 
 import React, { useCallback, useState } from 'react'
 import { ImageLightboxModal } from '../../markdown-renderer/replace-components/image/image-lightbox-modal'
-import {
-  CommunicationMessageType,
+import type {
   ImageClickedMessage,
   ImageDetails
 } from '../../render-page/window-post-message-communicator/rendering-message'
+import { CommunicationMessageType } from '../../render-page/window-post-message-communicator/rendering-message'
 import { useEditorReceiveHandler } from '../../render-page/window-post-message-communicator/hooks/use-editor-receive-handler'
 
 export const CommunicatorImageLightbox: React.FC = () => {

src/components/editor-page/renderer-pane/hooks/use-effect-on-render-type-change.ts

@@ -5,7 +5,7 @@
  */
 
 import { useEffect, useRef } from 'react'
-import { RendererType } from '../../../render-page/window-post-message-communicator/rendering-message'
+import type { RendererType } from '../../../render-page/window-post-message-communicator/rendering-message'
 
 /**
  * Execute the given reload callback if the given render type changes.

src/components/editor-page/renderer-pane/hooks/use-force-render-page-url-on-iframe-load-callback.ts

@@ -4,7 +4,8 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { RefObject, useCallback, useEffect, useMemo, useRef } from 'react'
+import type { RefObject } from 'react'
+import { useCallback, useEffect, useMemo, useRef } from 'react'
 import { Logger } from '../../../../utils/logger'
 
 const log = new Logger('IframeLoader')

src/components/editor-page/renderer-pane/hooks/use-send-frontmatter-info-from-redux-to-renderer.ts

@@ -8,7 +8,7 @@ import { useSendToRenderer } from '../../../render-page/window-post-message-comm
 import { useMemo, useRef } from 'react'
 import { CommunicationMessageType } from '../../../render-page/window-post-message-communicator/rendering-message'
 import { useApplicationState } from '../../../../hooks/common/use-application-state'
-import { RendererFrontmatterInfo } from '../../../common/note-frontmatter/types'
+import type { RendererFrontmatterInfo } from '../../../common/note-frontmatter/types'
 import equal from 'fast-deep-equal'
 
 /**

src/components/editor-page/renderer-pane/hooks/use-send-scroll-state.ts

@@ -5,7 +5,7 @@
  */
 
 import { useCallback, useRef } from 'react'
-import { ScrollState } from '../../synced-scroll/scroll-props'
+import type { ScrollState } from '../../synced-scroll/scroll-props'
 import { CommunicationMessageType } from '../../../render-page/window-post-message-communicator/rendering-message'
 import { useEffectOnRendererReady } from '../../../render-page/window-post-message-communicator/hooks/use-effect-on-renderer-ready'
 import equal from 'fast-deep-equal'

src/components/editor-page/renderer-pane/render-iframe.tsx

@@ -5,15 +5,15 @@
  */
 import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'
 import { isTestMode } from '../../../utils/test-modes'
-import { RendererProps } from '../../render-page/markdown-document'
-import {
-  CommunicationMessageType,
+import type { RendererProps } from '../../render-page/markdown-document'
+import type {
   OnFirstHeadingChangeMessage,
   OnHeightChangeMessage,
   OnTaskCheckboxChangeMessage,
   RendererType,
   SetScrollStateMessage
 } from '../../render-page/window-post-message-communicator/rendering-message'
+import { CommunicationMessageType } from '../../render-page/window-post-message-communicator/rendering-message'
 import { useEditorToRendererCommunicator } from '../render-context/editor-to-renderer-communicator-context-provider'
 import { useForceRenderPageUrlOnIframeLoadCallback } from './hooks/use-force-render-page-url-on-iframe-load-callback'
 import { CommunicatorImageLightbox } from './communicator-image-lightbox'

src/components/editor-page/renderer-pane/yaml-array-deprecation-alert.tsx

@@ -10,7 +10,7 @@ import { Trans, useTranslation } from 'react-i18next'
 import links from '../../../links.json'
 import { TranslatedExternalLink } from '../../common/links/translated-external-link'
 import { ShowIf } from '../../common/show-if/show-if'
-import { CommonModalProps } from '../../common/modals/common-modal'
+import type { CommonModalProps } from '../../common/modals/common-modal'
 
 export const YamlArrayDeprecationAlert: React.FC<Partial<CommonModalProps>> = ({ show }) => {
   useTranslation()

src/components/editor-page/sidebar/delete-note-sidebar-entry.tsx

@@ -8,7 +8,7 @@ import React, { Fragment, useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { DeletionModal } from '../../common/modals/deletion-modal'
 import { SidebarButton } from './sidebar-button'
-import { SpecificSidebarEntryProps } from './types'
+import type { SpecificSidebarEntryProps } from './types'
 
 export const DeleteNoteSidebarEntry: React.FC<SpecificSidebarEntryProps> = ({ hide, className }) => {
   useTranslation()

src/components/editor-page/sidebar/document-info-sidebar-entry.tsx

@@ -8,7 +8,7 @@ import React, { Fragment, useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { DocumentInfoModal } from '../document-bar/document-info/document-info-modal'
 import { SidebarButton } from './sidebar-button'
-import { SpecificSidebarEntryProps } from './types'
+import type { SpecificSidebarEntryProps } from './types'
 
 export const DocumentInfoSidebarEntry: React.FC<SpecificSidebarEntryProps> = ({ className, hide }) => {
   const [showModal, setShowModal] = useState(false)

src/components/editor-page/sidebar/export-menu-sidebar-menu.tsx

@@ -10,7 +10,8 @@ import links from '../../../links.json'
 import { ExportMarkdownSidebarEntry } from './export-markdown-sidebar-entry'
 import { SidebarButton } from './sidebar-button'
 import { SidebarMenu } from './sidebar-menu'
-import { DocumentSidebarMenuSelection, SpecificSidebarMenuProps } from './types'
+import type { SpecificSidebarMenuProps } from './types'
+import { DocumentSidebarMenuSelection } from './types'
 
 export const ExportMenuSidebarMenu: React.FC<SpecificSidebarMenuProps> = ({
   className,

src/components/editor-page/sidebar/import-menu-sidebar-menu.tsx

@@ -9,7 +9,8 @@ import { Trans, useTranslation } from 'react-i18next'
 import { ImportMarkdownSidebarEntry } from './import-markdown-sidebar-entry'
 import { SidebarButton } from './sidebar-button'
 import { SidebarMenu } from './sidebar-menu'
-import { DocumentSidebarMenuSelection, SpecificSidebarMenuProps } from './types'
+import type { SpecificSidebarMenuProps } from './types'
+import { DocumentSidebarMenuSelection } from './types'
 
 export const ImportMenuSidebarMenu: React.FC<SpecificSidebarMenuProps> = ({
   className,