@gravity-ui/markdown-editor 13.0.0

package/build/cjs/extensions/yfm/YfmCut/YfmCutSpecs/schema.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSchemaSpecs = void 0;
+const const_1 = require("../const");
+const DEFAULT_PLACEHOLDERS = {
+    Title: 'Cut title',
+    Content: 'Cut content',
+};
+const getSchemaSpecs = (opts, placeholder) => {
+    var _a, _b, _c, _d;
+    return ({
+        [const_1.CutNode.Cut]: {
+            attrs: { class: { default: 'yfm-cut' } },
+            content: `${const_1.CutNode.CutTitle} ${const_1.CutNode.CutContent}`,
+            group: 'block yfm-cut',
+            parseDOM: [{ tag: 'div.yfm-cut' }],
+            toDOM(node) {
+                return ['div', node.attrs, 0];
+            },
+            selectable: true,
+            allowSelection: true,
+            defining: true,
+            complex: 'root',
+        },
+        [const_1.CutNode.CutTitle]: {
+            attrs: { class: { default: 'yfm-cut-title' } },
+            content: 'inline*',
+            group: 'block yfm-cut',
+            parseDOM: [{ tag: 'div.yfm-cut-title' }],
+            toDOM(node) {
+                return ['div', node.attrs, 0];
+            },
+            placeholder: {
+                content: (_b = (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder[const_1.CutNode.CutTitle]) !== null && _a !== void 0 ? _a : opts === null || opts === void 0 ? void 0 : opts.yfmCutTitlePlaceholder) !== null && _b !== void 0 ? _b : DEFAULT_PLACEHOLDERS.Title,
+                alwaysVisible: true,
+            },
+            definingAsContext: true,
+            selectable: false,
+            allowSelection: false,
+            complex: 'leaf',
+        },
+        [const_1.CutNode.CutContent]: {
+            attrs: { class: { default: 'yfm-cut-content' } },
+            content: '(block | paragraph)+',
+            group: 'block yfm-cut',
+            parseDOM: [{ tag: 'div.yfm-cut-content' }],
+            toDOM(node) {
+                return ['div', node.attrs, 0];
+            },
+            placeholder: {
+                content: (_d = (_c = placeholder === null || placeholder === void 0 ? void 0 : placeholder[const_1.CutNode.CutContent]) !== null && _c !== void 0 ? _c : opts === null || opts === void 0 ? void 0 : opts.yfmCutContentPlaceholder) !== null && _d !== void 0 ? _d : DEFAULT_PLACEHOLDERS.Content,
+                alwaysVisible: true,
+            },
+            definingAsContext: true,
+            selectable: false,
+            allowSelection: false,
+            complex: 'leaf',
+        },
+    });
+};
+exports.getSchemaSpecs = getSchemaSpecs;

package/build/cjs/extensions/yfm/YfmCut/YfmCutSpecs/serializer.d.ts

@@ -0,0 +1,3 @@
+import type { SerializerNodeToken } from '../../../../core';
+import { CutNode } from './const';
+export declare const serializerTokens: Record<CutNode, SerializerNodeToken>;

package/build/cjs/extensions/yfm/YfmCut/YfmCutSpecs/serializer.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializerTokens = void 0;
+const nodes_1 = require("../../../../utils/nodes");
+const placeholder_1 = require("../../../../utils/placeholder");
+const const_1 = require("./const");
+exports.serializerTokens = {
+    [const_1.CutNode.Cut]: (state, node) => {
+        state.renderContent(node);
+        state.write('{% endcut %}');
+        state.closeBlock(node);
+    },
+    [const_1.CutNode.CutTitle]: (state, node) => {
+        state.write('{% cut "');
+        if (node.nodeSize > 2)
+            state.renderInline(node);
+        else
+            state.write((0, placeholder_1.getPlaceholderContent)(node));
+        state.write('" %}\n');
+        state.write('\n');
+        state.closeBlock();
+    },
+    [const_1.CutNode.CutContent]: (state, node) => {
+        if (!(0, nodes_1.isNodeEmpty)(node))
+            state.renderInline(node);
+        else
+            state.write((0, placeholder_1.getPlaceholderContent)(node) + '\n\n');
+    },
+};

