@gravity-ui/markdown-editor 14.7.0 → 14.9.0

package/README.md

@@ -52,15 +52,21 @@ function Editor({onSubmit}) {
 }
 ```
 Read more:
-- [How to connect the editor in the Create React App](https://github.com/gravity-ui/markdown-editor/blob/main/docs/how-to-add-editor-with-create-react-app.md)
-- [How to add preview for markup mode](https://github.com/gravity-ui/markdown-editor/blob/main/docs/how-to-add-preview.md)
-- [How to add HTML extension](https://github.com/gravity-ui/markdown-editor/blob/main/docs/how-to-connect-html-extension.md)
-- [How to add Latex extension](https://github.com/gravity-ui/markdown-editor/blob/main/docs/how-to-connect-latex-extension.md)
-- [How to add Mermaid extension](https://github.com/gravity-ui/markdown-editor/blob/main/docs/how-to-connect-mermaid-extension.md)
-- [How to write extension](https://github.com/gravity-ui/markdown-editor/blob/main/docs/how-to-create-extension.md)
-- [How to add GPT extension](https://github.com/gravity-ui/markdown-editor/blob/main/docs/how-to-connect-gpt-extensions.md)
-- [How to add text binding extension in markdown](https://github.com/gravity-ui/markdown-editor/blob/main/docs/how-to-add-text-binding-extension-in-markdown.md)
+- [How to connect the editor in the Create React App](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-install-create-react-app--docs)
+- [How to add preview for markup mode](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-develop-preview--docs)
+- [How to add HTML extension](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-connect-html-block--docs)
+- [How to add Latex extension](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-connect-latex-extension--docs)
+- [How to add Mermaid extension](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-connect-mermaid-extension--docs)
+- [How to write extension](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-develop-extension-creation--docs)
+- [How to add GPT extension](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-connect-gpt--docs)
+- [How to add text binding extension in markdown](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-develop-extension-with-popup--docs)
+
+### Development
+To start the dev storybook
 
+```shell
+npm start
+```
 
 
 ### i18n
@@ -77,10 +83,6 @@ configure({
 
 Don't forget to call `configure()` from [UIKit](https://github.com/gravity-ui/uikit?tab=readme-ov-file#i18n) and other UI libraries.
 
-## Development
+### Contributing
 
-To start the dev storybook
-
-```shell
-npm start
-```
+- [Contributor Guidelines](https://preview.gravity-ui.com/md-editor/?path=/docs/docs-contributing--docs)

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

@@ -1,15 +1,29 @@
 import React from 'react';
 import type { ToasterPublicMethods } from '@gravity-ui/uikit';
 import { ClassNameProps } from '../classname';
+import type { ToolbarsPreset } from '../modules/toolbars/types';
 import type { Editor } from './Editor';
 import { MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData } from './config';
 export declare const cnEditorComponent: import("@bem-react/classname").ClassNameFormatter;
 export declare type MarkdownEditorViewProps = ClassNameProps & {
     editor?: Editor;
     autofocus?: boolean;
+    toolbarsPreset?: ToolbarsPreset;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     markupToolbarConfig?: MToolbarData;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     wysiwygToolbarConfig?: WToolbarData;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     markupHiddenActionsConfig?: MToolbarItemData[];
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     wysiwygHiddenActionsConfig?: WToolbarItemData[];
     /** @default true */
     settingsVisible?: boolean;
@@ -21,9 +35,22 @@ export declare type MarkdownEditorViewProps = ClassNameProps & {
 export declare const MarkdownEditorView: React.ForwardRefExoticComponent<ClassNameProps & {
     editor?: Editor | undefined;
     autofocus?: boolean | undefined;
+    toolbarsPreset?: ToolbarsPreset | undefined;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     markupToolbarConfig?: MToolbarData | undefined;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     wysiwygToolbarConfig?: WToolbarData | undefined;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     markupHiddenActionsConfig?: MToolbarItemData[] | undefined;
+    /**
+     * @deprecated use `toolbarsPreset` instead
+     */
     wysiwygHiddenActionsConfig?: WToolbarItemData[] | undefined;
     /** @default true */
     settingsVisible?: boolean | undefined;

package/build/cjs/bundle/MarkdownEditorView.js

@@ -14,10 +14,10 @@ const HorizontalDrag_1 = require("./HorizontalDrag");
 const MarkupEditorView_1 = require("./MarkupEditorView");
 const SplitModeView_1 = require("./SplitModeView");
 const WysiwygEditorView_1 = require("./WysiwygEditorView");
-const config_1 = require("./config");
 const context_1 = require("./context");
 const settings_1 = require("./settings");
 const sticky_1 = require("./sticky");
+const utils_2 = require("./toolbar/utils");
 // eslint-disable-line import/order
 exports.cnEditorComponent = (0, classname_1.cn)('editor-component');
 const b = exports.cnEditorComponent;
@@ -33,7 +33,24 @@ exports.MarkdownEditorView = react_1.default.forwardRef((props, ref) => {
     const editor = ((_a = props.editor) !== null && _a !== void 0 ? _a : context);
     if (!editor)
         throw new Error('[MarkdownEditorView]: an instance of the editor must be passed through the props or context');
-    const { autofocus, className, settingsVisible = true, markupToolbarConfig = config_1.mToolbarConfigByPreset[editor.preset], wysiwygToolbarConfig = config_1.wToolbarConfigByPreset[editor.preset], markupHiddenActionsConfig = config_1.mHiddenDataByPreset[editor.preset], wysiwygHiddenActionsConfig = config_1.wHiddenDataByPreset[editor.preset], toaster, stickyToolbar, enableSubmitInPreview = true, hidePreviewAfterSubmit = false, } = props;
+    const { autofocus, className, settingsVisible = true, toolbarsPreset, toaster, stickyToolbar, wysiwygToolbarConfig: initialWysiwygToolbarConfig, markupToolbarConfig: initialMarkupToolbarConfig, wysiwygHiddenActionsConfig: initialWysiwygHiddenActionsConfig, markupHiddenActionsConfig: initialMarkupHiddenActionsConfig, enableSubmitInPreview = true, hidePreviewAfterSubmit = false, } = props;
+    const { wysiwygToolbarConfig, markupToolbarConfig, wysiwygHiddenActionsConfig, markupHiddenActionsConfig, } = (0, react_1.useMemo)(() => (0, utils_2.getToolbarsConfigs)({
+        toolbarsPreset,
+        props: {
+            wysiwygToolbarConfig: initialWysiwygToolbarConfig,
+            markupToolbarConfig: initialMarkupToolbarConfig,
+            wysiwygHiddenActionsConfig: initialWysiwygHiddenActionsConfig,
+            markupHiddenActionsConfig: initialMarkupHiddenActionsConfig,
+        },
+        preset: editor.preset,
+    }), [
+        toolbarsPreset,
+        initialWysiwygToolbarConfig,
+        initialMarkupToolbarConfig,
+        initialWysiwygHiddenActionsConfig,
+        initialMarkupHiddenActionsConfig,
+        editor.preset,
+    ]);
     const rerender = (0, react_use_1.useUpdate)();
     react_1.default.useLayoutEffect(() => {
         editor.on('rerender', rerender);

package/build/cjs/bundle/config/action-names.d.ts

@@ -1,3 +1,3 @@
-declare const namesObj: Record<"bold" | "mono" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "paragraph" | "anchor" | "table" | "image" | "code_inline" | "code_block" | "file" | "checkbox" | "emoji" | "undo" | "redo" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "bulletList" | "orderedList" | "liftListItem" | "sinkListItem" | "yfm_cut" | "yfm_note" | "yfm_block" | "yfm_html_block" | "yfm_layout" | "horizontalrule" | "math_inline" | "math_block" | "tabs" | "mermaid" | "gpt", string>;
+declare const namesObj: Record<"bold" | "colorify" | "mono" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "block" | "paragraph" | "cut" | "anchor" | "table" | "image" | "code_inline" | "code_block" | "note" | "file" | "codeBlock" | "checkbox" | "emoji" | "bulletList" | "codeInline" | "filePopup" | "gpt" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "horizontalrule" | "horizontalRule" | "imagePopup" | "liftListItem" | "math_block" | "mathBlock" | "math_inline" | "mathInline" | "mermaid" | "orderedList" | "redo" | "sinkListItem" | "tabs" | "undo" | "yfm_block" | "yfm_cut" | "yfm_html_block" | "htmlBlock" | "yfm_layout" | "layout" | "yfm_note", string>;
 export declare const ActionName: Readonly<typeof namesObj>;
 export {};

package/build/cjs/bundle/config/action-names.js

@@ -2,46 +2,69 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionName = void 0;
 const names = [
-    'undo',
-    'redo',
+    'anchor',
     'bold',
-    'italic',
-    'underline',
-    'strike',
-    'mono',
-    'mark',
-    'paragraph',
+    'bulletList',
+    'checkbox',
+    /** @deprecated use codeBlock */
+    'code_block',
+    'codeBlock',
+    /** @deprecated use codeInline */
+    'code_inline',
+    'codeInline',
+    'colorify',
+    'emoji',
+    'file',
+    'filePopup',
+    'gpt',
     'heading1',
     'heading2',
     'heading3',
     'heading4',
     'heading5',
     'heading6',
-    'bulletList',
-    'orderedList',
+    /** @deprecated use horizontalRule */
+    'horizontalrule',
+    'horizontalRule',
+    'image',
+    'imagePopup',
+    'italic',
     'liftListItem',
-    'sinkListItem',
-    'checkbox',
     'link',
+    'mark',
+    /** @deprecated use mathBlock */
+    'math_block',
+    'mathBlock',
+    /** @deprecated use mathInline */
+    'math_inline',
+    'mathInline',
+    'mermaid',
+    'mono',
+    'orderedList',
+    'paragraph',
     'quote',
-    'yfm_cut',
-    'yfm_note',
+    'redo',
+    'sinkListItem',
+    'strike',
+    'table',
+    'tabs',
+    'underline',
+    'undo',
+    /** @deprecated use block */
     'yfm_block',
+    'block',
+    /** @deprecated use cut */
+    'yfm_cut',
+    'cut',
+    /** @deprecated use htmlBlock */
     'yfm_html_block',
+    'htmlBlock',
+    /** @deprecated use layout */
     'yfm_layout',
-    'table',
-    'code_inline',
-    'code_block',
-    'image',
-    'horizontalrule',
-    'emoji',
-    'file',
-    'anchor',
-    'math_inline',
-    'math_block',
-    'tabs',
-    'mermaid',
-    'gpt',
+    'layout',
+    /** @deprecated use note */
+    'yfm_note',
+    'note',
 ];
 const namesObj = names.reduce((obj, val) => {
     obj[val] = val;

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

@@ -1,2 +1,5 @@
+/**
+ * @deprecated This file is deprecated. Use ToolbarsPreset instead.
+ */
 export * from './wysiwyg';
 export * from './markup';

package/build/cjs/bundle/config/index.js

@@ -1,5 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+/**
+ * @deprecated This file is deprecated. Use ToolbarsPreset instead.
+ */
 tslib_1.__exportStar(require("./wysiwyg"), exports);
 tslib_1.__exportStar(require("./markup"), exports);

package/build/cjs/bundle/config/markup.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.mListMoveListConfig = exports.mListsListConfig = exports.mHeadingListConfig = exports.mLiftListItemData = exports.mSinkListItemData = exports.mOrderedListItemData = exports.mBulletListItemData = exports.mHeading6ItemData = exports.mHeading5ItemData = exports.mHeading4ItemData = exports.mHeading3ItemData = exports.mHeading2ItemData = exports.mHeading1ItemData = exports.mMathListItem = exports.mEmojiItemData = exports.mHruleItemData = exports.mCodeBlockItemData = exports.mCodeblockItemData = exports.mMermaidItemData = exports.mMermaidButton = exports.mYfmHtmlBlockItemData = exports.mYfmHtmlBlockButton = exports.mMathBlockItemData = exports.mMathInlineItemData = exports.mTabsItemData = exports.mFileItemData = exports.mFilePopupData = exports.mImageItemData = exports.mImagePopupData = exports.mCodeItemData = exports.mTableItemData = exports.mTableButton = exports.mNoteItemData = exports.mNoteButton = exports.mCutItemData = exports.mCutButton = exports.mQuoteItemData = exports.mQuoteButton = exports.mLinkItemData = exports.mLinkButton = exports.mCheckboxItemData = exports.mCheckboxButton = exports.mMarkedItemData = exports.mMonospaceItemData = exports.mStrikethroughItemData = exports.mUnderlineItemData = exports.mItalicItemData = exports.mBoldItemData = exports.mRedoItemData = exports.mUndoItemData = void 0;
 exports.mHiddenDataByPreset = exports.mToolbarConfigByPreset = exports.mToolbarConfig = exports.mBiusGroupConfig = exports.mHistoryGroupConfig = exports.mHiddenData = exports.mMathListConfig = exports.mCodeListConfig = void 0;
 const tslib_1 = require("tslib");
+/**
+ * @deprecated This file is deprecated. Use ToolbarsPreset instead.
+ */
 const react_1 = tslib_1.__importDefault(require("react"));
 const menubar_1 = require("../../i18n/menubar");
 const commands_1 = require("../../markup/commands");

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

@@ -1,3 +1,6 @@
+/**
+ * @deprecated This file is deprecated. Use ToolbarsPreset instead.
+ */
 import { ActionStorage } from 'src/core';
 import type { SelectionContextConfig, SelectionContextItemData } from '../../extensions/behavior/SelectionContext';
 import { ToolbarGroupItemData, ToolbarItemData, ToolbarListButtonItemData, ToolbarListItemData, ToolbarSingleItemData } from '../../toolbar';

package/build/cjs/bundle/toolbar/utils.d.ts

@@ -0,0 +1,17 @@
+import type { ToolbarsPreset } from '../../modules/toolbars/types';
+import type { MToolbarData, MToolbarItemData, WToolbarData, WToolbarItemData } from '../../toolbar';
+import type { MarkdownEditorViewProps } from '../MarkdownEditorView';
+import { MarkdownEditorPreset } from '../types';
+export declare const createConfig: <T extends MToolbarData | WToolbarData>(editorType: 'wysiwyg' | 'markup', toolbarPreset: ToolbarsPreset | MarkdownEditorPreset, toolbarName: string) => T;
+interface GetToolbarsConfigsArgs {
+    toolbarsPreset?: ToolbarsPreset;
+    props: Pick<MarkdownEditorViewProps, 'markupToolbarConfig' | 'wysiwygToolbarConfig' | 'wysiwygHiddenActionsConfig' | 'markupHiddenActionsConfig'>;
+    preset: MarkdownEditorPreset;
+}
+export declare const getToolbarsConfigs: ({ toolbarsPreset, props, preset }: GetToolbarsConfigsArgs) => {
+    wysiwygToolbarConfig: WToolbarData;
+    markupToolbarConfig: MToolbarData;
+    wysiwygHiddenActionsConfig: WToolbarItemData[];
+    markupHiddenActionsConfig: MToolbarItemData[];
+};
+export {};

package/build/cjs/bundle/toolbar/utils.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getToolbarsConfigs = exports.createConfig = void 0;
+const constants_1 = require("../../modules/toolbars/constants");
+const presets_1 = require("../../modules/toolbars/presets");
+const toolbar_1 = require("../../toolbar");
+const defaultPresets = {
+    zero: presets_1.zero,
+    commonmark: presets_1.commonmark,
+    default: presets_1.defaultPreset,
+    yfm: presets_1.yfm,
+    full: presets_1.full,
+};
+const transformItem = (type, item, id = 'unknown') => {
+    var _a;
+    if (!item) {
+        console.warn(`Toolbar item "${id}" not found, it might not have been added to the items dictionary.`);
+        return {};
+    }
+    const isListButton = item.view.type === toolbar_1.ToolbarDataType.ListButton;
+    return Object.assign(Object.assign(Object.assign({ type: (_a = item.view.type) !== null && _a !== void 0 ? _a : toolbar_1.ToolbarDataType.SingleButton, id, title: item.view.title, hint: item.view.hint, icon: item.view.icon, hotkey: item.view.hotkey }, (isListButton && { withArrow: item.view.withArrow })), (type === 'wysiwyg' && item.wysiwyg && Object.assign({}, item.wysiwyg))), (type === 'markup' && item.markup && Object.assign({}, item.markup)));
+};
+const createConfig = (editorType, toolbarPreset, toolbarName) => {
+    var _a;
+    const preset = typeof toolbarPreset === 'string'
+        ? defaultPresets[toolbarPreset] || defaultPresets.default
+        : toolbarPreset;
+    const orders = (_a = preset.orders[toolbarName]) !== null && _a !== void 0 ? _a : [[]];
+    const { items } = preset;
+    const toolbarData = orders.map((group) => group.map((action) => {
+        return typeof action === 'string'
+            ? transformItem(editorType, items[action], action)
+            : Object.assign(Object.assign({}, transformItem(editorType, items[action.id], action.id)), { data: action.items.map((id) => transformItem(editorType, items[id], id)) });
+    }));
+    return toolbarData;
+};
+exports.createConfig = createConfig;
+const flattenPreset = (config) => {
+    var _a;
+    // TODO: @makhnatkin add logic for flatten
+    return ((_a = config[0]) !== null && _a !== void 0 ? _a : []);
+};
+const getToolbarsConfigs = ({ toolbarsPreset, props, preset }) => {
+    var _a, _b, _c, _d;
+    const wysiwygToolbarConfig = toolbarsPreset
+        ? (0, exports.createConfig)('wysiwyg', toolbarsPreset, constants_1.ToolbarName.wysiwygMain)
+        : (_a = props.wysiwygToolbarConfig) !== null && _a !== void 0 ? _a : (0, exports.createConfig)('wysiwyg', preset, constants_1.ToolbarName.wysiwygMain);
+    const markupToolbarConfig = toolbarsPreset
+        ? (0, exports.createConfig)('markup', toolbarsPreset, constants_1.ToolbarName.markupMain)
+        : (_b = props.markupToolbarConfig) !== null && _b !== void 0 ? _b : (0, exports.createConfig)('markup', preset, constants_1.ToolbarName.markupMain);
+    const wysiwygHiddenActionsConfig = toolbarsPreset
+        ? flattenPreset((0, exports.createConfig)('wysiwyg', toolbarsPreset, constants_1.ToolbarName.wysiwygHidden))
+        : (_c = props.wysiwygHiddenActionsConfig) !== null && _c !== void 0 ? _c : flattenPreset((0, exports.createConfig)('wysiwyg', preset, constants_1.ToolbarName.wysiwygHidden));
+    const markupHiddenActionsConfig = toolbarsPreset
+        ? flattenPreset((0, exports.createConfig)('markup', toolbarsPreset, constants_1.ToolbarName.markupHidden))
+        : (_d = props.markupHiddenActionsConfig) !== null && _d !== void 0 ? _d : flattenPreset((0, exports.createConfig)('markup', preset, constants_1.ToolbarName.markupHidden));
+    return {
+        wysiwygToolbarConfig,
+        markupToolbarConfig,
+        wysiwygHiddenActionsConfig,
+        markupHiddenActionsConfig,
+    };
+};
+exports.getToolbarsConfigs = getToolbarsConfigs;

package/build/cjs/extensions/markdown/Link/paste-plugin.js

@@ -13,21 +13,37 @@ function linkPasteEnhance({ markupParser: parser }) {
                 paste(view, e) {
                     const { state, dispatch } = view;
                     const sel = state.selection;
+                    let tr = null;
                     if ((0, selection_1.isTextSelection)(sel) ||
                         ((0, selection_1.isNodeSelection)(sel) && sel.node.type === (0, Image_1.imageType)(state.schema))) {
                         const { $from, $to } = sel;
-                        if ($from.pos !== $to.pos && $from.sameParent($to)) {
+                        if ($from.pos === $to.pos) {
                             const url = getUrl(e.clipboardData, parser);
                             if (url) {
-                                const tr = state.tr.addMark($from.pos, $to.pos, (0, index_1.linkType)(state.schema).create({
+                                const linkMarkType = (0, index_1.linkType)(state.schema);
+                                tr = state.tr.replaceSelectionWith(state.schema.text(url, [
+                                    ...$from
+                                        .marks()
+                                        .filter((mark) => mark.type !== linkMarkType),
+                                    linkMarkType.create({ [index_1.LinkAttr.Href]: url }),
+                                ]), false);
+                            }
+                        }
+                        else if ($from.sameParent($to)) {
+                            const url = getUrl(e.clipboardData, parser);
+                            if (url) {
+                                tr = state.tr.addMark($from.pos, $to.pos, (0, index_1.linkType)(state.schema).create({
                                     [index_1.LinkAttr.Href]: url,
                                 }));
-                                dispatch(tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, $to.pos)));
-                                e.preventDefault();
-                                return true;
+                                tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, $to.pos));
                             }
                         }
                     }
+                    if (tr) {
+                        dispatch(tr.scrollIntoView());
+                        e.preventDefault();
+                        return true;
+                    }
                     return false;
                 },
             },

package/build/cjs/i18n/menubar/en.json

@@ -44,6 +44,7 @@
   "mermaid": "Mermaid",
   "mono": "Monospace",
   "more_action": "More action",
+  "move_list": "Move list item",
   "note": "Note",
   "olist": "Ordered list",
   "quote": "Quote",

package/build/cjs/i18n/menubar/index.d.ts

@@ -1,4 +1,4 @@
-export declare const i18n: <G extends "bold" | "code" | "colorify" | "mono" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "text" | "html" | "cut" | "table" | "image" | "code_inline" | "list" | "heading" | "note" | "file" | "checkbox" | "emoji" | "undo" | "redo" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "math_inline" | "math_block" | "tabs" | "mermaid" | "gpt" | "codeblock" | "math" | "colorify__color_blue" | "colorify__color_default" | "colorify__color_gray" | "colorify__color_green" | "colorify__color_orange" | "colorify__color_red" | "colorify__color_violet" | "colorify__color_yellow" | "colorify__group_text" | "emoji__hint" | "folding-heading" | "folding-heading__hint" | "hrule" | "list__action_lift" | "list__action_sink" | "list_action_disabled" | "more_action" | "olist" | "ulist", S extends string>(key: G | (string extends S ? S : never), params?: {
+export declare const i18n: <G extends "bold" | "code" | "colorify" | "mono" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "text" | "html" | "cut" | "table" | "image" | "code_inline" | "list" | "heading" | "note" | "file" | "checkbox" | "emoji" | "gpt" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "math_block" | "math_inline" | "mermaid" | "redo" | "tabs" | "undo" | "codeblock" | "math" | "colorify__color_blue" | "colorify__color_default" | "colorify__color_gray" | "colorify__color_green" | "colorify__color_orange" | "colorify__color_red" | "colorify__color_violet" | "colorify__color_yellow" | "colorify__group_text" | "emoji__hint" | "folding-heading" | "folding-heading__hint" | "hrule" | "list__action_lift" | "list__action_sink" | "list_action_disabled" | "more_action" | "move_list" | "olist" | "ulist", S extends string>(key: G | (string extends S ? S : never), params?: {
     [key: string]: any;
 } | undefined) => S extends G ? {
     bold: string;
@@ -46,6 +46,7 @@ export declare const i18n: <G extends "bold" | "code" | "colorify" | "mono" | "l
     mermaid: string;
     mono: string;
     more_action: string;
+    move_list: string;
     note: string;
     olist: string;
     quote: string;

package/build/cjs/i18n/menubar/ru.json

@@ -44,6 +44,7 @@
   "mermaid": "Mermaid",
   "mono": "Моноширинный",
   "more_action": "Другие действия",
+  "move_list": "Переместить элемент списка",
   "note": "Примечание",
   "olist": "Нумерованный список",
   "quote": "Цитата",

package/build/cjs/markup/codemirror/create.js

@@ -17,6 +17,7 @@ const converters_1 = require("./html-to-markdown/converters");
 const pairing_chars_1 = require("./pairing-chars");
 const react_facet_1 = require("./react-facet");
 const plugin_1 = require("./search-plugin/plugin");
+const smart_reindent_1 = require("./smart-reindent");
 const yfm_1 = require("./yfm");
 function createCodemirror(params) {
     const { doc, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, disabledExtensions = {}, keymaps = [], receiver, yfmLangOptions, extensions: extraExtensions, placeholder: placeholderContent, autocompletion: autocompletionConfig, parseHtmlOnPaste, parseInsertedUrlAsImage, directiveSyntax, } = params;
@@ -73,12 +74,16 @@ function createCodemirror(params) {
             var _a;
             if (!event.clipboardData)
                 return;
+            const { from } = editor.state.selection.main;
+            const line = editor.state.doc.lineAt(from);
+            const currentLine = line.text;
             // if clipboard contains YFM content - avoid any meddling with pasted content
             // since text/yfm will contain valid markdown
             const yfmContent = event.clipboardData.getData(clipboard_1.DataTransferType.Yfm);
             if (yfmContent) {
                 event.preventDefault();
-                editor.dispatch(editor.state.replaceSelection(yfmContent));
+                const reindentedYfmContent = (0, smart_reindent_1.smartReindent)(yfmContent, currentLine);
+                editor.dispatch(editor.state.replaceSelection(reindentedYfmContent));
                 return;
             }
             // checking if a copy buffer content is suitable for convertion
@@ -103,23 +108,31 @@ function createCodemirror(params) {
                 }
                 if (parsedMarkdownMarkup !== undefined) {
                     event.preventDefault();
-                    editor.dispatch(editor.state.replaceSelection(parsedMarkdownMarkup));
+                    const reindentedHtmlContent = (0, smart_reindent_1.smartReindent)(parsedMarkdownMarkup, currentLine);
+                    editor.dispatch(editor.state.replaceSelection(reindentedHtmlContent));
                     return;
                 }
             }
             if (parseInsertedUrlAsImage) {
                 const { imageUrl, title } = parseInsertedUrlAsImage((_a = event.clipboardData.getData(clipboard_1.DataTransferType.Text)) !== null && _a !== void 0 ? _a : '') || {};
-                if (!imageUrl) {
-                    return;
+                if (imageUrl) {
+                    event.preventDefault();
+                    (0, commands_2.insertImages)([
+                        {
+                            url: imageUrl,
+                            alt: title,
+                            title,
+                        },
+                    ])(editor);
                 }
+            }
+            // Reindenting pasted plain text
+            const pastedText = event.clipboardData.getData(clipboard_1.DataTransferType.Text);
+            const reindentedText = (0, smart_reindent_1.smartReindent)(pastedText, currentLine);
+            // but only if there is a need for reindentation
+            if (pastedText !== reindentedText) {
+                editor.dispatch(editor.state.replaceSelection(reindentedText));
                 event.preventDefault();
-                (0, commands_2.insertImages)([
-                    {
-                        url: imageUrl,
-                        alt: title,
-                        title,
-                    },
-                ])(editor);
             }
         },
     }), (0, plugin_1.SearchPanelPlugin)({

package/build/cjs/markup/codemirror/smart-reindent/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Reindents pasted text based on the current line's markers
+ */
+export declare function smartReindent(pastedText: string, currentLineText: string): string;

package/build/cjs/markup/codemirror/smart-reindent/index.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.smartReindent = void 0;
+const utils_1 = require("./utils");
+/**
+ * Reindents pasted text based on the current line's markers
+ */
+function smartReindent(pastedText, currentLineText) {
+    // If current line is empty, return pasted text as is
+    if (currentLineText.length === 0) {
+        return pastedText;
+    }
+    // Get markers from current line
+    const markers = (0, utils_1.parseMarkers)(currentLineText);
+    // If no markers found, return pasted text as is
+    if (markers.length === 0) {
+        return pastedText;
+    }
+    // Create indentation for subsequent lines by replacing list markers with spaces
+    const subsequentIndent = markers
+        .map((marker) => {
+        if (marker.match(/^\d{1,6}\. |-|\*|\+/)) {
+            return ' '.repeat(marker.length);
+        }
+        return marker;
+    })
+        .join('');
+    // Split and process the pasted text
+    const lines = pastedText.split('\n');
+    const reindentedText = lines
+        .map((line, index) => {
+        // First line doesn't need indentation
+        if (index === 0) {
+            return line;
+        }
+        // Add indentation to all subsequent lines, including empty ones
+        return subsequentIndent + line;
+    })
+        .join('\n');
+    return reindentedText;
+}
+exports.smartReindent = smartReindent;

package/build/cjs/markup/codemirror/smart-reindent/utils.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Parses markdown-style markers from the start of a line
+ * Returns an array of markers found:
+ * - ' ' for indentation
+ * - '> ' for blockquotes
+ * - '* ' or '- ' for list items
+ * - '1. ' for numbered lists
+ *
+ * Example inputs:
+ *   "  * list" -> ['  ', '* ']
+ *   "> quoted" -> ['> ']
+ *   "    nested" -> ['  ', '  ']
+ *   "1. list" -> ['1. ']
+ */
+export declare function parseMarkers(text: string): string[];

package/build/cjs/markup/codemirror/smart-reindent/utils.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseMarkers = void 0;
+/**
+ * Parses markdown-style markers from the start of a line
+ * Returns an array of markers found:
+ * - ' ' for indentation
+ * - '> ' for blockquotes
+ * - '* ' or '- ' for list items
+ * - '1. ' for numbered lists
+ *
+ * Example inputs:
+ *   "  * list" -> ['  ', '* ']
+ *   "> quoted" -> ['> ']
+ *   "    nested" -> ['  ', '  ']
+ *   "1. list" -> ['1. ']
+ */
+function parseMarkers(text) {
+    const markers = [];
+    let pos = 0;
+    while (pos < text.length) {
+        // Handle code block (4 spaces)
+        if (pos + 3 < text.length &&
+            text[pos] === ' ' &&
+            text[pos + 1] === ' ' &&
+            text[pos + 2] === ' ' &&
+            text[pos + 3] === ' ') {
+            markers.push('    ');
+            pos += 4;
+            continue;
+        }
+        // Handle numbered lists (1-6 digits followed by dot and space)
+        if (/^\d{1,6}\. /.test(text.slice(pos))) {
+            const match = text.slice(pos).match(/^(\d{1,6}\. )/);
+            if (match) {
+                markers.push(match[1]);
+                pos += match[1].length;
+                continue;
+            }
+        }
+        // Handle block quotes and list markers
+        if (text[pos] === '>' || text[pos] === '-' || text[pos] === '*' || text[pos] === '+') {
+            if (pos + 1 < text.length && text[pos + 1] === ' ') {
+                markers.push(text[pos] + ' ');
+                pos += 2;
+                continue;
+            }
+        }
+        // Handle single space (last priority)
+        if (text[pos] === ' ') {
+            markers.push(' ');
+            pos += 1;
+            continue;
+        }
+        break;
+    }
+    return markers;
+}
+exports.parseMarkers = parseMarkers;