feat: add re-export from bundle to root export (#267)

Author: d3m1d0v

demo/PMSelection.tsx

@@ -3,11 +3,16 @@ import React from 'react';
 import {EditorView} from 'prosemirror-view';
 import {useEffectOnce, useUpdate} from 'react-use';
 
-import {type ClassNameProps, isNodeSelection, isTextSelection, isWholeSelection} from '../src';
-import type {Editor} from '../src/bundle';
+import {
+    type ClassNameProps,
+    type MarkdownEditorInstance,
+    isNodeSelection,
+    isTextSelection,
+    isWholeSelection,
+} from '../src';
 
 export type WysiwygSelectionProps = ClassNameProps & {
-    editor: Editor;
+    editor: MarkdownEditorInstance;
 };
 
 export function WysiwygSelection({editor, className}: WysiwygSelectionProps) {

demo/Playground.tsx

@@ -3,15 +3,17 @@ import React, {CSSProperties, useCallback, useEffect} from 'react';
 import {Button, DropdownMenu} from '@gravity-ui/uikit';
 import {toaster} from '@gravity-ui/uikit/toaster-singleton-react-18';
 
-import {MarkupString, logger} from '../src';
 import {
     MarkdownEditorMode,
     MarkdownEditorView,
+    MarkupString,
+    RenderPreview,
+    logger,
     markupToolbarConfigs,
     useMarkdownEditor,
     wysiwygToolbarConfigs,
-} from '../src/bundle';
-import {RenderPreview, ToolbarActionData} from '../src/bundle/Editor';
+} from '../src';
+import type {ToolbarActionData} from '../src/bundle/Editor';
 import {Math} from '../src/extensions/yfm/Math';
 import {Mermaid} from '../src/extensions/yfm/Mermaid';
 import {cloneDeep} from '../src/lodash';

demo/PresetDemo.tsx

@@ -2,14 +2,15 @@ import React, {CSSProperties, useCallback, useEffect} from 'react';
 
 import {toaster} from '@gravity-ui/uikit/toaster-singleton-react-18';
 
-import {MarkupString, logger} from '../src';
 import {
     MarkdownEditorMode,
     MarkdownEditorPreset,
     MarkdownEditorView,
+    MarkupString,
+    RenderPreview,
+    logger,
     useMarkdownEditor,
-} from '../src/bundle';
-import type {RenderPreview} from '../src/bundle/Editor';
+} from '../src';
 import type {FileUploadHandler} from '../src/utils/upload';
 import {VERSION} from '../src/version';
 

demo/ProseMirrorDevTools.tsx

@@ -4,10 +4,10 @@ import {applyDevTools, removeDevTools} from 'prosemirror-dev-toolkit';
 import {EditorView} from 'prosemirror-view';
 import {useEffectOnce, useUpdate} from 'react-use';
 
-import type {Editor} from '../src/bundle';
+import type {MarkdownEditorInstance} from '../src';
 
 export type WysiwygDevToolsProps = {
-    editor: Editor;
+    editor: MarkdownEditorInstance;
 };
 
 export function WysiwygDevTools({editor}: WysiwygDevToolsProps) {

demo/editor-in-editor/index.tsx

@@ -2,8 +2,7 @@ import React, {useEffect} from 'react';
 
 import {toaster} from '@gravity-ui/uikit/toaster-singleton-react-18';
 
-import {BaseNode} from '../../src';
-import {MarkdownEditorView, useMarkdownEditor} from '../../src/bundle';
+import {BaseNode, MarkdownEditorView, useMarkdownEditor} from '../../src';
 import {VERSION} from '../../src/version';
 import {block} from '../cn';
 

src/bundle/MarkdownEditorView.tsx

@@ -271,7 +271,7 @@ export const MarkdownEditorView = React.forwardRef<HTMLDivElement, MarkdownEdito
 );
 MarkdownEditorView.displayName = 'MarkdownEditorView';
 
-export function Settings(props: EditorSettingsProps & {stickyToolbar: boolean}) {
+function Settings(props: EditorSettingsProps & {stickyToolbar: boolean}) {
     const wrapperRef = useRef<HTMLDivElement>(null);
     const isSticky = useSticky(wrapperRef) && props.toolbarVisibility && props.stickyToolbar;
     return (

src/bundle/index.ts

@@ -1,17 +1,17 @@
-export type {ExtensionsOptions} from './wysiwyg-preset';
 export type {
-    Editor,
+    Editor as MarkdownEditorInstance,
     EditorMode as MarkdownEditorMode,
     EditorPreset as MarkdownEditorPreset,
     RenderPreview,
     SplitMode,
 } from './Editor';
-export * from './context';
-export * from './useMarkdownEditor';
-export * from './MarkdownEditorView';
+export {MarkdownEditorProvider, useMarkdownEditorContext} from './context';
+export {useMarkdownEditor} from './useMarkdownEditor';
+export type {UseMarkdownEditorProps} from './useMarkdownEditor';
+export {MarkdownEditorView} from './MarkdownEditorView';
+export type {MarkdownEditorViewProps} from './MarkdownEditorView';
 
 // For project that do not support star export (export * as something from '...')
 import * as markupToolbarConfigs from './config/markup';
 import * as wysiwygToolbarConfigs from './config/wysiwyg';
 export {markupToolbarConfigs, wysiwygToolbarConfigs};
-export {HorizontalDrag} from './HorizontalDrag';

src/index.ts

@@ -10,6 +10,7 @@ export * from './extensions/specs';
 export * from './forms';
 export * from './view';
 export * from './utils';
+export * from './bundle';
 
 export {ReactRendererFacet, getImageDimensions} from './markup';
 export * as MarkupCommands from './markup/commands';