package/build/cjs/extensions/yfm/YfmCut/actions/toYfmCut.d.ts

@@ -0,0 +1,4 @@
+import { Command } from 'prosemirror-state';
+import type { ActionSpec } from '../../../../core';
+export declare const createYfmCut: Command;
+export declare const toYfmCut: ActionSpec;

package/build/cjs/extensions/yfm/YfmCut/actions/toYfmCut.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toYfmCut = exports.createYfmCut = void 0;
+const prosemirror_state_1 = require("prosemirror-state");
+const prosemirror_utils_1 = require("prosemirror-utils");
+const const_1 = require("../const");
+const createYfmCutNode = (schema) => (content) => {
+    return (0, const_1.cutType)(schema).create({ class: 'yfm-cut open' }, [
+        (0, const_1.cutTitleType)(schema).create(null),
+        (0, const_1.cutContentType)(schema).create(null, content),
+    ]);
+};
+const createYfmCut = (state, dispatch) => {
+    const { schema, selection: sel } = state;
+    const textblock = (0, prosemirror_utils_1.findParentNodeClosestToPos)(sel.$from, (node) => node.isTextblock && !node.type.spec.complex);
+    if (!textblock)
+        return false;
+    if (dispatch) {
+        const sliceFromPos = textblock.pos;
+        let sliceToPos = sliceFromPos + textblock.node.nodeSize;
+        const tbIndex = sel.$from.index(textblock.depth - 1);
+        const tbParent = sel.$from.node(textblock.depth - 1);
+        const tbParentStartPos = sel.$from.start(textblock.depth - 1);
+        let flag = false;
+        // find appropriate sliceToPos
+        tbParent.forEach((node, offset, index) => {
+            if (index < tbIndex || flag)
+                return;
+            if (node.type.spec.complex && node.type.spec.complex !== 'root') {
+                flag = true;
+                return;
+            }
+            const absoluteAfterPos = tbParentStartPos + offset + node.nodeSize;
+            sliceToPos = absoluteAfterPos;
+            if (sel.to < sliceToPos)
+                flag = true;
+        });
+        const tr = state.tr;
+        tr.replaceWith(sliceFromPos, sliceToPos, createYfmCutNode(schema)(tr.doc.slice(sliceFromPos, sliceToPos, false).content));
+        // set selection to start of cut title
+        tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, sliceFromPos + 2));
+        dispatch(tr.scrollIntoView());
+    }
+    return true;
+};
+exports.createYfmCut = createYfmCut;
+exports.toYfmCut = {
+    isEnable(state) {
+        return (0, exports.createYfmCut)(state);
+    },
+    run(state, dispatch) {
+        (0, exports.createYfmCut)(state, dispatch);
+    },
+};

package/build/cjs/extensions/yfm/YfmCut/commands.d.ts

@@ -0,0 +1,13 @@
+import { Command } from 'prosemirror-state';
+export declare const liftEmptyBlockFromCut: Command;
+export declare const exitFromCutTitle: Command;
+/**
+ * Deletes the cut if the cursor is at the beginning of the title.
+ * Cut will be replaced with his title converted to paragraph and his content.
+ */
+export declare const removeCut: Command;
+/**
+ * If the cursor is at the beginning of the first paragraph in cut's content,
+ * moves the cursor to the end of the cut's title.
+ */
+export declare const backToCutTitle: Command;

