@gravity-ui/markdown-editor 14.8.0 → 14.10.0

package/build/esm/core/markdown/MarkdownParser.js

@@ -1,5 +1,6 @@
 import { Mark } from 'prosemirror-model';
 import { logger } from '../../logger';
+import { ProseMirrorTransformer } from './ProseMirrorTransformer';
 const openSuffix = '_open';
 const closeSuffix = '_close';
 var TokenType;
@@ -9,12 +10,13 @@ var TokenType;
     TokenType["default"] = "default";
 })(TokenType || (TokenType = {}));
 export class MarkdownParser {
-    constructor(schema, tokenizer, tokens) {
+    constructor(schema, tokenizer, tokens, pmTransformers) {
         this.stack = [];
         this.schema = schema;
         this.marks = Mark.none;
         this.tokens = tokens;
         this.tokenizer = tokenizer;
+        this.pmTransformers = pmTransformers;
     }
     validateLink(url) {
         return this.tokenizer.validateLink(url);
@@ -47,7 +49,8 @@ export class MarkdownParser {
             do {
                 doc = this.closeNode();
             } while (this.stack.length);
-            return (doc || this.schema.topNodeType.createAndFill());
+            const pmTransformer = new ProseMirrorTransformer(this.pmTransformers);
+            return doc ? pmTransformer.transform(doc) : this.schema.topNodeType.createAndFill();
         }
         finally {
             logger.metrics({ component: 'parser', event: 'parse', duration: Date.now() - time });

package/build/esm/core/markdown/MarkdownSerializer.js

@@ -161,7 +161,7 @@ export class MarkdownSerializerState {
             const startOfLine = this.atBlank() || this.closed;
             this.write();
             let text = lines[i];
-            if (escape !== false)
+            if (escape !== false && this.options.escape !== false)
                 text = this.esc(text, startOfLine);
             if (this.escapeWhitespace)
                 text = this.escWhitespace(text);

package/build/esm/core/markdown/ProseMirrorTransformer/emptyRowTransformer.d.ts

@@ -0,0 +1,2 @@
+import { TransformFn } from './index';
+export declare const transformEmptyParagraph: TransformFn;

package/build/esm/core/markdown/ProseMirrorTransformer/emptyRowTransformer.js

@@ -0,0 +1,11 @@
+export const transformEmptyParagraph = (node) => {
+    var _a, _b;
+    if (node.type !== 'paragraph')
+        return;
+    if (((_a = node.content) === null || _a === void 0 ? void 0 : _a.length) !== 1)
+        return;
+    if (((_b = node.content[0]) === null || _b === void 0 ? void 0 : _b.type) !== 'text')
+        return;
+    if (node.content[0].text === String.fromCharCode(160))
+        delete node.content;
+};

package/build/esm/core/markdown/ProseMirrorTransformer/getTransformers.d.ts

@@ -0,0 +1,7 @@
+import { TransformFn } from '.';
+declare type GetTransformersProps = {
+    emptyRowTransformer?: boolean;
+};
+declare type GetPMTransformersType = (config: GetTransformersProps) => TransformFn[];
+export declare const getPMTransformers: GetPMTransformersType;
+export {};

package/build/esm/core/markdown/ProseMirrorTransformer/getTransformers.js

@@ -0,0 +1,9 @@
+// TODO: add a new method to the ExtensionBuilder
+import { transformEmptyParagraph } from './emptyRowTransformer';
+export const getPMTransformers = ({ emptyRowTransformer }) => {
+    const transformers = [];
+    if (emptyRowTransformer) {
+        transformers.push(transformEmptyParagraph);
+    }
+    return transformers;
+};

package/build/esm/core/markdown/ProseMirrorTransformer/index.d.ts

@@ -0,0 +1,15 @@
+import { Node } from 'prosemirror-model';
+declare type PMNodeJSON = {
+    type: string;
+    attrs?: Record<string, any>;
+    content?: PMNodeJSON[];
+    text?: string;
+};
+export declare type TransformFn = (node: PMNodeJSON) => void;
+export declare class ProseMirrorTransformer {
+    private readonly _transformers;
+    constructor(fns: TransformFn[]);
+    transform(doc: Node): Node;
+    transformJSON(node: PMNodeJSON): void;
+}
+export {};

package/build/esm/core/markdown/ProseMirrorTransformer/index.js

@@ -0,0 +1,21 @@
+import { Node } from 'prosemirror-model';
+export class ProseMirrorTransformer {
+    constructor(fns) {
+        this._transformers = fns;
+    }
+    transform(doc) {
+        const docJSON = doc.toJSON();
+        this.transformJSON(docJSON);
+        return Node.fromJSON(doc.type.schema, docJSON);
+    }
+    transformJSON(node) {
+        for (const fn of this._transformers) {
+            fn(node);
+        }
+        if (node.content) {
+            for (const child of node.content) {
+                this.transformJSON(child);
+            }
+        }
+    }
+}

package/build/esm/extensions/additional/Math/MathSpecs/index.js

@@ -40,6 +40,7 @@ export const MathSpecs = (builder) => {
             code: true,
             toDOM: () => ['div', { class: 'math-block' }, 0],
             parseDOM: [{ tag: 'div.math-block', priority: 200 }],
+            selectable: true,
         },
         fromMd: {
             tokenName: 'math_block',

package/build/esm/extensions/base/BaseSchema/BaseSchemaSpecs/index.d.ts

@@ -8,5 +8,6 @@ export declare enum BaseNode {
 export declare const pType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
 export declare type BaseSchemaSpecsOptions = {
     paragraphPlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];
+    preserveEmptyRows?: boolean;
 };
 export declare const BaseSchemaSpecs: ExtensionAuto<BaseSchemaSpecsOptions>;

package/build/esm/extensions/base/BaseSchema/BaseSchemaSpecs/index.js

@@ -42,6 +42,7 @@ export const BaseSchemaSpecs = (builder, opts) => {
                     0,
                 ];
             },
+            selectable: true,
             placeholder: opts.paragraphPlaceholder
                 ? {
                     content: opts.paragraphPlaceholder,
@@ -50,9 +51,28 @@ export const BaseSchemaSpecs = (builder, opts) => {
                 : undefined,
         },
         fromMd: { tokenSpec: { name: BaseNode.Paragraph, type: 'block' } },
-        toMd: (state, node) => {
-            state.renderInline(node);
-            state.closeBlock(node);
+        toMd: (state, node, parent) => {
+            /*
+                An empty line is added only if there is some content in the parent element.
+                This is necessary in order to prevent an empty document with empty lines
+            */
+            if (opts.preserveEmptyRows && !node.content.size) {
+                let isParentEmpty = true;
+                for (let index = 0; index < parent.content.childCount; index++) {
+                    const parentChild = parent.content.child(index);
+                    if (parentChild.content.size !== 0 ||
+                        parentChild.type.name !== 'paragraph') {
+                        isParentEmpty = false;
+                    }
+                }
+                if (!isParentEmpty) {
+                    state.write('&nbsp;\n\n');
+                }
+            }
+            else {
+                state.renderInline(node);
+                state.closeBlock(node);
+            }
         },
     }));
 };

package/build/esm/extensions/behavior/Selection/selection.js

@@ -71,11 +71,7 @@ const getTopLevelNodesFromSelection = (selection, doc) => {
         const { from, to } = selection;
         doc.nodesBetween(from, to, (node, pos) => {
             const withinSelection = from <= pos && pos + node.nodeSize <= to;
-            if (node &&
-                node.type.name !== 'paragraph' &&
-                !node.isText &&
-                node.type.spec.selectable &&
-                withinSelection) {
+            if (node && !node.isText && node.type.spec.selectable !== false && withinSelection) {
                 nodes.push({ node, pos });
                 return false;
             }

package/build/esm/extensions/markdown/Blockquote/BlockquoteSpecs/index.js

@@ -12,6 +12,7 @@ export const BlockquoteSpecs = (builder) => {
             toDOM() {
                 return ['blockquote', 0];
             },
+            selectable: true,
         },
         fromMd: { tokenSpec: { name: blockquoteNodeName, type: 'block' } },
         toMd: (state, node) => {

package/build/esm/extensions/markdown/CodeBlock/commands.js

@@ -16,7 +16,7 @@ export const setCodeBlockType = ({ serializer }) => (state, dispatch) => {
     if (!setBlockType(nodeType)(state))
         return false;
     if (dispatch) {
-        const markup = serializer.serialize(state.selection.content().content);
+        const markup = serializer.serialize(state.selection.content().content, { escape: false });
         dispatch(state.tr.replaceSelectionWith(nodeType.createAndFill({}, markup ? state.schema.text(markup) : null)));
     }
     return true;

package/build/esm/extensions/markdown/HorizontalRule/HorizontalRuleSpecs/index.js

@@ -11,6 +11,7 @@ export const HorizontalRuleSpecs = (builder) => {
             toDOM() {
                 return ['div', ['hr']];
             },
+            selectable: true,
         },
         fromMd: {
             tokenName: 'hr',

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

@@ -10,21 +10,37 @@ export function linkPasteEnhance({ markupParser: parser }) {
                 paste(view, e) {
                     const { state, dispatch } = view;
                     const sel = state.selection;
+                    let tr = null;
                     if (isTextSelection(sel) ||
                         (isNodeSelection(sel) && sel.node.type === 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, linkType(state.schema).create({
+                                const linkMarkType = linkType(state.schema);
+                                tr = state.tr.replaceSelectionWith(state.schema.text(url, [
+                                    ...$from
+                                        .marks()
+                                        .filter((mark) => mark.type !== linkMarkType),
+                                    linkMarkType.create({ [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, linkType(state.schema).create({
                                     [LinkAttr.Href]: url,
                                 }));
-                                dispatch(tr.setSelection(TextSelection.create(tr.doc, $to.pos)));
-                                e.preventDefault();
-                                return true;
+                                tr.setSelection(TextSelection.create(tr.doc, $to.pos));
                             }
                         }
                     }
+                    if (tr) {
+                        dispatch(tr.scrollIntoView());
+                        e.preventDefault();
+                        return true;
+                    }
                     return false;
                 },
             },

package/build/esm/extensions/yfm/YfmTabs/YfmTabsSpecs/schema.js

@@ -64,6 +64,7 @@ export const getSchemaSpecs = (opts, placeholder) => {
             toDOM(node) {
                 return ['div', node.attrs, 0];
             },
+            selectable: true,
             complex: 'root',
         },
         [TabsNode.TabsList]: {

package/build/esm/i18n/empty-row/en.json

@@ -0,0 +1,3 @@
+{
+  "snippet.text": "Empty row"
+}

package/build/esm/i18n/empty-row/index.d.ts

@@ -0,0 +1,5 @@
+export declare const i18n: <G extends "snippet.text", S extends string>(key: G | (string extends S ? S : never), params?: {
+    [key: string]: any;
+} | undefined) => S extends G ? {
+    "snippet.text": string;
+}[G] : string;

package/build/esm/i18n/empty-row/index.js

@@ -0,0 +1,5 @@
+import { registerKeyset } from '../i18n';
+import en from './en.json';
+import ru from './ru.json';
+const KEYSET = 'empty-row';
+export const i18n = registerKeyset(KEYSET, { en, ru });

package/build/esm/i18n/empty-row/ru.json

@@ -0,0 +1,3 @@
+{
+  "snippet.text": "Пустая строка"
+}

package/build/esm/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/esm/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/esm/i18n/menubar/ru.json

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

package/build/esm/i18n/yfm-note/index.d.ts

@@ -1,4 +1,4 @@
-export declare const i18n: <G extends "remove" | "info" | "warning" | "tip" | "alert", S extends string>(key: G | (string extends S ? S : never), params?: {
+export declare const i18n: <G extends "remove" | "info" | "tip" | "warning" | "alert", S extends string>(key: G | (string extends S ? S : never), params?: {
     [key: string]: any;
 } | undefined) => S extends G ? {
     info: string;

package/build/esm/index.d.ts

@@ -1,6 +1,7 @@
 export * from './common';
 export * from './core';
 export * from './toolbar';
+export * from './modules/toolbars/types';
 export * from './react-utils';
 export * from './classname';
 export * from './logger';

package/build/esm/index.js

@@ -1,6 +1,7 @@
 export * from './common';
 export * from './core';
 export * from './toolbar';
+export * from './modules/toolbars/types';
 export * from './react-utils';
 export * from './classname';
 export * from './logger';

package/build/esm/markup/codemirror/autocomplete/emptyRow.d.ts

@@ -0,0 +1,9 @@
+import { CompletionContext, CompletionResult } from '@codemirror/autocomplete';
+export declare const emptyRowSnippetTemplate = " \n\n";
+export declare const emptyRowSnippet: (editor: {
+    state: import("@codemirror/state").EditorState;
+    dispatch: (tr: import("@codemirror/state").Transaction) => void;
+}, completion: import("@codemirror/autocomplete").Completion | null, from: number, to: number) => void;
+export declare const emptyRowAutocomplete: {
+    autocomplete: (context: CompletionContext) => CompletionResult | null;
+};

package/build/esm/markup/codemirror/autocomplete/emptyRow.js

@@ -0,0 +1,23 @@
+import { snippet } from '@codemirror/autocomplete';
+import { i18n } from '../../../../src/i18n/empty-row';
+export const emptyRowSnippetTemplate = ' \n\n';
+export const emptyRowSnippet = snippet(emptyRowSnippetTemplate);
+export const emptyRowAutocomplete = {
+    autocomplete: (context) => {
+        const word = context.matchBefore(/^.*/);
+        if (word === null || word === void 0 ? void 0 : word.text.startsWith('&')) {
+            return {
+                from: word.from,
+                options: [
+                    {
+                        label: ' ',
+                        displayLabel: i18n('snippet.text'),
+                        type: 'text',
+                        apply: emptyRowSnippet,
+                    },
+                ],
+            };
+        }
+        return null;
+    },
+};

package/build/esm/markup/codemirror/autocomplete/index.d.ts

@@ -0,0 +1,5 @@
+declare type GetAutocompleteConfig = {
+    preserveEmptyRows?: boolean;
+};
+export declare const getAutocompleteConfig: ({ preserveEmptyRows }: GetAutocompleteConfig) => import("../yfm").LanguageData[];
+export {};

package/build/esm/markup/codemirror/autocomplete/index.js

@@ -0,0 +1,10 @@
+import { mdAutocomplete } from '../yfm';
+import { emptyRowAutocomplete } from './emptyRow';
+export const getAutocompleteConfig = ({ preserveEmptyRows }) => {
+    const autocompleteItems = [];
+    if (preserveEmptyRows) {
+        autocompleteItems.push(emptyRowAutocomplete);
+    }
+    autocompleteItems.push(mdAutocomplete);
+    return autocompleteItems;
+};

package/build/esm/markup/codemirror/create.d.ts

@@ -33,6 +33,7 @@ export declare type CreateCodemirrorParams = {
     yfmLangOptions?: YfmLangOptions;
     autocompletion?: Autocompletion;
     directiveSyntax: DirectiveSyntaxContext;
+    preserveEmptyRows: boolean;
 };
 export declare function createCodemirror(params: CreateCodemirrorParams): EditorView;
 export declare function withLogger(action: string, command: StateCommand): StateCommand;

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

@@ -6,7 +6,7 @@ import { ActionName } from '../../bundle/config/action-names';
 import { logger } from '../../logger';
 import { Action as A, formatter as f } from '../../shortcuts';
 import { DataTransferType, shouldSkipHtmlConversion } from '../../utils/clipboard';
-import { insertImages, insertLink, toH1, toH2, toH3, toH4, toH5, toH6, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline, wrapToCodeBlock, wrapToInlineCode, wrapToYfmCut, wrapToYfmNote, } from '../commands';
+import { insertEmptyRow, insertImages, insertLink, toH1, toH2, toH3, toH4, toH5, toH6, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline, wrapToCodeBlock, wrapToInlineCode, wrapToYfmCut, wrapToYfmNote, } from '../commands';
 import { DirectiveSyntaxFacet } from './directive-facet';
 import { FileUploadHandlerFacet } from './files-upload-facet';
 import { gravityHighlightStyle, gravityTheme } from './gravity';
@@ -14,9 +14,10 @@ import { MarkdownConverter } from './html-to-markdown/converters';
 import { PairingCharactersExtension } from './pairing-chars';
 import { ReactRendererFacet } from './react-facet';
 import { SearchPanelPlugin } from './search-plugin/plugin';
+import { smartReindent } from './smart-reindent';
 import { yfmLang } from './yfm';
 export 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;
+    const { doc, reactRenderer, onCancel, onScroll, onSubmit, onChange, onDocChange, disabledExtensions = {}, keymaps = [], receiver, yfmLangOptions, extensions: extraExtensions, placeholder: placeholderContent, autocompletion: autocompletionConfig, parseHtmlOnPaste, parseInsertedUrlAsImage, directiveSyntax, preserveEmptyRows, } = params;
     const extensions = [gravityTheme, placeholder(placeholderContent)];
     if (!disabledExtensions.history) {
         extensions.push(history());
@@ -70,12 +71,16 @@ export 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(DataTransferType.Yfm);
             if (yfmContent) {
                 event.preventDefault();
-                editor.dispatch(editor.state.replaceSelection(yfmContent));
+                const reindentedYfmContent = smartReindent(yfmContent, currentLine);
+                editor.dispatch(editor.state.replaceSelection(reindentedYfmContent));
                 return;
             }
             // checking if a copy buffer content is suitable for convertion
@@ -100,29 +105,42 @@ export function createCodemirror(params) {
                 }
                 if (parsedMarkdownMarkup !== undefined) {
                     event.preventDefault();
-                    editor.dispatch(editor.state.replaceSelection(parsedMarkdownMarkup));
+                    const reindentedHtmlContent = smartReindent(parsedMarkdownMarkup, currentLine);
+                    editor.dispatch(editor.state.replaceSelection(reindentedHtmlContent));
                     return;
                 }
             }
             if (parseInsertedUrlAsImage) {
                 const { imageUrl, title } = parseInsertedUrlAsImage((_a = event.clipboardData.getData(DataTransferType.Text)) !== null && _a !== void 0 ? _a : '') || {};
-                if (!imageUrl) {
-                    return;
+                if (imageUrl) {
+                    event.preventDefault();
+                    insertImages([
+                        {
+                            url: imageUrl,
+                            alt: title,
+                            title,
+                        },
+                    ])(editor);
                 }
+            }
+            // Reindenting pasted plain text
+            const pastedText = event.clipboardData.getData(DataTransferType.Text);
+            const reindentedText = smartReindent(pastedText, currentLine);
+            // but only if there is a need for reindentation
+            if (pastedText !== reindentedText) {
+                editor.dispatch(editor.state.replaceSelection(reindentedText));
                 event.preventDefault();
-                insertImages([
-                    {
-                        url: imageUrl,
-                        alt: title,
-                        title,
-                    },
-                ])(editor);
             }
         },
     }), SearchPanelPlugin({
         anchorSelector: '.g-md-search-anchor',
         receiver,
     }));
+    if (preserveEmptyRows) {
+        extensions.push(keymap.of([
+            { key: f.toCM(A.EmptyRow), run: withLogger(ActionName.emptyRow, insertEmptyRow) },
+        ]));
+    }
     if (params.uploadHandler) {
         extensions.push(FileUploadHandlerFacet.of({
             fn: params.uploadHandler,

package/build/esm/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/esm/markup/codemirror/smart-reindent/index.js

@@ -0,0 +1,38 @@
+import { parseMarkers } from './utils';
+/**
+ * Reindents pasted text based on the current line's markers
+ */
+export 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 = 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;
+}

package/build/esm/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/esm/markup/codemirror/smart-reindent/utils.js

@@ -0,0 +1,55 @@
+/**
+ * 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 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;
+}