@gravity-ui/markdown-editor 13.25.1 → 14.0.0

package/build/cjs/bundle/Editor.d.ts

@@ -1,19 +1,7 @@
-import type { ReactNode } from 'react';
-import type { Extension as CodemirrorExtension } from '@codemirror/state';
-import { CommonEditor, MarkupString } from '../common';
-import { WysiwygEditorOptions } from '../core';
+import type { CommonEditor } from '../common';
 import { ReactRenderStorage } from '../extensions';
-import { type CreateCodemirrorParams } from '../markup/codemirror';
-import type { YfmLangOptions } from '../markup/codemirror/yfm';
-import { Receiver } from '../utils/event-emitter';
-import type { FileUploadHandler } from '../utils/upload';
-export declare type EditorMode = 'wysiwyg' | 'markup';
-export declare type SplitMode = false | 'horizontal' | 'vertical';
-export declare type EditorPreset = 'zero' | 'commonmark' | 'default' | 'yfm' | 'full';
-export declare type RenderPreview = ({ getValue, mode, }: {
-    getValue: () => MarkupString;
-    mode: 'preview' | 'split';
-}) => ReactNode;
+import { type Receiver } from '../utils/event-emitter';
+import type { MarkdownEditorMode as EditorMode, MarkdownEditorPreset as EditorPreset, MarkdownEditorOptions } from './types';
 export declare type ToolbarActionData = {
     editorMode: EditorMode;
     id: string;
@@ -45,63 +33,13 @@ export interface Editor extends Receiver<EventMap>, CommonEditor {
     }): void;
 }
 declare type SetEditorModeOptions = Pick<ChangeEditorModeOptions, 'emit'>;