package/build/cjs/extensions/yfm/YfmCut/commands.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.backToCutTitle = exports.removeCut = exports.exitFromCutTitle = exports.liftEmptyBlockFromCut = void 0;
+const prosemirror_model_1 = require("prosemirror-model");
+const prosemirror_state_1 = require("prosemirror-state");
+const nodes_1 = require("../../../utils/nodes");
+const schema_1 = require("../../../utils/schema");
+const selection_1 = require("../../../utils/selection");
+const base_1 = require("../../base");
+const const_1 = require("./const");
+const liftEmptyBlockFromCut = (state, dispatch) => {
+    const { selection, schema } = state;
+    if (!(0, selection_1.isTextSelection)(selection))
+        return false;
+    const { $cursor } = selection;
+    // cursor should be inside an empty textblock
+    if (!$cursor || $cursor.parent.content.size)
+        return false;
+    if ($cursor.depth > 2 && // yfm_cut -> yfm_cut_content -> <textblock>, depth must be at least 3
+        (0, schema_1.isSameNodeType)($cursor.node(-1), (0, const_1.cutContentType)(schema)) &&
+        (0, schema_1.isSameNodeType)($cursor.node(-2), (0, const_1.cutType)(schema)) &&
+        $cursor.node(-1).childCount > 1) {
+        // current texblock is last child of yfm_cut_content
+        if ($cursor.after() === $cursor.end(-1)) {
+            if (dispatch) {
+                dispatch(state.tr.lift($cursor.blockRange(), $cursor.depth - 3).scrollIntoView());
+            }
+            return true;
+        }
+    }
+    return false;
+};
+exports.liftEmptyBlockFromCut = liftEmptyBlockFromCut;
+const exitFromCutTitle = (state, dispatch) => {
+    const { selection, schema } = state;
+    if (!(0, selection_1.isTextSelection)(selection))
+        return false;
+    const { $cursor } = selection;
+    if (!$cursor)
+        return false;
+    if (!(0, schema_1.isSameNodeType)($cursor.parent, (0, const_1.cutTitleType)(schema)) ||
+        !(0, schema_1.isSameNodeType)($cursor.node(-1), (0, const_1.cutType)(schema))) {
+        return false;
+    }
+    const cutNode = $cursor.node(-1);
+    const cutContentFirstTextblockChild = (0, nodes_1.findFirstTextblockChild)(cutNode.lastChild);
+    if (!cutContentFirstTextblockChild)
+        return false;
+    const cutContentPos = $cursor.start(-1) + cutNode.firstChild.nodeSize + 1;
+    const targetPos = cutContentPos + cutContentFirstTextblockChild.offset;
+    dispatch === null || dispatch === void 0 ? void 0 : dispatch(state.tr.setSelection(prosemirror_state_1.TextSelection.create(state.doc, targetPos)));
+    return true;
+};
+exports.exitFromCutTitle = exitFromCutTitle;
+/**
+ * Deletes the cut if the cursor is at the beginning of the title.
+ * Cut will be replaced with his title converted to paragraph and his content.
+ */
+const removeCut = (state, dispatch, view) => {
+    const { selection, schema } = state;
+    if (!(0, selection_1.isTextSelection)(selection))
+        return false;
+    const { $cursor } = selection;
+    if (!$cursor)
+        return false;
+    if (!(0, schema_1.isSameNodeType)($cursor.parent, (0, const_1.cutTitleType)(schema)) ||
+        !(0, schema_1.isSameNodeType)($cursor.node(-1), (0, const_1.cutType)(schema))) {
+        return false;
+    }
+    if (view === null || view === void 0 ? void 0 : view.endOfTextblock('backward', state)) {
+        if (dispatch) {
+            const cutTitleNode = $cursor.parent;
+            const cutNode = $cursor.node(-1);
+            const cutContentNode = cutNode.lastChild; // cut always have 2 child: title and content; see schema
+            const content = prosemirror_model_1.Fragment.from((0, base_1.pType)(schema).create(null, cutTitleNode.content)).append(cutContentNode.content);
+            const from = $cursor.before(-1);
+            const to = from + cutNode.nodeSize;
+            const tr = state.tr.replaceWith(from, to, content);
+            dispatch(tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, from + 1)));
+        }
+        return true;
+    }
+    return false;
+};
+exports.removeCut = removeCut;
+/**
+ * If the cursor is at the beginning of the first paragraph in cut's content,
+ * moves the cursor to the end of the cut's title.
+ */
+const backToCutTitle = (state, dispatch, view) => {
+    const { selection, schema } = state;
+    if (!(0, selection_1.isTextSelection)(selection))
+        return false;
+    const { $cursor } = selection;
+    if (!$cursor)
+        return false;
+    if (!(0, schema_1.isSameNodeType)($cursor.parent, (0, base_1.pType)(schema)) ||
+        !(0, schema_1.isSameNodeType)($cursor.node(-1), (0, const_1.cutContentType)(schema)) ||
+        !(0, schema_1.isSameNodeType)($cursor.node(-2), (0, const_1.cutType)(schema))) {
+        return false;
+    }
+    const cutNode = $cursor.node(-2);
+    const cutContentNode = $cursor.node(-1);
+    if ($cursor.parent !== cutContentNode.firstChild)
+        return false;
+    if (view === null || view === void 0 ? void 0 : view.endOfTextblock('backward', state)) {
+        if (dispatch) {
+            const cutTitleNode = cutNode.firstChild;
+            dispatch(state.tr.setSelection(prosemirror_state_1.TextSelection.create(state.doc, $cursor.before(-2) + cutTitleNode.nodeSize)));
+        }
+        return true;
+    }
+    return false;
+};
+exports.backToCutTitle = backToCutTitle;

