feat: consistent type imports

Author: d3m1d0v

.eslintrc

@@ -10,6 +10,10 @@
     "rules": {
         "lodash/import-scope": [2, "method"],
         "jsx-a11y/no-autofocus": "warn",
+        "@typescript-eslint/no-import-type-side-effects": "error",
+        "@typescript-eslint/consistent-type-imports": [2, {
+            "fixStyle": "inline-type-imports"
+        }],
         "@typescript-eslint/no-unused-vars": [2, {
             "argsIgnorePattern": "^_",
             "varsIgnorePattern": "^_",

demo/components/PMSelection.tsx

@@ -1,6 +1,6 @@
 import {useLayoutEffect} from 'react';
 
-import {EditorView} from 'prosemirror-view';
+import type {EditorView} from 'prosemirror-view';
 import {useEffectOnce, useUpdate} from 'react-use';
 
 import {

demo/components/Playground.tsx

@@ -1,4 +1,4 @@
-import {CSSProperties, memo, useCallback, useEffect, useState} from 'react';
+import {type CSSProperties, memo, useCallback, useEffect, useState} from 'react';
 
 import {defaultOptions} from '@diplodoc/transform/lib/sanitize';
 import {Button, DropdownMenu} from '@gravity-ui/uikit';
@@ -14,7 +14,7 @@ import {
     type RenderPreview,
     type ToolbarGroupData,
     type UseMarkdownEditorProps,
-    WysiwygPlaceholderOptions,
+    type WysiwygPlaceholderOptions,
     logger,
     useMarkdownEditor,
     wysiwygToolbarConfigs,
@@ -27,7 +27,7 @@ import {Mermaid} from '../../src/extensions/additional/Mermaid';
 import {YfmHtmlBlock} from '../../src/extensions/additional/YfmHtmlBlock';
 import {getSanitizeYfmHtmlBlock} from '../../src/extensions/additional/YfmHtmlBlock/utils';
 import type {CodeEditor} from '../../src/markup';
-import {ToolbarsPreset} from '../../src/modules/toolbars/types';
+import type {ToolbarsPreset} from '../../src/modules/toolbars/types';
 import {getPlugins} from '../defaults/md-plugins';
 import useYfmHtmlBlockStyles from '../hooks/useYfmHtmlBlockStyles';
 import {randomDelay} from '../utils/delay';

demo/components/PlaygroundMini.tsx

@@ -2,7 +2,7 @@ import {memo} from 'react';
 
 import {getInitialMd} from '../utils/getInitialMd';
 
-import {Playground, PlaygroundProps} from './Playground';
+import {Playground, type PlaygroundProps} from './Playground';
 
 export type PlaygroundMiniProps = Pick<
     PlaygroundProps,

demo/components/ProseMirrorDevTools.tsx

@@ -1,7 +1,7 @@
 import {useEffect, useLayoutEffect} from 'react';
 
 import {applyDevTools, removeDevTools} from 'prosemirror-dev-toolkit';
-import {EditorView} from 'prosemirror-view';
+import type {EditorView} from 'prosemirror-view';
 import {useEffectOnce, useUpdate} from 'react-use';
 
 import type {MarkdownEditorInstance} from '../../src';

demo/components/SplitModePreview.tsx

@@ -2,12 +2,13 @@ import {useEffect, useMemo, useRef, useState} from 'react';
 
 import transform from '@diplodoc/transform';
 import {useThemeValue} from '@gravity-ui/uikit';
+import type MarkdownIt from 'markdown-it';
 
-import {MarkupString, colorClassName} from '../../src';
+import {type MarkupString, colorClassName} from '../../src';
 import {debounce} from '../../src/lodash';
 import {YfmStaticView} from '../../src/view/components/YfmHtml';
 import {withLatex} from '../../src/view/hocs/withLatex';
-import {MermaidConfig, withMermaid} from '../../src/view/hocs/withMermaid';
+import {type MermaidConfig, withMermaid} from '../../src/view/hocs/withMermaid';
 import {withYfmHtmlBlock} from '../../src/view/hocs/withYfmHtml';
 import {LATEX_RUNTIME, MERMAID_RUNTIME, YFM_HTML_BLOCK_RUNTIME} from '../defaults/md-plugins';
 import useYfmHtmlBlockStyles from '../hooks/useYfmHtmlBlockStyles';
@@ -22,7 +23,7 @@ const Preview = withMermaid({runtime: MERMAID_RUNTIME})(
 );
 
 export type SplitModePreviewProps = {
-    plugins?: import('markdown-it').PluginSimple[];
+    plugins?: MarkdownIt.PluginSimple[];
     getValue: () => MarkupString;
     allowHTML?: boolean;
     breaks?: boolean;

demo/defaults/args.ts

@@ -1,6 +1,6 @@
-import {Meta} from '@storybook/react';
+import type {Meta} from '@storybook/react';
 
-import {PlaygroundMiniProps} from '../components/PlaygroundMini';
+import type {PlaygroundMiniProps} from '../components/PlaygroundMini';
 
 export const args: Meta<PlaygroundMiniProps>['args'] = {
     initialEditor: 'wysiwyg',

demo/hooks/useYfmHtmlBlockStyles.ts

@@ -1,6 +1,6 @@
 import {useEffect, useState} from 'react';
 
-import {IHTMLIFrameElementConfig} from '@diplodoc/html-extension/runtime';
+import type {IHTMLIFrameElementConfig} from '@diplodoc/html-extension/runtime';
 import {useThemeValue} from '@gravity-ui/uikit';
 
 import {getYfmHtmlBlockCssVariables} from '../../src/view/hocs/withYfmHtml/utils';

demo/stories/editor-in-editor/EditorInEditor.stories.tsx

@@ -1,4 +1,4 @@
-import {StoryObj} from '@storybook/react';
+import type {StoryObj} from '@storybook/react';
 
 import {EditorInEditor as component} from './EditorInEditor';
 

demo/stories/editor-in-editor/EditorInEditorExtension/index.tsx

@@ -1,8 +1,8 @@
-import {Node} from 'prosemirror-model';
-import {EditorView, NodeView} from 'prosemirror-view';
+import type {Node} from 'prosemirror-model';
+import type {EditorView, NodeView} from 'prosemirror-view';
 import {createPortal} from 'react-dom';
 
-import {ExtensionAuto, getReactRendererFromState} from '../../../../src';
+import {type ExtensionAuto, getReactRendererFromState} from '../../../../src';
 import {MarkdownEditorView, useMarkdownEditor} from '../../../../src/bundle';
 
 import './index.scss';