-declare type ChangeEditorModeOptions = {
+export declare type ChangeEditorModeOptions = {
     mode: EditorMode;
     reason: 'error-boundary' | 'settings' | 'manually';
     emit?: boolean;
 };
-export declare type MarkupConfig = {
-    /** Additional extensions for codemirror instance. */
-    extensions?: CreateCodemirrorParams['extensions'];
-    /** Can be used to disable some of the default extensions */
-    disabledExtensions?: CreateCodemirrorParams['disabledExtensions'];
-    /** Additional keymaps for codemirror instance */
-    keymaps?: CreateCodemirrorParams['keymaps'];
-    /** Overrides the default placeholder content. */
-    placeholder?: CreateCodemirrorParams['placeholder'];
-    /**
-     * Additional language data for markdown language in codemirror.
-     * Can be used to configure additional autocompletions and others.
-     * See more https://codemirror.net/docs/ref/#state.EditorState.languageDataAt
-     */
-    languageData?: YfmLangOptions['languageData'];
-    /** Config for @codemirror/autocomplete https://codemirror.net/docs/ref/#autocomplete.autocompletion%5Econfig */
-    autocompletion?: CreateCodemirrorParams['autocompletion'];
-};
-export declare type EscapeConfig = {
-    commonEscape?: RegExp;
-    startOfLineEscape?: RegExp;
-};
-export declare type EditorOptions = Pick<WysiwygEditorOptions, 'allowHTML' | 'linkify' | 'linkifyTlds' | 'extensions'> & {
-    initialMarkup?: MarkupString;
-    /** @default 'wysiwyg' */
-    initialEditorMode?: EditorMode;
-    /** @default true */
-    initialToolbarVisible?: boolean;
-    /** @default false
-     * Has no effect if splitMode is false or undefined
-     */
-    initialSplitModeEnabled?: boolean;
+export declare type EditorOptions = Pick<MarkdownEditorOptions, 'md' | 'initial' | 'handlers' | 'experimental' | 'markupConfig' | 'wysiwygConfig'> & {
     renderStorage: ReactRenderStorage;
-    fileUploadHandler?: FileUploadHandler;
-    /**
-     * If we need to set dimensions for uploaded images
-     *
-     * @default false
-     */
-    needToSetDimensionsForUploadedImages?: boolean;
-    /**
-     * Called before switching from the markup editor to the wysiwyg editor.
-     * You can use it to pre-process the value from the markup editor before it gets into the wysiwyg editor.
-     */
-    prepareRawMarkup?: (value: MarkupString) => MarkupString;
-    experimental_beforeEditorModeChange?: (options: Pick<ChangeEditorModeOptions, 'mode' | 'reason'>) => boolean | undefined;
-    splitMode?: SplitMode;
-    renderPreview?: RenderPreview;
     preset: EditorPreset;
-    /** @deprecated Put extra extensions via MarkdownEditorMarkupConfig */
-    extraMarkupExtensions?: CodemirrorExtension[];
-    markupConfig?: MarkupConfig;
-    escapeConfig?: EscapeConfig;
 };
 export {};

package/build/cjs/bundle/Editor.js

@@ -1,5 +1,5 @@
 "use strict";
-var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_markupConfig, _EditorImpl_escapeConfig, _EditorImpl_preset, _EditorImpl_allowHTML, _EditorImpl_linkify, _EditorImpl_linkifyTlds, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_prepareRawMarkup, _EditorImpl_beforeEditorModeChange;
+var _EditorImpl_markup, _EditorImpl_editorMode, _EditorImpl_toolbarVisible, _EditorImpl_splitModeEnabled, _EditorImpl_splitMode, _EditorImpl_renderPreview, _EditorImpl_wysiwygEditor, _EditorImpl_markupEditor, _EditorImpl_markupConfig, _EditorImpl_escapeConfig, _EditorImpl_mdOptions, _EditorImpl_preset, _EditorImpl_extensions, _EditorImpl_renderStorage, _EditorImpl_fileUploadHandler, _EditorImpl_needToSetDimensionsForUploadedImages, _EditorImpl_prepareRawMarkup, _EditorImpl_beforeEditorModeChange;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditorImpl = void 0;
 const tslib_1 = require("tslib");
@@ -15,7 +15,6 @@ const event_emitter_1 = require("../utils/event-emitter");
 class EditorImpl extends event_emitter_1.SafeEventEmitter {
     constructor(opts) {
         var _a, _b, _c, _d, _e, _f;
-        var _g;
         super({ onError: logger_1.logger.error.bind(logger_1.logger) });
         _EditorImpl_markup.set(this, void 0);
         _EditorImpl_editorMode.set(this, void 0);
@@ -27,10 +26,8 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
         _EditorImpl_markupEditor.set(this, void 0);
         _EditorImpl_markupConfig.set(this, void 0);
         _EditorImpl_escapeConfig.set(this, void 0);
+        _EditorImpl_mdOptions.set(this, void 0);
         _EditorImpl_preset.set(this, void 0);
-        _EditorImpl_allowHTML.set(this, void 0);
-        _EditorImpl_linkify.set(this, void 0);
-        _EditorImpl_linkifyTlds.set(this, void 0);
         _EditorImpl_extensions.set(this, void 0);
         _EditorImpl_renderStorage.set(this, void 0);
         _EditorImpl_fileUploadHandler.set(this, void 0);
@@ -38,25 +35,23 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
         _EditorImpl_prepareRawMarkup.set(this, void 0);
         _EditorImpl_beforeEditorModeChange.set(this, void 0);
         this.getValue = () => this.currentEditor.getValue();
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_editorMode, (_a = opts.initialEditorMode) !== null && _a !== void 0 ? _a : 'wysiwyg', "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_toolbarVisible, Boolean(opts.initialToolbarVisible), "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_splitMode, (_b = (opts.renderPreview && opts.splitMode)) !== null && _b !== void 0 ? _b : false, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_splitModeEnabled, (_c = (tslib_1.__classPrivateFieldGet(this, _EditorImpl_splitMode, "f") && opts.initialSplitModeEnabled)) !== null && _c !== void 0 ? _c : false, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_renderPreview, opts.renderPreview, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_markup, (_d = opts.initialMarkup) !== null && _d !== void 0 ? _d : '', "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_preset, (_e = opts.preset) !== null && _e !== void 0 ? _e : 'full', "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_linkify, opts.linkify, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_linkifyTlds, opts.linkifyTlds, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_allowHTML, opts.allowHTML, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_extensions, opts.extensions, "f");
+        const { md = {}, initial = {}, handlers = {}, experimental = {}, markupConfig = {}, wysiwygConfig = {}, } = opts;
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_editorMode, (_a = initial.mode) !== null && _a !== void 0 ? _a : 'wysiwyg', "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_toolbarVisible, (_b = initial.toolbarVisible) !== null && _b !== void 0 ? _b : true, "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_splitMode, (_c = (markupConfig.renderPreview && markupConfig.splitMode)) !== null && _c !== void 0 ? _c : false, "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_splitModeEnabled, (_d = (tslib_1.__classPrivateFieldGet(this, _EditorImpl_splitMode, "f") && initial.splitModeEnabled)) !== null && _d !== void 0 ? _d : false, "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_renderPreview, markupConfig.renderPreview, "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_markup, (_e = initial.markup) !== null && _e !== void 0 ? _e : '', "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_preset, (_f = opts.preset) !== null && _f !== void 0 ? _f : 'full', "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_mdOptions, md, "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_extensions, wysiwygConfig.extensions, "f");
         tslib_1.__classPrivateFieldSet(this, _EditorImpl_markupConfig, Object.assign({}, opts.markupConfig), "f");
-        (_f = (_g = tslib_1.__classPrivateFieldGet(this, _EditorImpl_markupConfig, "f")).extensions) !== null && _f !== void 0 ? _f : (_g.extensions = opts.extraMarkupExtensions);
         tslib_1.__classPrivateFieldSet(this, _EditorImpl_renderStorage, opts.renderStorage, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_fileUploadHandler, opts.fileUploadHandler, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_needToSetDimensionsForUploadedImages, Boolean(opts.needToSetDimensionsForUploadedImages), "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_prepareRawMarkup, opts.prepareRawMarkup, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_escapeConfig, opts.escapeConfig, "f");
-        tslib_1.__classPrivateFieldSet(this, _EditorImpl_beforeEditorModeChange, opts.experimental_beforeEditorModeChange, "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_fileUploadHandler, handlers.uploadFile, "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_needToSetDimensionsForUploadedImages, Boolean(experimental.needToSetDimensionsForUploadedImages), "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_prepareRawMarkup, experimental.prepareRawMarkup, "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_escapeConfig, wysiwygConfig.escapeConfig, "f");
+        tslib_1.__classPrivateFieldSet(this, _EditorImpl_beforeEditorModeChange, experimental.beforeEditorModeChange, "f");
     }
     get _wysiwygView() {
         var _a;
@@ -118,6 +113,9 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
     get preset() {
         return tslib_1.__classPrivateFieldGet(this, _EditorImpl_preset, "f");
     }
+    get mdOptions() {
+        return tslib_1.__classPrivateFieldGet(this, _EditorImpl_mdOptions, "f");
+    }
     get renderPreview() {
         return tslib_1.__classPrivateFieldGet(this, _EditorImpl_renderPreview, "f");
     }
@@ -139,9 +137,9 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
                 mdPreset,
                 initialContent: tslib_1.__classPrivateFieldGet(this, _EditorImpl_markup, "f"),
                 extensions: tslib_1.__classPrivateFieldGet(this, _EditorImpl_extensions, "f"),
-                allowHTML: tslib_1.__classPrivateFieldGet(this, _EditorImpl_allowHTML, "f"),
-                linkify: tslib_1.__classPrivateFieldGet(this, _EditorImpl_linkify, "f"),
-                linkifyTlds: tslib_1.__classPrivateFieldGet(this, _EditorImpl_linkifyTlds, "f"),
+                allowHTML: tslib_1.__classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").html,
+                linkify: tslib_1.__classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").linkify,
+                linkifyTlds: tslib_1.__classPrivateFieldGet(this, _EditorImpl_mdOptions, "f").linkifyTlds,
                 escapeConfig: tslib_1.__classPrivateFieldGet(this, _EditorImpl_escapeConfig, "f"),
                 onChange: () => this.emit('rerender-toolbar', null),
                 onDocChange: () => this.emit('change', null),
@@ -302,7 +300,7 @@ class EditorImpl extends event_emitter_1.SafeEventEmitter {
     }
 }
 exports.EditorImpl = EditorImpl;
-_EditorImpl_markup = new WeakMap(), _EditorImpl_editorMode = new WeakMap(), _EditorImpl_toolbarVisible = new WeakMap(), _EditorImpl_splitModeEnabled = new WeakMap(), _EditorImpl_splitMode = new WeakMap(), _EditorImpl_renderPreview = new WeakMap(), _EditorImpl_wysiwygEditor = new WeakMap(), _EditorImpl_markupEditor = new WeakMap(), _EditorImpl_markupConfig = new WeakMap(), _EditorImpl_escapeConfig = new WeakMap(), _EditorImpl_preset = new WeakMap(), _EditorImpl_allowHTML = new WeakMap(), _EditorImpl_linkify = new WeakMap(), _EditorImpl_linkifyTlds = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_prepareRawMarkup = new WeakMap(), _EditorImpl_beforeEditorModeChange = new WeakMap();
+_EditorImpl_markup = new WeakMap(), _EditorImpl_editorMode = new WeakMap(), _EditorImpl_toolbarVisible = new WeakMap(), _EditorImpl_splitModeEnabled = new WeakMap(), _EditorImpl_splitMode = new WeakMap(), _EditorImpl_renderPreview = new WeakMap(), _EditorImpl_wysiwygEditor = new WeakMap(), _EditorImpl_markupEditor = new WeakMap(), _EditorImpl_markupConfig = new WeakMap(), _EditorImpl_escapeConfig = new WeakMap(), _EditorImpl_mdOptions = new WeakMap(), _EditorImpl_preset = new WeakMap(), _EditorImpl_extensions = new WeakMap(), _EditorImpl_renderStorage = new WeakMap(), _EditorImpl_fileUploadHandler = new WeakMap(), _EditorImpl_needToSetDimensionsForUploadedImages = new WeakMap(), _EditorImpl_prepareRawMarkup = new WeakMap(), _EditorImpl_beforeEditorModeChange = new WeakMap();
 function getTopOffset(elem) {
     const TOOLBAR_HEIGHT = 36; //px
     const TOOLBAR_BOTTOM_OFFSET = 8; // px

package/build/cjs/bundle/MarkdownEditorView.js

@@ -122,6 +122,7 @@ exports.MarkdownEditorView = react_1.default.forwardRef((props, ref) => {
                     react_1.default.createElement("div", { className: b('preview-wrapper') }, (_b = editor.renderPreview) === null || _b === void 0 ? void 0 : _b.call(editor, {
                         getValue: editor.getValue,
                         mode: 'preview',
+                        md: editor.mdOptions,
                     })),
                     settings)) : (react_1.default.createElement(react_1.default.Fragment, null,
                     editorMode === 'wysiwyg' && (react_1.default.createElement(WysiwygEditorView_1.WysiwygEditorView, { editor: editor, autofocus: autofocus, settingsVisible: settingsVisible, toolbarConfig: wysiwygToolbarConfig, toolbarVisible: editor.toolbarVisible, hiddenActionsConfig: wysiwygHiddenActionsConfig, className: b('editor', { mode: editorMode }), toolbarClassName: b('toolbar'), stickyToolbar: stickyToolbar }, editor.toolbarVisible && settingsVisible && settings)),

package/build/cjs/bundle/MarkupEditorView.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { ClassNameProps } from '../classname';
-import type { EditorInt, SplitMode } from './Editor';
+import type { EditorInt } from './Editor';
 import type { MToolbarData, MToolbarItemData } from './config/markup';
+import type { MarkdownEditorSplitMode } from './types';
 export declare type MarkupEditorViewProps = ClassNameProps & {
     editor: EditorInt;
     autofocus?: boolean;
@@ -10,7 +11,7 @@ export declare type MarkupEditorViewProps = ClassNameProps & {
     toolbarVisible?: boolean;
     stickyToolbar?: boolean;
     toolbarClassName?: string;
-    splitMode?: SplitMode;
+    splitMode?: MarkdownEditorSplitMode;
     splitModeEnabled: boolean;
     hiddenActionsConfig?: MToolbarItemData[];
     children?: React.ReactNode;

package/build/cjs/bundle/SplitModeView.js

@@ -68,7 +68,11 @@ const SplitModeView = react_1.default.forwardRef(({ editor }, ref) => {
             vertical: editor.splitMode === 'vertical',
         }), ref: outerRef },
         react_1.default.createElement(uikit_1.Label, { icon: react_1.default.createElement(icons_1.Eye, null), className: b('preview-sign'), size: 'm' }, (0, bundle_1.i18n)('split-mode-text')), (_a = editor.renderPreview) === null || _a === void 0 ? void 0 :
-        _a.call(editor, { getValue: editor.getValue, mode: 'split' })));
+        _a.call(editor, {
+            getValue: editor.getValue,
+            mode: 'split',
+            md: editor.mdOptions,
+        })));
 });
 exports.SplitModeView = SplitModeView;
 SplitModeView.displayName = 'SplitModeView';