package/build/cjs/extensions/yfm/YfmCut/const.d.ts

@@ -0,0 +1 @@
+export { CutNode, cutType, cutTitleType, cutContentType } from './YfmCutSpecs';

package/build/cjs/extensions/yfm/YfmCut/const.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cutContentType = exports.cutTitleType = exports.cutType = exports.CutNode = void 0;
+var YfmCutSpecs_1 = require("./YfmCutSpecs");
+Object.defineProperty(exports, "CutNode", { enumerable: true, get: function () { return YfmCutSpecs_1.CutNode; } });
+Object.defineProperty(exports, "cutType", { enumerable: true, get: function () { return YfmCutSpecs_1.cutType; } });
+Object.defineProperty(exports, "cutTitleType", { enumerable: true, get: function () { return YfmCutSpecs_1.cutTitleType; } });
+Object.defineProperty(exports, "cutContentType", { enumerable: true, get: function () { return YfmCutSpecs_1.cutContentType; } });

package/build/cjs/extensions/yfm/YfmCut/index.css

@@ -0,0 +1,10 @@
+.ProseMirror.yfm .yfm-cut {
+  border: 1px dashed transparent;
+  border-radius: var(--g-border-radius-s);
+}
+.ProseMirror.yfm .yfm-cut:hover {
+  border-color: var(--g-color-line-generic);
+}
+.ProseMirror.yfm .yfm-cut.yfm-cut-active {
+  border-color: var(--g-color-line-generic);
+}

package/build/cjs/extensions/yfm/YfmCut/index.d.ts

@@ -0,0 +1,15 @@
+import type { Action, ExtensionAuto } from '../../../core';
+import { YfmCutSpecsOptions } from './YfmCutSpecs';
+declare const cutAction = "toYfmCut";
+export { CutNode, cutType, cutTitleType, cutContentType } from './YfmCutSpecs';
+export declare type YfmCutOptions = Pick<YfmCutSpecsOptions, 'yfmCutTitlePlaceholder' | 'yfmCutContentPlaceholder'> & {
+    yfmCutKey?: string | null;
+};
+export declare const YfmCut: ExtensionAuto<YfmCutOptions>;
+declare global {
+    namespace WysiwygEditor {
+        interface Actions {
+            [cutAction]: Action;
+        }
+    }
+}

package/build/cjs/extensions/yfm/YfmCut/index.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YfmCut = exports.cutContentType = exports.cutTitleType = exports.cutType = exports.CutNode = void 0;
+const prosemirror_commands_1 = require("prosemirror-commands");
+const inputrules_1 = require("../../../utils/inputrules");
+const keymap_1 = require("../../../utils/keymap");
+const YfmCutSpecs_1 = require("./YfmCutSpecs");
+const toYfmCut_1 = require("./actions/toYfmCut");
+const commands_1 = require("./commands");
+const const_1 = require("./const");
+const yfm_cut_title_1 = require("./nodeviews/yfm-cut-title");
+const active_1 = require("./plugins/active");
+const auto_open_1 = require("./plugins/auto-open");
+const cutAction = 'toYfmCut';
+var YfmCutSpecs_2 = require("./YfmCutSpecs");
+Object.defineProperty(exports, "CutNode", { enumerable: true, get: function () { return YfmCutSpecs_2.CutNode; } });
+Object.defineProperty(exports, "cutType", { enumerable: true, get: function () { return YfmCutSpecs_2.cutType; } });
+Object.defineProperty(exports, "cutTitleType", { enumerable: true, get: function () { return YfmCutSpecs_2.cutTitleType; } });
+Object.defineProperty(exports, "cutContentType", { enumerable: true, get: function () { return YfmCutSpecs_2.cutContentType; } });
+const YfmCut = (builder, opts) => {
+    builder.use(YfmCutSpecs_1.YfmCutSpecs, Object.assign(Object.assign({}, opts), { 
+        // @ts-expect-error
+        cutView: 
+        // FIX: ignore mutation and don't rerender node when yfm.js open or close cut
+        () => () => ({
+            ignoreMutation(mutation) {
+                return mutation instanceof MutationRecord && mutation.type === 'attributes';
+            },
+        }), cutTitleView: () => (node) => new yfm_cut_title_1.YfmCutTitleNodeView(node) }));
+    builder
+        .addPlugin(active_1.cutActivePlugin)
+        .addPlugin(auto_open_1.cutAutoOpenPlugin)
+        .addAction(cutAction, () => toYfmCut_1.toYfmCut)
+        .addKeymap(() => ({
+        Backspace: (0, prosemirror_commands_1.chainCommands)(commands_1.backToCutTitle, commands_1.removeCut),
+        Enter: (0, prosemirror_commands_1.chainCommands)(commands_1.exitFromCutTitle, commands_1.liftEmptyBlockFromCut),
+    }))
+        .addInputRules(({ schema }) => ({
+        rules: [(0, inputrules_1.nodeInputRule)(/(?:^)({% cut)\s$/, (0, const_1.cutType)(schema).createAndFill(), 1)],
+    }));
+    if (opts === null || opts === void 0 ? void 0 : opts.yfmCutKey) {
+        const { yfmCutKey } = opts;
+        builder.addKeymap(() => ({ [yfmCutKey]: (0, keymap_1.withLogAction)('yfm_cut', toYfmCut_1.createYfmCut) }));
+    }
+};
+exports.YfmCut = YfmCut;

package/build/cjs/extensions/yfm/YfmCut/nodeviews/yfm-cut-title.css

@@ -0,0 +1,3 @@
+.yfm-cut-title .g-md-yfm-cut-title-inner {
+  cursor: text;
+}

package/build/cjs/extensions/yfm/YfmCut/nodeviews/yfm-cut-title.d.ts

@@ -0,0 +1,9 @@
+import type { Node } from 'prosemirror-model';
+import type { NodeView } from 'prosemirror-view';
+export declare class YfmCutTitleNodeView implements NodeView {
+    readonly dom: HTMLElement;
+    readonly contentDOM: HTMLElement;
+    private node;
+    constructor(node: Node);
+    update(node: Node): boolean;
+}

package/build/cjs/extensions/yfm/YfmCut/nodeviews/yfm-cut-title.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YfmCutTitleNodeView = void 0;
+class YfmCutTitleNodeView {
+    constructor(node) {
+        this.node = node;
+        this.dom = document.createElement('div');
+        this.dom.classList.add('yfm-cut-title');
+        this.dom.replaceChildren((this.contentDOM = document.createElement('div')));
+        this.contentDOM.classList.add('g-md-yfm-cut-title-inner');
+        this.contentDOM.addEventListener('click', (e) => {
+            // ignore clicking on the title content
+            // you can open/close yfm-cut by clicking on the arrow icon
+            e.stopPropagation();
+        });
+    }
+    update(node) {
+        if (this.node.type !== node.type)
+            return false;
+        this.node = node;
+        return true;
+    }
+}
+exports.YfmCutTitleNodeView = YfmCutTitleNodeView;

package/build/cjs/extensions/yfm/YfmCut/plugins/active.d.ts

@@ -0,0 +1,2 @@
+import { Plugin } from 'prosemirror-state';
+export declare const cutActivePlugin: () => Plugin<any>;

package/build/cjs/extensions/yfm/YfmCut/plugins/active.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cutActivePlugin = void 0;
+const prosemirror_state_1 = require("prosemirror-state");
+const prosemirror_view_1 = require("prosemirror-view");
+const selection_1 = require("../../../../utils/selection");
+const const_1 = require("../const");
+const YFM_CUT_ACTIVE_CLASSNAME = 'yfm-cut-active';
+const cutActivePlugin = () => {
+    return new prosemirror_state_1.Plugin({
+        props: {
+            decorations(state) {
+                const decos = [];
+                const sel = state.selection;
+                const yfmCutType = (0, const_1.cutType)(state.schema);
+                const createDeco = ({ pos, node }) => {
+                    decos.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {
+                        class: YFM_CUT_ACTIVE_CLASSNAME,
+                    }));
+                };
+                if ((0, selection_1.isNodeSelection)(sel)) {
+                    if (sel.node.type === yfmCutType)
+                        createDeco({ pos: sel.from, node: sel.node });
+                    findParentNodesOfType(yfmCutType, sel.$from).forEach(createDeco);
+                }
+                else if ((0, selection_1.isTextSelection)(sel)) {
+                    findParentNodesOfType(yfmCutType, sel.$from).forEach(createDeco);
+                    if (!sel.$from.sameParent(sel.$to)) {
+                        findParentNodesOfType(yfmCutType, sel.$to).forEach(createDeco);
+                        state.doc.nodesBetween(sel.from, sel.to, (node, pos) => {
+                            if (node.type === yfmCutType)
+                                createDeco({ pos, node });
+                            if (node.isTextblock)
+                                return false;
+                            return true;
+                        });
+                    }
+                }
+                else {
+                    // some other selection
+                    findParentNodesOfType(yfmCutType, sel.$from).forEach(createDeco);
+                }
+                return decos.length ? prosemirror_view_1.DecorationSet.create(state.doc, decos) : prosemirror_view_1.DecorationSet.empty;
+            },
+        },
+    });
+};
+exports.cutActivePlugin = cutActivePlugin;
+function findParentNodesOfType(type, $pos) {
+    let { depth } = $pos;
+    const nodes = [];
+    while (depth >= 0) {
+        const node = $pos.node(depth);
+        if (node.type === type)
+            nodes.push({ depth, node, pos: $pos.before(depth) });
+        depth--;
+    }
+    return nodes;
+}