package/build/cjs/bundle/ToolbarView.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { ClassNameProps } from '../classname';
 import { ToolbarData, ToolbarItemData } from '../toolbar';
-import type { EditorInt, EditorMode } from './Editor';
+import type { EditorInt } from './Editor';
+import type { MarkdownEditorMode } from './types';
 export declare type ToolbarViewProps<T> = ClassNameProps & {
     editor: EditorInt;
-    editorMode: EditorMode;
+    editorMode: MarkdownEditorMode;
     toolbarEditor: T;
     toolbarFocus: () => void;
     toolbarConfig: ToolbarData<T>;

package/build/cjs/bundle/config/markup.d.ts

@@ -3,7 +3,7 @@ import { ToolbarData } from '../../toolbar/Toolbar';
 import { ToolbarGroupData } from '../../toolbar/ToolbarGroup';
 import { ToolbarListButtonData } from '../../toolbar/ToolbarListButton';
 import { ToolbarButtonPopupData, ToolbarItemData, ToolbarListItemData, ToolbarReactComponentData, ToolbarSingleItemData } from '../../toolbar/types';
-import type { EditorPreset } from '../Editor';
+import type { MarkdownEditorPreset } from '../types';
 export declare type MToolbarData = ToolbarData<CodeEditor>;
 export declare type MToolbarItemData = ToolbarItemData<CodeEditor>;
 export declare type MToolbarSingleItemData = ToolbarSingleItemData<CodeEditor>;
@@ -43,5 +43,5 @@ export declare const mToolbarConfig: MToolbarData;
 export declare const mHruleItemData: MToolbarSingleItemData;
 export declare const mTabsItemData: MToolbarSingleItemData;
 export declare const mHiddenData: MToolbarSingleItemData[];
-export declare const mToolbarConfigByPreset: Record<EditorPreset, MToolbarData>;
-export declare const mHiddenDataByPreset: Record<EditorPreset, MToolbarItemData[]>;
+export declare const mToolbarConfigByPreset: Record<MarkdownEditorPreset, MToolbarData>;
+export declare const mHiddenDataByPreset: Record<MarkdownEditorPreset, MToolbarItemData[]>;

package/build/cjs/bundle/config/wysiwyg.d.ts

@@ -4,7 +4,7 @@ import { ToolbarData } from '../../toolbar/Toolbar';
 import { ToolbarGroupData } from '../../toolbar/ToolbarGroup';
 import { ToolbarListButtonData } from '../../toolbar/ToolbarListButton';
 import { ToolbarGroupItemData, ToolbarItemData, ToolbarListButtonItemData, ToolbarListItemData, ToolbarSingleItemData } from '../../toolbar/types';
-import type { EditorPreset } from '../Editor';
+import type { MarkdownEditorPreset } from '../types';
 export declare type WToolbarData = ToolbarData<ActionStorage>;
 export declare type WToolbarItemData = ToolbarItemData<ActionStorage>;
 export declare type WToolbarSingleItemData = ToolbarSingleItemData<ActionStorage>;
@@ -53,7 +53,7 @@ export declare const wToolbarConfig: WToolbarData;
 export declare const wToggleHeadingFoldingItemData: SelectionContextItemData;
 export declare const wSelectionMenuConfig: SelectionContextConfig;
 export declare const wMermaidItemData: WToolbarSingleItemData;
-export declare const wToolbarConfigByPreset: Record<EditorPreset, WToolbarData>;
-export declare const wCommandMenuConfigByPreset: Record<EditorPreset, WToolbarItemData[]>;
-export declare const wHiddenDataByPreset: Record<EditorPreset, WToolbarItemData[]>;
-export declare const wSelectionMenuConfigByPreset: Record<EditorPreset, SelectionContextConfig>;
+export declare const wToolbarConfigByPreset: Record<MarkdownEditorPreset, WToolbarData>;
+export declare const wCommandMenuConfigByPreset: Record<MarkdownEditorPreset, WToolbarItemData[]>;
+export declare const wHiddenDataByPreset: Record<MarkdownEditorPreset, WToolbarItemData[]>;
+export declare const wSelectionMenuConfigByPreset: Record<MarkdownEditorPreset, SelectionContextConfig>;

package/build/cjs/bundle/index.d.ts

@@ -1,4 +1,4 @@
-export type { Editor as MarkdownEditorInstance, EditorMode as MarkdownEditorMode, EditorPreset as MarkdownEditorPreset, MarkupConfig as MarkdownEditorMarkupConfig, RenderPreview, SplitMode, } from './Editor';
+export * from './types';
 export { MarkdownEditorProvider, useMarkdownEditorContext } from './context';
 export { useMarkdownEditor } from './useMarkdownEditor';
 export type { UseMarkdownEditorProps } from './useMarkdownEditor';

package/build/cjs/bundle/index.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.wysiwygToolbarConfigs = exports.markupToolbarConfigs = exports.MarkdownEditorView = exports.useMarkdownEditor = exports.useMarkdownEditorContext = exports.MarkdownEditorProvider = void 0;
 const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./types"), exports);
 var context_1 = require("./context");
 Object.defineProperty(exports, "MarkdownEditorProvider", { enumerable: true, get: function () { return context_1.MarkdownEditorProvider; } });
 Object.defineProperty(exports, "useMarkdownEditorContext", { enumerable: true, get: function () { return context_1.useMarkdownEditorContext; } });

package/build/cjs/bundle/settings/index.d.ts

@@ -1,20 +1,20 @@
 import React from 'react';
 import { ClassNameProps } from '../../classname';
-import type { EditorMode, SplitMode } from '../Editor';
+import type { MarkdownEditorMode, MarkdownEditorSplitMode } from '../types';
 export declare type EditorSettingsProps = Omit<SettingsContentProps, 'onClose'> & {
     renderPreviewButton?: boolean;
     settingsVisible?: boolean;
 };
 export declare const EditorSettings: React.NamedExoticComponent<EditorSettingsProps>;
 declare type SettingsContentProps = ClassNameProps & {
-    mode: EditorMode;
+    mode: MarkdownEditorMode;
     onClose: () => void;
-    onModeChange: (mode: EditorMode) => void;
+    onModeChange: (mode: MarkdownEditorMode) => void;
     onShowPreviewChange: (showPreview: boolean) => void;
     showPreview: boolean;
     toolbarVisibility: boolean;
     onToolbarVisibilityChange: (val: boolean) => void;
-    splitMode?: SplitMode;
+    splitMode?: MarkdownEditorSplitMode;
     splitModeEnabled?: boolean;
     onSplitModeChange?: (splitModeEnabled: boolean) => void;
 };

package/build/cjs/bundle/types.d.ts

@@ -0,0 +1,174 @@
+import type { ReactNode } from 'react';
+import type { MarkupString } from '../common';
+import type { EscapeConfig, Extension } from '../core';
+import type { CreateCodemirrorParams, YfmLangOptions } from '../markup/codemirror';
+import type { FileUploadHandler } from '../utils/upload';
+import type { ChangeEditorModeOptions } from './Editor';
+import type { ExtensionsOptions as WysiwygPresetExtensionsOptions } from './wysiwyg-preset';
+export type { Editor as MarkdownEditorInstance } from './Editor';
+export declare type MarkdownEditorMode = 'wysiwyg' | 'markup';
+export declare type MarkdownEditorPreset = 'zero' | 'commonmark' | 'default' | 'yfm' | 'full';
+export declare type MarkdownEditorSplitMode = false | 'horizontal' | 'vertical';
+export declare type RenderPreviewParams = {
+    getValue: () => MarkupString;
+    mode: 'preview' | 'split';
+    md: Readonly<MarkdownEditorMdOptions>;
+};
+export declare type RenderPreview = (params: RenderPreviewParams) => ReactNode;
+export declare type MarkdownEditorMdOptions = {
+    html?: boolean;
+    breaks?: boolean;
+    linkify?: boolean;
+    linkifyTlds?: string | string[];
+};
+export declare type MarkdownEditorInitialOptions = {
+    markup?: MarkupString;
+    /** Default – wysiwyg */
+    mode?: MarkdownEditorMode;
+    /** Default – true */
+    toolbarVisible?: boolean;
+    /**
+     * Default – false
+     *
+     * Note: has no effect if `MarkdownEditorMarkupConfig.splitMode` is set to false or is not set.
+     */
+    splitModeEnabled?: boolean;
+};
+export declare type MarkdownEditorHandlers = {
+    /** Pass this handler to allow uploading files from device. */
+    uploadFile?: FileUploadHandler;
+};
+export declare type MarkdownEditorExperimentalOptions = {
+    /**
+     * If we need to set dimensions for uploaded images
+     *
+     * @default false
+     */
+    needToSetDimensionsForUploadedImages?: boolean;
+    /**
+     * Called before switching from the markup editor to the wysiwyg editor.
+     * You can use it to pre-process the value from the markup editor before it gets into the wysiwyg editor.
+     */
+    prepareRawMarkup?: (value: MarkupString) => MarkupString;
+    beforeEditorModeChange?: (options: Pick<ChangeEditorModeOptions, 'mode' | 'reason'>) => boolean | undefined;
+};
+export declare type MarkdownEditorMarkupConfig = {
+    /**
+     * Pass the rendering function to preview the markdown content.
+     *
+     * It is also used for split view rendering.
+     *
+     * If false is passed, preview will be disabled.
+     */
+    renderPreview?: RenderPreview;
+    /**
+     * Pass position of split view.
+     *
+     * Note: for enable split view, you need to pass renderPreview function too.
+     *
+     * If false is passed, split view will be disabled.
+     */
+    splitMode?: MarkdownEditorSplitMode;
+    /** Additional extensions for codemirror instance. */
+    extensions?: CreateCodemirrorParams['extensions'];
+    /** Can be used to disable some of the default extensions */
+    disabledExtensions?: CreateCodemirrorParams['disabledExtensions'];
+    /** Additional keymaps for codemirror instance */
+    keymaps?: CreateCodemirrorParams['keymaps'];
+    /** Overrides the default placeholder content. */
+    placeholder?: CreateCodemirrorParams['placeholder'];
+    /**
+     * Additional language data for markdown language in codemirror.
+     * Can be used to configure additional autocompletions and others.
+     * See more https://codemirror.net/docs/ref/#state.EditorState.languageDataAt
+     */
+    languageData?: YfmLangOptions['languageData'];
+    /** Config for @codemirror/autocomplete https://codemirror.net/docs/ref/#autocomplete.autocompletion%5Econfig */
+    autocompletion?: CreateCodemirrorParams['autocompletion'];
+};
+declare type ExtensionsOptions<T extends object = {}> = Omit<WysiwygPresetExtensionsOptions, 'reactRenderer'> & T;
+export declare type MarkdownEditorWysiwygConfig = {
+    /** Additional extensions */
+    extensions?: Extension;
+    extensionOptions?: ExtensionsOptions;
+    escapeConfig?: EscapeConfig;
+};
+export declare type MarkdownEditorOptions<T extends object = {}> = {
+    /**
+     * A set of plug-in extensions.
+     *
+     * @default 'full'
+     */
+    preset?: MarkdownEditorPreset;
+    /** Markdown parser options */
+    md?: MarkdownEditorMdOptions;
+    /** Initial values */
+    initial?: MarkdownEditorInitialOptions;
+    handlers?: MarkdownEditorHandlers;
+    experimental?: MarkdownEditorExperimentalOptions;
+    /** Options for markup mode */
+    markupConfig?: MarkdownEditorMarkupConfig;
+    /** Options for wysiwyg mode */
+    wysiwygConfig?: MarkdownEditorWysiwygConfig;
+    /** @deprecated Put allowHTML via MarkdownEditorMdOptions */
+    allowHTML?: boolean;
+    /** @deprecated Put breaks via MarkdownEditorMdOptions */
+    breaks?: boolean;
+    /** @deprecated Put linkify via MarkdownEditorMdOptions */
+    linkify?: boolean;
+    /** @deprecated Put linkifyTlds via MarkdownEditorMdOptions */
+    linkifyTlds?: string | string[];
+    /** @deprecated Put initial markup via MarkdownEditorInitialOptions */
+    initialMarkup?: MarkdownEditorInitialOptions['markup'];
+    /**
+     * @default 'wysiwyg'
+     *
+     * @deprecated Put initial editor mode via MarkdownEditorInitialOptions
+     */
+    initialEditorMode?: MarkdownEditorInitialOptions['mode'];
+    /**
+     * @default true
+     *
+     * @deprecated Put initial toolbar visibility via MarkdownEditorInitialOptions
+     */
+    initialToolbarVisible?: MarkdownEditorInitialOptions['toolbarVisible'];
+    /**
+     * Has no effect if splitMode is false or undefined
+     *
+     * @default false
+     *
+     * @deprecated Put initialSplitModeEnabled via MarkdownEditorInitialOptions
+     */
+    initialSplitModeEnabled?: MarkdownEditorInitialOptions['splitModeEnabled'];
+    /**
+     * If we need to set dimensions for uploaded images
+     *
+     * @default false
+     *
+     * @deprecated Put needToSetDimensionsForUploadedImages via MarkdownEditorExperimentalOptions
+     */
+    needToSetDimensionsForUploadedImages?: MarkdownEditorExperimentalOptions['needToSetDimensionsForUploadedImages'];
+    /**
+     * Called before switching from the markup editor to the wysiwyg editor.
+     * You can use it to pre-process the value from the markup editor before it gets into the wysiwyg editor.
+     *
+     * @deprecated Put prepareRawMarkup via MarkdownEditorExperimentalOptions
+     */
+    prepareRawMarkup?: MarkdownEditorExperimentalOptions['prepareRawMarkup'];
+    /** @deprecated Put beforeEditorModeChange via MarkdownEditorExperimentalOptions */
+    experimental_beforeEditorModeChange?: MarkdownEditorExperimentalOptions['beforeEditorModeChange'];
+    /** @deprecated Put split mode via MarkdownEditorMarkupConfig */
+    splitMode?: MarkdownEditorMarkupConfig['splitMode'];
+    /** @deprecated Put render preview function via MarkdownEditorMarkupConfig */
+    renderPreview?: MarkdownEditorMarkupConfig['renderPreview'];
+    /** @deprecated Put extensions via MarkdownEditorWysiwygConfig */
+    extraExtensions?: MarkdownEditorWysiwygConfig['extensions'];
+    /** @deprecated Put extension options via MarkdownEditorWysiwygConfig */
+    extensionOptions?: ExtensionsOptions<T>;
+    /** @deprecated Put extra extensions via MarkdownEditorMarkupConfig */
+    extraMarkupExtensions?: MarkdownEditorMarkupConfig['extensions'];
+    /** @deprecated Put escapeConfig via MarkdownEditorWysiwygConfig */
+    escapeConfig?: MarkdownEditorWysiwygConfig['escapeConfig'];
+    /** @deprecated Put file upload handler via MarkdownEditorHandlers */
+    fileUploadHandler?: MarkdownEditorHandlers['uploadFile'];
+};

package/build/cjs/bundle/types.js

@@ -0,0 +1,3 @@
+"use strict";
+// public types, re-exported in src/bundle/index.ts
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/bundle/useMarkdownEditor.d.ts

@@ -1,18 +1,4 @@
 /// <reference types="react" />
-import { Extension } from '../core';
-import { Editor, EditorOptions, EditorPreset } from './Editor';
-import { ExtensionsOptions } from './wysiwyg-preset';
-export declare type UseMarkdownEditorProps<T extends object = {}> = Omit<EditorOptions, 'extensions' | 'renderStorage' | 'preset'> & {
-    /**
-     * A set of plug-in extensions.
-     *
-     * @default 'full'
-     */
-    preset?: EditorPreset;
-    breaks?: boolean;
-    /** Used only first value. Сhanging the value will not lead to anything */
-    extensionOptions?: Omit<ExtensionsOptions, 'reactRenderer'> & T;
-    /** Used only first value. Сhanging the value will not lead to anything */
-    extraExtensions?: Extension;
-};
-export declare function useMarkdownEditor<T extends object = {}>(props: UseMarkdownEditorProps<T>, deps?: React.DependencyList): Editor;
+import type { MarkdownEditorInstance, MarkdownEditorOptions } from './types';
+export declare type UseMarkdownEditorProps<T extends object = {}> = MarkdownEditorOptions<T>;
+export declare function useMarkdownEditor<T extends object = {}>(props: UseMarkdownEditorProps<T>, deps?: React.DependencyList): MarkdownEditorInstance;

package/build/cjs/bundle/useMarkdownEditor.js

@@ -6,25 +6,35 @@ const extensions_1 = require("../extensions");
 const logger_1 = require("../logger");
 const Editor_1 = require("./Editor");
 const wysiwyg_preset_1 = require("./wysiwyg-preset");
+// [major] TODO: remove generic type
 function useMarkdownEditor(props, deps = []) {
     const editor = (0, react_1.useMemo)(() => {
-        var _a;
-        const preset = (_a = props.preset) !== null && _a !== void 0 ? _a : 'full';
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+        const { md = {}, initial = {}, handlers = {}, experimental = {}, markupConfig = {}, wysiwygConfig = {}, } = props;
+        const breaks = (_a = md.breaks) !== null && _a !== void 0 ? _a : props.breaks;
+        const preset = (_b = props.preset) !== null && _b !== void 0 ? _b : 'full';
         const renderStorage = new extensions_1.ReactRenderStorage();
+        const needToSetDimensionsForUploadedImages = (_c = experimental.needToSetDimensionsForUploadedImages) !== null && _c !== void 0 ? _c : props.needToSetDimensionsForUploadedImages;
         const extensions = (builder) => {
-            builder.use(wysiwyg_preset_1.BundlePreset, Object.assign(Object.assign({}, props.extensionOptions), { preset, reactRenderer: renderStorage, onCancel: () => {
+            var _a;
+            const extensionOptions = (_a = wysiwygConfig.extensionOptions) !== null && _a !== void 0 ? _a : props.extensionOptions;
+            builder.use(wysiwyg_preset_1.BundlePreset, Object.assign(Object.assign({}, extensionOptions), { preset, reactRenderer: renderStorage, onCancel: () => {
                     editor.emit('cancel', null);
                     return true;
                 }, onSubmit: () => {
                     editor.emit('submit', null);
                     return true;
-                }, mdBreaks: props.breaks, fileUploadHandler: props.fileUploadHandler, needToSetDimensionsForUploadedImages: props.needToSetDimensionsForUploadedImages }));
-            if (props.extraExtensions) {
-                builder.use(props.extraExtensions, props.extensionOptions);
+                }, mdBreaks: breaks, fileUploadHandler: props.fileUploadHandler, needToSetDimensionsForUploadedImages }));
+            {
+                const extraExtensions = wysiwygConfig.extensions || props.extraExtensions;
+                if (extraExtensions) {
+                    builder.use(extraExtensions, props.extensionOptions);
+                }
             }
         };
-        return new Editor_1.EditorImpl(Object.assign(Object.assign({}, props), { extensions, renderStorage, preset }));
-    }, deps.concat(props.allowHTML, props.linkify, props.linkifyTlds, props.breaks, props.splitMode, props.needToSetDimensionsForUploadedImages));
+        return new Editor_1.EditorImpl(Object.assign(Object.assign({}, props), { preset,
+            renderStorage, md: Object.assign(Object.assign({}, md), { breaks, html: (_d = md.html) !== null && _d !== void 0 ? _d : props.allowHTML, linkify: (_e = md.linkify) !== null && _e !== void 0 ? _e : props.linkify, linkifyTlds: (_f = md.linkifyTlds) !== null && _f !== void 0 ? _f : props.linkifyTlds }), initial: Object.assign(Object.assign({}, initial), { markup: (_g = initial.markup) !== null && _g !== void 0 ? _g : props.initialMarkup, mode: (_h = initial.mode) !== null && _h !== void 0 ? _h : props.initialEditorMode, toolbarVisible: (_j = initial.toolbarVisible) !== null && _j !== void 0 ? _j : props.initialToolbarVisible, splitModeEnabled: (_k = initial.splitModeEnabled) !== null && _k !== void 0 ? _k : props.initialSplitModeEnabled }), handlers: Object.assign(Object.assign({}, handlers), { uploadFile: (_l = handlers.uploadFile) !== null && _l !== void 0 ? _l : props.fileUploadHandler }), experimental: Object.assign(Object.assign({}, experimental), { needToSetDimensionsForUploadedImages, prepareRawMarkup: (_m = experimental.prepareRawMarkup) !== null && _m !== void 0 ? _m : props.prepareRawMarkup, beforeEditorModeChange: (_o = experimental.beforeEditorModeChange) !== null && _o !== void 0 ? _o : props.experimental_beforeEditorModeChange }), markupConfig: Object.assign(Object.assign({}, markupConfig), { splitMode: (_p = markupConfig.splitMode) !== null && _p !== void 0 ? _p : props.splitMode, renderPreview: (_q = markupConfig.renderPreview) !== null && _q !== void 0 ? _q : props.renderPreview, extensions: (_r = markupConfig.extensions) !== null && _r !== void 0 ? _r : props.extraMarkupExtensions }), wysiwygConfig: Object.assign(Object.assign({}, wysiwygConfig), { extensions, escapeConfig: (_s = wysiwygConfig.escapeConfig) !== null && _s !== void 0 ? _s : props.escapeConfig }) }));
+    }, deps);
     (0, react_1.useLayoutEffect)(() => {
         function onToolbarAction({ editorMode, id }) {
             logger_1.logger.action({ mode: editorMode, source: 'toolbar', action: id });

package/build/cjs/bundle/wysiwyg-preset.d.ts

@@ -3,10 +3,10 @@ import { BehaviorPresetOptions } from '../extensions/behavior';
 import { EditorModeKeymapOptions } from '../extensions/behavior/EditorModeKeymap';
 import { FullPresetOptions } from '../presets/full';
 import type { FileUploadHandler } from '../utils/upload';
-import { EditorPreset } from './Editor';
+import { MarkdownEditorPreset } from './types';
 export declare type ExtensionsOptions = BehaviorPresetOptions & FullPresetOptions;
 export declare type BundlePresetOptions = ExtensionsOptions & EditorModeKeymapOptions & {
-    preset: EditorPreset;
+    preset: MarkdownEditorPreset;
     mdBreaks?: boolean;
     fileUploadHandler?: FileUploadHandler;
     /**

package/build/cjs/core/Editor.d.ts

@@ -5,7 +5,7 @@ import type { Extension } from './types/extension';
 import type { Parser } from './types/parser';
 import type { Serializer } from './types/serializer';
 declare type OnChange = (editor: WysiwygEditor) => void;
-declare type EscapeConfig = {
+export declare type EscapeConfig = {
     commonEscape?: RegExp;
     startOfLineEscape?: RegExp;
 };

package/build/{esm/extensions/yfm → cjs/extensions/additional}/FoldingHeading/const.d.ts

@@ -1 +1 @@
-export { YfmHeadingAttr, headingNodeName, type HeadingLevel } from '../YfmHeading/const';
+export { YfmHeadingAttr, headingNodeName, type HeadingLevel } from '../../yfm/YfmHeading/const';

package/build/cjs/extensions/{yfm → additional}/FoldingHeading/const.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.headingNodeName = exports.YfmHeadingAttr = void 0;
-var const_1 = require("../YfmHeading/const");
+var const_1 = require("../../yfm/YfmHeading/const");
 Object.defineProperty(exports, "YfmHeadingAttr", { enumerable: true, get: function () { return const_1.YfmHeadingAttr; } });
 Object.defineProperty(exports, "headingNodeName", { enumerable: true, get: function () { return const_1.headingNodeName; } });