package/build/cjs/extensions/yfm/YfmCut/plugins/auto-open.d.ts

@@ -0,0 +1,2 @@
+import { Plugin } from 'prosemirror-state';
+export declare const cutAutoOpenPlugin: () => Plugin<any>;

package/build/cjs/extensions/yfm/YfmCut/plugins/auto-open.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cutAutoOpenPlugin = void 0;
+const prosemirror_state_1 = require("prosemirror-state");
+const prosemirror_utils_1 = require("prosemirror-utils");
+const lodash_1 = require("../../../../lodash");
+const selection_1 = require("../../../../utils/selection");
+const const_1 = require("../const");
+const key = new prosemirror_state_1.PluginKey('yfm-cut-auto-open');
+const cutAutoOpenPlugin = () => {
+    return new prosemirror_state_1.Plugin({
+        key,
+        view(view) {
+            update(view);
+            const dragHandler = new CutAutoOpenOnDragOver(view);
+            return {
+                update: (view) => update(view),
+                destroy: () => dragHandler.destroy(),
+            };
+        },
+    });
+};
+exports.cutAutoOpenPlugin = cutAutoOpenPlugin;
+function update(view) {
+    const sel = view.state.selection;
+    const domAtPos = view.domAtPos.bind(view);
+    if ((0, selection_1.isTextSelection)(sel)) {
+        if (sel.$cursor) {
+            openParentYfmCuts(sel.$cursor, domAtPos);
+        }
+        else {
+            openParentYfmCuts(sel.$head, domAtPos);
+            openParentYfmCuts(sel.$anchor, domAtPos);
+        }
+    }
+}
+function openParentYfmCuts($pos, domAtPos) {
+    let { depth } = $pos;
+    const { schema } = $pos.parent.type;
+    while (depth > 0) {
+        if ($pos.node(depth).type === (0, const_1.cutContentType)(schema)) {
+            if ($pos.node(depth - 1).type === (0, const_1.cutType)(schema)) {
+                const { node: cutDomNode } = domAtPos($pos.start(depth - 1), 0);
+                cutDomNode.classList.add('open');
+                depth--;
+            }
+        }
+        depth--;
+    }
+}
+class CutAutoOpenOnDragOver {
+    constructor(view) {
+        this._cutElem = null;
+        this._timeout = null;
+        this._editorView = view;
+        this._docListener = (0, lodash_1.throttle)(this._onDocEvent.bind(this), CutAutoOpenOnDragOver.THROTTLE_WAIT);
+        document.addEventListener('mousemove', this._docListener);
+        document.addEventListener('dragover', this._docListener);
+    }
+    destroy() {
+        this._clear();
+        this._docListener.cancel();
+        document.removeEventListener('mousemove', this._docListener);
+        document.removeEventListener('dragover', this._docListener);
+    }
+    _onDocEvent(event) {
+        const view = this._editorView;
+        if (!view.dragging)
+            return;
+        const pos = view.posAtCoords({ left: event.clientX, top: event.clientY });
+        if (!pos)
+            return;
+        const elem = (0, prosemirror_utils_1.findDomRefAtPos)(pos.pos, view.domAtPos.bind(view));
+        const cutElem = elem.closest(CutAutoOpenOnDragOver.YFM_CUT_SELECTOR);
+        if (cutElem === this._cutElem)
+            return;
+        this._clear();
+        if (cutElem)
+            this._setCutElem(cutElem);
+    }
+    _clear() {
+        if (this._timeout !== null)
+            clearTimeout(this._timeout);
+        this._timeout = null;
+        this._cutElem = null;
+    }
+    _setCutElem(elem) {
+        this._cutElem = elem;
+        this._timeout = setTimeout(this._openCut.bind(this), CutAutoOpenOnDragOver.OPEN_TIMEOUT);
+    }
+    _openCut() {
+        var _a;
+        if (this._editorView.dragging) {
+            (_a = this._cutElem) === null || _a === void 0 ? void 0 : _a.classList.add('open');
+        }
+        this._clear();
+    }
+}
+CutAutoOpenOnDragOver.YFM_CUT_SELECTOR = '.yfm-cut:not(.open)';
+CutAutoOpenOnDragOver.OPEN_TIMEOUT = 500; //ms
+CutAutoOpenOnDragOver.THROTTLE_WAIT = 50; //ms

package/build/cjs/extensions/yfm/YfmFile/YfmFilePaste/index.d.ts

@@ -0,0 +1,7 @@
+import { ExtensionAuto } from '../../../../core';
+import { FileUploadHandler } from '../../../../utils/upload';
+export declare type YfmFilePasteOptions = {
+    fileUploadHandler: FileUploadHandler;
+    needToSetDimensionsForUploadedImages: boolean;
+};
+export declare const YfmFilePaste: ExtensionAuto<YfmFilePasteOptions>;