@gravity-ui/markdown-editor 14.12.2 → 15.0.0

package/build/cjs/extensions/behavior/CommandMenu/handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handler.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/CommandMenu/handler.ts"],"names":[],"mappings":"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","sourcesContent":["import type {EditorView} from 'prosemirror-view';\n\nimport {logger} from '../../..//logger';\nimport {AutocompletePopupCloser} from '../../..//utils/autocomplete-popup';\nimport {ArrayCarousel} from '../../..//utils/carousel';\nimport type {ActionStorage} from '../../../core';\nimport {isFunction} from '../../../lodash';\nimport {\n    type AutocompleteAction,\n    AutocompleteActionKind,\n    type AutocompleteHandler,\n    type FromTo,\n    closeAutocomplete,\n} from '../Autocomplete';\nimport {type RendererItem, getReactRendererFromState} from '../ReactRenderer';\n\nimport {type CommandMenuComponentProps, render} from './component';\nimport type {CommandAction, Config} from './types';\nimport {findDecoElem} from './utils';\n\ndeclare module 'prosemirror-model' {\n    interface NodeSpec {\n        commandMenu?: boolean;\n    }\n}\n\nexport type CommandHandlerParams = {\n    actions: Config;\n    storage: ActionStorage;\n    nodesIgnoreList?: readonly string[];\n};\n\nexport class CommandHandler implements AutocompleteHandler {\n    readonly #actions: readonly CommandAction[];\n    readonly #actionStorage: ActionStorage;\n    readonly #nodesIgnoreList: readonly string[];\n    #filteredActionsCarousel?: ArrayCarousel<CommandAction>;\n\n    #view?: EditorView;\n    #anchor: Element | null = null;\n    #range?: FromTo;\n    #filterText?: string;\n    #popupCloser?: AutocompletePopupCloser;\n\n    #menuProps?: CommandMenuComponentProps;\n    #menuRenderItem?: RendererItem;\n\n    constructor({actions, storage, nodesIgnoreList = []}: CommandHandlerParams) {\n        this.#actions = actions;\n        this.#actionStorage = storage;\n        this.#nodesIgnoreList = nodesIgnoreList;\n    }\n\n    onOpen(action: AutocompleteAction): boolean {\n        this.findAnchor();\n        if (!this.#anchor || this.shouldIgnore(action)) {\n            this.closeAutocomplete(action.view);\n            return true;\n        }\n\n        this.#popupCloser = new AutocompletePopupCloser(action.view);\n        this.updateState(action);\n        this.filterActions();\n        this.render();\n\n        return true;\n    }\n\n    onFilter(action: AutocompleteAction): boolean {\n        if (this.shouldIgnore(action) || action.filter?.endsWith('  ')) {\n            this.closeAutocomplete(action.view);\n            return true;\n        }\n\n        this.updateState(action);\n\n        this.#filterText = action.filter?.trim().toLowerCase();\n        const needToClose = this.filterActions();\n        this.render();\n\n        if (needToClose) {\n            this.closeAutocomplete(action.view);\n        }\n\n        return true;\n    }\n\n    onArrow(action: AutocompleteAction): boolean {\n        if (this.shouldIgnore(action)) {\n            closeAutocomplete(action.view);\n            return true;\n        }\n\n        this.updateState(action);\n\n        if (!this.#filteredActionsCarousel) return false;\n\n        switch (action.kind) {\n            case AutocompleteActionKind.up: {\n                this.#filteredActionsCarousel.prev();\n                break;\n            }\n            case AutocompleteActionKind.down: {\n                this.#filteredActionsCarousel.next();\n                break;\n            }\n            default:\n                return false;\n        }\n\n        this.render();\n\n        return true;\n    }\n\n    onEnter(action: AutocompleteAction): boolean {\n        if (this.shouldIgnore(action)) {\n            closeAutocomplete(action.view);\n            return true;\n        }\n\n        this.updateState(action);\n\n        this.select();\n\n        return true;\n    }\n\n    onClose(action: AutocompleteAction): boolean {\n        this.updateState(action);\n\n        this.clear();\n\n        return true;\n    }\n\n    onDestroy(): void {\n        this.clear();\n    }\n\n    private closeAutocomplete(view: EditorView) {\n        setTimeout(() => {\n            closeAutocomplete(view);\n        });\n    }\n\n    private shouldIgnore(action: AutocompleteAction): boolean {\n        const parentType = action.view.state.doc.resolve(action.range.from).parent.type;\n        return (\n            parentType.spec.commandMenu === false || this.#nodesIgnoreList.includes(parentType.name)\n        );\n    }\n\n    private select() {\n        if (!this.#view || !this.#range) return;\n\n        const action = this.#filteredActionsCarousel?.currentItem;\n        if (!action) return;\n\n        const view = this.#view;\n        const range = this.#range;\n\n        view.dispatch(view.state.tr.deleteRange(range.from, range.to).scrollIntoView());\n        action.exec(this.#actionStorage);\n        view.focus();\n\n        logger.action({mode: 'wysiwyg', source: 'command-menu', action: action.id});\n    }\n\n    private filterActions(): boolean {\n        const currentItem = this.#filteredActionsCarousel?.currentItem;\n        const inputText = this.#filterText;\n\n        const enabledActions = this.#actions.filter((action) =>\n            action.isEnable(this.#actionStorage),\n        );\n\n        let filteredActions = enabledActions;\n        let needToClose = false;\n\n        if (inputText) {\n            filteredActions = filterActions(enabledActions, inputText);\n            needToClose = !filteredActions.length && needToHide(enabledActions, inputText);\n        }\n\n        this.#filteredActionsCarousel = new ArrayCarousel(filteredActions);\n\n        if (currentItem) {\n            const newIndex = this.#filteredActionsCarousel.array.findIndex(\n                (item) => item === currentItem,\n            );\n            if (newIndex !== -1) {\n                this.#filteredActionsCarousel.currentIndex = newIndex;\n            }\n        }\n\n        return needToClose;\n    }\n\n    private render() {\n        this.findAnchor();\n        const viewItems = this.#filteredActionsCarousel?.array ?? [];\n        this.#menuProps = {\n            anchorElement: this.#anchor,\n            currentIndex: this.#filteredActionsCarousel?.currentIndex,\n            items: viewItems,\n            onItemClick: this.onItemClick,\n            onOpenChange: this.#popupCloser?.popupOpenChangeHandler,\n        };\n        this.#menuRenderItem = this.#menuRenderItem ?? this.createMenuRenderItem();\n        this.#menuRenderItem.rerender();\n    }\n\n    private onItemClick = (index: number) => {\n        if (this.#filteredActionsCarousel) {\n            this.#filteredActionsCarousel.currentIndex = index;\n            this.select();\n        }\n        this.#view?.focus();\n    };\n\n    private updateState({view, range}: AutocompleteAction) {\n        this.#view = view;\n        this.#range = range;\n    }\n\n    private clear() {\n        this.#view = undefined;\n        this.#range = undefined;\n        this.#anchor = null;\n        this.#filterText = undefined;\n        this.#filteredActionsCarousel = undefined;\n        this.#popupCloser?.cancelTimer();\n        this.#popupCloser = undefined;\n        this.#menuProps = undefined;\n        this.#menuRenderItem?.remove();\n        this.#menuRenderItem = undefined;\n    }\n\n    private createMenuRenderItem(): RendererItem {\n        return getReactRendererFromState(this.#view!.state).createItem('command_menu', () =>\n            this.#menuProps ? render(this.#menuProps) : null,\n        );\n    }\n\n    private findAnchor() {\n        this.#anchor = findDecoElem(this.#view?.dom);\n    }\n}\n\nfunction filterActions(actions: readonly CommandAction[], text: string): CommandAction[] {\n    return actions.filter(\n        (action) =>\n            action.id.toLowerCase().includes(text) ||\n            (isFunction(action.title) ? action.title() : action.title).toLowerCase().includes(text),\n    );\n}\n\nconst CHARS_TO_HIDE = 4;\nfunction needToHide(actions: readonly CommandAction[], text: string): boolean {\n    let iter = 1;\n    do {\n        const prevInput = text.slice(0, text.length - iter);\n        const prevActions = filterActions(actions, prevInput);\n        if (prevActions.length) break;\n        iter++;\n    } while (iter < text.length && iter < CHARS_TO_HIDE);\n    return iter >= CHARS_TO_HIDE;\n}\n"]}

package/build/cjs/extensions/behavior/CommandMenu/index.d.ts

@@ -1,6 +1,6 @@
-import type { ExtensionAuto } from '../../../core';
-import type { Config } from './types';
-export declare type CommandMenuOptions = {
+import type { ExtensionAuto } from "../../../core/index.js";
+import type { Config } from "./types.js";
+export type CommandMenuOptions = {
     actions: Config;
     nodesIgnoreList?: readonly string[];
 };

package/build/cjs/extensions/behavior/CommandMenu/index.js

@@ -1,38 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CommandMenu = void 0;
-const markdown_1 = require("../../../extensions/markdown");
-const yfm_1 = require("../../../extensions/yfm");
-const logger_1 = require("../../../logger");
-const Autocomplete_1 = require("../Autocomplete");
-const const_1 = require("./const");
-const handler_1 = require("./handler");
-const getCommandMenuAutocompleteItem = (opts) => ({ actions }) => {
-    var _a;
-    return ({
-        trigger: {
-            name: 'command',
-            trigger: /(?:^|\s)(\/)$/,
-            allArrowKeys: false,
-            cancelOnFirstSpace: true,
-            decorationAttrs: { class: const_1.DecoClassName },
-        },
-        handler: new handler_1.CommandHandler({
-            storage: actions,
-            actions: opts.actions,
-            // TODO: add commandMenu=false flag to specs:
-            nodesIgnoreList: ((_a = opts.nodesIgnoreList) !== null && _a !== void 0 ? _a : []).concat([
-                markdown_1.DeflistNode.Term,
-                markdown_1.TableNode.HeaderCell,
-                markdown_1.TableNode.DataCell,
-                yfm_1.CheckboxNode.Label,
-                yfm_1.YfmNoteNode.NoteTitle,
-                yfm_1.CutNode.CutTitle,
-                yfm_1.TabsNode.Tab,
-            ]),
-        }),
-    });
-};
+const markdown_1 = require("../../markdown/index.js");
+const yfm_1 = require("../../yfm/index.js");
+const logger_1 = require("../../../logger.js");
+const Autocomplete_1 = require("../Autocomplete/index.js");
+const const_1 = require("./const.js");
+const handler_1 = require("./handler.js");
+const getCommandMenuAutocompleteItem = (opts) => ({ actions }) => ({
+    trigger: {
+        name: 'command',
+        trigger: /(?:^|\s)(\/)$/,
+        allArrowKeys: false,
+        cancelOnFirstSpace: true,
+        decorationAttrs: { class: const_1.DecoClassName },
+    },
+    handler: new handler_1.CommandHandler({
+        storage: actions,
+        actions: opts.actions,
+        // TODO: add commandMenu=false flag to specs:
+        nodesIgnoreList: (opts.nodesIgnoreList ?? []).concat([
+            markdown_1.DeflistNode.Term,
+            markdown_1.TableNode.HeaderCell,
+            markdown_1.TableNode.DataCell,
+            yfm_1.CheckboxNode.Label,
+            yfm_1.YfmNoteNode.NoteTitle,
+            yfm_1.CutNode.CutTitle,
+            yfm_1.TabsNode.Tab,
+        ]),
+    }),
+});
 const CommandMenu = (builder, opts) => {
     if (!Array.isArray(opts.actions) || opts.actions.length === 0) {
         logger_1.logger.info("[CommandMenu extension]: Skip because 'actions' is not an array or is empty");
@@ -44,3 +41,4 @@ const CommandMenu = (builder, opts) => {
     builder.context.get('autocomplete').add(getCommandMenuAutocompleteItem(opts));
 };
 exports.CommandMenu = CommandMenu;
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/behavior/CommandMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/CommandMenu/index.ts"],"names":[],"mappings":";;;AACA,sDAAoE;AACpE,4CAAqF;AACrF,+CAAuC;AACvC,2DAAsE;AAEtE,sCAAsC;AACtC,0CAAyC;AAQzC,MAAM,8BAA8B,GAChC,CAAC,IAAwB,EAAsB,EAAE,CACjD,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,CAAC;IACZ,OAAO,EAAE;QACL,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,eAAe;QACxB,YAAY,EAAE,KAAK;QACnB,kBAAkB,EAAE,IAAI;QACxB,eAAe,EAAE,EAAC,KAAK,EAAE,qBAAa,EAAC;KAC1C;IACD,OAAO,EAAE,IAAI,wBAAc,CAAC;QACxB,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,6CAA6C;QAC7C,eAAe,EAAE,CAAC,IAAI,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC;YACjD,sBAAW,CAAC,IAAI;YAChB,oBAAS,CAAC,UAAU;YACpB,oBAAS,CAAC,QAAQ;YAClB,kBAAY,CAAC,KAAK;YAClB,iBAAW,CAAC,SAAS;YACrB,aAAO,CAAC,QAAQ;YAChB,cAAQ,CAAC,GAAG;SACf,CAAC;KACL,CAAC;CACL,CAAC,CAAC;AAEA,MAAM,WAAW,GAAsC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC5E,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5D,eAAM,CAAC,IAAI,CAAC,6EAA6E,CAAC,CAAC;QAC3F,OAAO;IACX,CAAC;IACD,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC;QACvC,OAAO,CAAC,GAAG,CAAC,2BAAY,CAAC,CAAC;IAC9B,CAAC;IACD,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAE,CAAC,GAAG,CAAC,8BAA8B,CAAC,IAAI,CAAC,CAAC,CAAC;AACnF,CAAC,CAAC;AATW,QAAA,WAAW,eAStB","sourcesContent":["import type {ExtensionAuto} from '../../../core';\nimport {DeflistNode, TableNode} from '../../../extensions/markdown';\nimport {CheckboxNode, CutNode, TabsNode, YfmNoteNode} from '../../../extensions/yfm';\nimport {logger} from '../../../logger';\nimport {Autocomplete, type AutocompleteItemFn} from '../Autocomplete';\n\nimport {DecoClassName} from './const';\nimport {CommandHandler} from './handler';\nimport type {Config} from './types';\n\nexport type CommandMenuOptions = {\n    actions: Config;\n    nodesIgnoreList?: readonly string[];\n};\n\nconst getCommandMenuAutocompleteItem =\n    (opts: CommandMenuOptions): AutocompleteItemFn =>\n    ({actions}) => ({\n        trigger: {\n            name: 'command',\n            trigger: /(?:^|\\s)(\\/)$/,\n            allArrowKeys: false,\n            cancelOnFirstSpace: true,\n            decorationAttrs: {class: DecoClassName},\n        },\n        handler: new CommandHandler({\n            storage: actions,\n            actions: opts.actions,\n            // TODO: add commandMenu=false flag to specs:\n            nodesIgnoreList: (opts.nodesIgnoreList ?? []).concat([\n                DeflistNode.Term,\n                TableNode.HeaderCell,\n                TableNode.DataCell,\n                CheckboxNode.Label,\n                YfmNoteNode.NoteTitle,\n                CutNode.CutTitle,\n                TabsNode.Tab,\n            ]),\n        }),\n    });\n\nexport const CommandMenu: ExtensionAuto<CommandMenuOptions> = (builder, opts) => {\n    if (!Array.isArray(opts.actions) || opts.actions.length === 0) {\n        logger.info(\"[CommandMenu extension]: Skip because 'actions' is not an array or is empty\");\n        return;\n    }\n    if (!builder.context.has('autocomplete')) {\n        builder.use(Autocomplete);\n    }\n    builder.context.get('autocomplete')!.add(getCommandMenuAutocompleteItem(opts));\n};\n"]}

package/build/cjs/extensions/behavior/CommandMenu/types.d.ts

@@ -1,4 +1,4 @@
-import type { ActionStorage } from '../../../core';
-import type { ToolbarItemData } from '../../../toolbar';
-export declare type CommandAction = ToolbarItemData<ActionStorage>;
-export declare type Config = CommandAction[];
+import type { ActionStorage } from "../../../core/index.js";
+import type { ToolbarItemData } from "../../../toolbar/index.js";
+export type CommandAction = ToolbarItemData<ActionStorage>;
+export type Config = CommandAction[];

package/build/cjs/extensions/behavior/CommandMenu/types.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/build/cjs/extensions/behavior/CommandMenu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/CommandMenu/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {ActionStorage} from '../../../core';\nimport type {ToolbarItemData} from '../../../toolbar';\n\nexport type CommandAction = ToolbarItemData<ActionStorage>;\nexport type Config = CommandAction[];\n"]}

package/build/cjs/extensions/behavior/CommandMenu/utils.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.findDecoElem = void 0;
-const Autocomplete_1 = require("../Autocomplete");
-const const_1 = require("./const");
+exports.findDecoElem = findDecoElem;
+const Autocomplete_1 = require("../Autocomplete/index.js");
+const const_1 = require("./const.js");
 function findDecoElem(targetElem) {
-    var _a;
-    const target = targetElem !== null && targetElem !== void 0 ? targetElem : document;
-    return ((_a = target.getElementsByClassName(const_1.DecoClassName).item(0)) !== null && _a !== void 0 ? _a : target.getElementsByClassName(Autocomplete_1.AutocompleteDecoClassName).item(0));
+    const target = targetElem ?? document;
+    return (target.getElementsByClassName(const_1.DecoClassName).item(0) ??
+        target.getElementsByClassName(Autocomplete_1.AutocompleteDecoClassName).item(0));
 }
-exports.findDecoElem = findDecoElem;
+//# sourceMappingURL=utils.js.map

package/build/cjs/extensions/behavior/CommandMenu/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/CommandMenu/utils.ts"],"names":[],"mappings":";;AAIA,oCAMC;AAVD,2DAA0D;AAE1D,sCAAsC;AAEtC,SAAgB,YAAY,CAAC,UAAoB;IAC7C,MAAM,MAAM,GAAG,UAAU,IAAI,QAAQ,CAAC;IACtC,OAAO,CACH,MAAM,CAAC,sBAAsB,CAAC,qBAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACpD,MAAM,CAAC,sBAAsB,CAAC,wCAAyB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnE,CAAC;AACN,CAAC","sourcesContent":["import {AutocompleteDecoClassName} from '../Autocomplete';\n\nimport {DecoClassName} from './const';\n\nexport function findDecoElem(targetElem?: Element) {\n    const target = targetElem ?? document;\n    return (\n        target.getElementsByClassName(DecoClassName).item(0) ??\n        target.getElementsByClassName(AutocompleteDecoClassName).item(0)\n    );\n}\n"]}

package/build/cjs/extensions/behavior/Cursor/GapCursorSelection.js

@@ -1,27 +1,26 @@
 "use strict";
-var _GapCursorSelection__$pos;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GapCursorSelection = exports.isGapCursorSelection = void 0;
-const tslib_1 = require("tslib");
+exports.GapCursorSelection = void 0;
+exports.isGapCursorSelection = isGapCursorSelection;
 const prosemirror_state_1 = require("prosemirror-state");
 function isGapCursorSelection(selection) {
     return selection instanceof GapCursorSelection;
 }
-exports.isGapCursorSelection = isGapCursorSelection;
 // @ts-expect-error // TODO: implements toJSON
 class GapCursorSelection extends prosemirror_state_1.Selection {
-    constructor($pos, params) {
-        super($pos, $pos);
-        _GapCursorSelection__$pos.set(this, void 0);
-        this.selectionName = 'GapCursorSelection';
-        tslib_1.__classPrivateFieldSet(this, _GapCursorSelection__$pos, $pos, "f");
-        this.meta = params === null || params === void 0 ? void 0 : params.meta;
-    }
+    #_$pos;
+    meta;
+    selectionName = 'GapCursorSelection';
     get $pos() {
-        return tslib_1.__classPrivateFieldGet(this, _GapCursorSelection__$pos, "f");
+        return this.#_$pos;
     }
     get pos() {
-        return tslib_1.__classPrivateFieldGet(this, _GapCursorSelection__$pos, "f").pos;
+        return this.#_$pos.pos;
+    }
+    constructor($pos, params) {
+        super($pos, $pos);
+        this.#_$pos = $pos;
+        this.meta = params?.meta;
     }
     eq(other) {
         return (isGapCursorSelection(other) &&
@@ -34,4 +33,4 @@ class GapCursorSelection extends prosemirror_state_1.Selection {
     }
 }
 exports.GapCursorSelection = GapCursorSelection;
-_GapCursorSelection__$pos = new WeakMap();
+//# sourceMappingURL=GapCursorSelection.js.map

package/build/cjs/extensions/behavior/Cursor/GapCursorSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GapCursorSelection.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Cursor/GapCursorSelection.ts"],"names":[],"mappings":";;;AAIA,oDAEC;AALD,yDAA4C;AAG5C,SAAgB,oBAAoB,CAAI,SAAoB;IACxD,OAAO,SAAS,YAAY,kBAAkB,CAAC;AACnD,CAAC;AAED,8CAA8C;AAC9C,MAAa,kBAA4B,SAAQ,6BAAS;IACtD,MAAM,CAAc;IAEX,IAAI,CAAK;IAET,aAAa,GAAG,oBAAoB,CAAC;IAE9C,IAAI,IAAI;QACJ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IAAI,GAAG;QACH,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;IAC3B,CAAC;IAED,YAAY,IAAiB,EAAE,MAAmB;QAC9C,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,MAAM,EAAE,IAAI,CAAC;IAC7B,CAAC;IAED,EAAE,CAAC,KAAgB;QACf,OAAO,CACH,oBAAoB,CAAC,KAAK,CAAC;YAC3B,IAAI,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG;YACtB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CACnC,CAAC;IACN,CAAC;IAED,GAAG,CAAC,GAAS,EAAE,OAAgB;QAC3B,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACjD,OAAO,6BAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;CACJ;AAjCD,gDAiCC","sourcesContent":["import type {Node, ResolvedPos} from 'prosemirror-model';\nimport {Selection} from 'prosemirror-state';\nimport type {Mapping} from 'prosemirror-transform';\n\nexport function isGapCursorSelection<T>(selection: Selection): selection is GapCursorSelection<T> {\n    return selection instanceof GapCursorSelection;\n}\n\n// @ts-expect-error // TODO: implements toJSON\nexport class GapCursorSelection<T = any> extends Selection {\n    #_$pos: ResolvedPos;\n\n    readonly meta?: T;\n\n    readonly selectionName = 'GapCursorSelection';\n\n    get $pos(): ResolvedPos {\n        return this.#_$pos;\n    }\n\n    get pos(): number {\n        return this.#_$pos.pos;\n    }\n\n    constructor($pos: ResolvedPos, params?: {meta?: T}) {\n        super($pos, $pos);\n        this.#_$pos = $pos;\n        this.meta = params?.meta;\n    }\n\n    eq(other: Selection): boolean {\n        return (\n            isGapCursorSelection(other) &&\n            this.pos === other.pos &&\n            this.$pos.doc.eq(other.$pos.doc)\n        );\n    }\n\n    map(doc: Node, mapping: Mapping): Selection {\n        const $pos = doc.resolve(mapping.map(this.head));\n        return Selection.near($pos);\n    }\n}\n"]}

package/build/cjs/extensions/behavior/Cursor/gapcursor.d.ts

@@ -1,2 +1,3 @@
 import { Plugin } from 'prosemirror-state';
+import "./gapcursor.css";
 export declare const gapCursor: () => Plugin<boolean>;

package/build/cjs/extensions/behavior/Cursor/gapcursor.js

@@ -4,10 +4,11 @@ exports.gapCursor = void 0;
 const prosemirror_model_1 = require("prosemirror-model");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
-const selection_1 = require("../../../utils/selection");
-const BaseSchema_1 = require("../../base/BaseSchema");
-const Placeholder_1 = require("../../behavior/Placeholder");
-const GapCursorSelection_1 = require("./GapCursorSelection");
+const selection_1 = require("../../../utils/selection.js");
+const BaseSchema_1 = require("../../base/BaseSchema/index.js");
+const Placeholder_1 = require("../Placeholder/index.js");
+const GapCursorSelection_1 = require("./GapCursorSelection.js");
+require("./gapcursor.css");
 const key = new prosemirror_state_1.PluginKey('gapCursorPlugin');
 const gapCursor = () => new prosemirror_state_1.Plugin({
     key,
@@ -69,3 +70,4 @@ const toDOM = (view, getPos) => {
     });
     return element;
 };
+//# sourceMappingURL=gapcursor.js.map

package/build/cjs/extensions/behavior/Cursor/gapcursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gapcursor.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Cursor/gapcursor.ts"],"names":[],"mappings":";;;AAAA,yDAAgD;AAChD,yDAAqF;AACrF,uDAA4E;AAE5E,2DAAyD;AACzD,+DAA4C;AAC5C,yDAA6D;AAE7D,gEAA0D;AAE1D,2BAA0B;AAE1B,MAAM,GAAG,GAAG,IAAI,6BAAS,CAAC,iBAAiB,CAAC,CAAC;AAEtC,MAAM,SAAS,GAAG,GAAG,EAAE,CAC1B,IAAI,0BAAM,CAAC;IACP,GAAG;IACH,KAAK,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK;QACjB,KAAK,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE;YAC9C,MAAM,GAAG,GAAG,QAAQ,CAAC,SAAS,CAAC;YAC/B,OAAO,IAAA,yCAAoB,EAAC,GAAG,CAAC,IAAI,IAAA,2BAAe,EAAC,GAAG,CAAC,CAAC;QAC7D,CAAC;KACJ;IACD,IAAI;QACA,OAAO;YACH,MAAM,CAAC,IAAgB;gBACnB,MAAM,WAAW,GAAG,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAE7C,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,yBAAyB,EAAE,WAAW,CAAC,CAAC;YACtE,CAAC;SACJ,CAAC;IACN,CAAC;IACD,KAAK,EAAE;QACH,cAAc,CAAC,IAAI;YACf,MAAM,EACF,KAAK,EACL,KAAK,EAAE,EAAC,SAAS,EAAE,GAAG,EAAC,GAC1B,GAAG,IAAI,CAAC;YACT,IAAI,IAAA,yCAAoB,EAAC,GAAG,CAAC,EAAE,CAAC;gBAC5B,iFAAiF;gBACjF,wFAAwF;gBACxF,uGAAuG;gBACvG,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,IAAA,kBAAK,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;gBACvE,EAAE,CAAC,YAAY,CAAC,iCAAa,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;gBAC3D,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC;YACvC,CAAC;YACD,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,WAAW,EAAE,CAAC,EAAC,GAAG,EAAE,SAAS,EAAc,EAAE,EAAE;YAC3C,IAAI,IAAA,yCAAoB,EAAC,SAAS,CAAC,EAAE,CAAC;gBAClC,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC;gBAEhC,OAAO,gCAAa,CAAC,MAAM,CAAC,GAAG,EAAE;oBAC7B,6BAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE;wBAC/B,GAAG,EAAE,WAAW;wBAChB,IAAI,EAAE,CAAC,CAAC;qBACX,CAAC;iBACL,CAAC,CAAC;YACP,CAAC;YAED,OAAO,IAAI,CAAC;QAChB,CAAC;KACJ;CACJ,CAAC,CAAC;AAlDM,QAAA,SAAS,aAkDf;AAOP,MAAM,KAAK,GAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,IAAA,kBAAK,EAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC;IAE/C,MAAM,OAAO,GAAG,iCAAa,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChF,MAAM,cAAc,GAAG,IAAA,+BAAiB,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC3D,IAAI,cAAc;QAAE,OAAO,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IACvD,OAAmB,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACpD,OAAuB,CAAC,gBAAgB,CAAC,WAAW,EAAE,GAAG,EAAE;QACxD,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;QACrB,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5D,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC","sourcesContent":["import {DOMSerializer} from 'prosemirror-model';\nimport {type EditorState, Plugin, PluginKey, TextSelection} from 'prosemirror-state';\nimport {Decoration, DecorationSet, type EditorView} from 'prosemirror-view';\n\nimport {isNodeSelection} from '../../../utils/selection';\nimport {pType} from '../../base/BaseSchema';\nimport {createPlaceholder} from '../../behavior/Placeholder';\n\nimport {isGapCursorSelection} from './GapCursorSelection';\n\nimport './gapcursor.scss';\n\nconst key = new PluginKey('gapCursorPlugin');\n\nexport const gapCursor = () =>\n    new Plugin({\n        key,\n        state: {\n            init: () => false,\n            apply: (_tr, _pluginState, _oldState, newState) => {\n                const sel = newState.selection;\n                return isGapCursorSelection(sel) || isNodeSelection(sel);\n            },\n        },\n        view() {\n            return {\n                update(view: EditorView) {\n                    const pluginState = key.getState(view.state);\n\n                    view.dom.classList.toggle('Prosemirror-hide-cursor', pluginState);\n                },\n            };\n        },\n        props: {\n            handleKeyPress(view) {\n                const {\n                    state,\n                    state: {selection: sel},\n                } = view;\n                if (isGapCursorSelection(sel)) {\n                    // Replace GapCursorSelection with empty textblock before run all other handlers.\n                    // This should be done before all inputRules and other handlers, that handle text input.\n                    // Thus, entering text into a native textblock and into a \"virtual\" one – GapCursor – will be the same.\n                    const tr = state.tr.replaceSelectionWith(pType(state.schema).create());\n                    tr.setSelection(TextSelection.create(tr.doc, sel.pos + 1));\n                    view.dispatch(tr.scrollIntoView());\n                }\n                return false;\n            },\n            decorations: ({doc, selection}: EditorState) => {\n                if (isGapCursorSelection(selection)) {\n                    const position = selection.head;\n\n                    return DecorationSet.create(doc, [\n                        Decoration.widget(position, toDOM, {\n                            key: 'gapcursor',\n                            side: -1,\n                        }),\n                    ]);\n                }\n\n                return null;\n            },\n        },\n    });\n\n// prosemirror-view inner types\ntype DOMNode = InstanceType<typeof window.Node>;\ntype WidgetConstructor =\n    | ((view: EditorView, getPos: () => number | undefined) => DOMNode)\n    | DOMNode;\nconst toDOM: WidgetConstructor = (view, getPos) => {\n    const node = pType(view.state.schema).create();\n\n    const element = DOMSerializer.fromSchema(view.state.schema).serializeNode(node);\n    const placeholderDOM = createPlaceholder(node, null, true);\n    if (placeholderDOM) element.appendChild(placeholderDOM);\n    (element as Element).classList.add('g-md-gapcursor');\n    (element as HTMLElement).addEventListener('mousedown', () => {\n        const pos = getPos();\n        if (pos !== undefined) {\n            view.dispatch(view.state.tr.replaceSelectionWith(node));\n        }\n    });\n\n    return element;\n};\n"]}

package/build/cjs/extensions/behavior/Cursor/index.d.ts

@@ -1,7 +1,7 @@
 import { dropCursor } from 'prosemirror-dropcursor';
-import type { ExtensionAuto } from '../../../core';
-export { GapCursorSelection, isGapCursorSelection } from './GapCursorSelection';
-export declare type CursorOptions = {
+import type { ExtensionAuto } from "../../../core/index.js";
+export { GapCursorSelection, isGapCursorSelection } from "./GapCursorSelection.js";
+export type CursorOptions = {
     dropOptions?: Parameters<typeof dropCursor>[0];
 };
 export declare const Cursor: ExtensionAuto<CursorOptions>;

package/build/cjs/extensions/behavior/Cursor/index.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Cursor = exports.isGapCursorSelection = exports.GapCursorSelection = void 0;
 const prosemirror_dropcursor_1 = require("prosemirror-dropcursor");
-const gapcursor_1 = require("./gapcursor");
-var GapCursorSelection_1 = require("./GapCursorSelection");
+const gapcursor_1 = require("./gapcursor.js");
+var GapCursorSelection_1 = require("./GapCursorSelection.js");
 Object.defineProperty(exports, "GapCursorSelection", { enumerable: true, get: function () { return GapCursorSelection_1.GapCursorSelection; } });
 Object.defineProperty(exports, "isGapCursorSelection", { enumerable: true, get: function () { return GapCursorSelection_1.isGapCursorSelection; } });
 const Cursor = (builder, opts) => {
@@ -11,3 +11,4 @@ const Cursor = (builder, opts) => {
     builder.addPlugin(() => (0, prosemirror_dropcursor_1.dropCursor)(opts.dropOptions));
 };
 exports.Cursor = Cursor;
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/behavior/Cursor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Cursor/index.ts"],"names":[],"mappings":";;;AAAA,mEAAkD;AAIlD,8CAAsC;AAEtC,8DAA8E;AAAtE,wHAAA,kBAAkB,OAAA;AAAE,0HAAA,oBAAoB,OAAA;AAMzC,MAAM,MAAM,GAAiC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAClE,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAA,qBAAS,GAAE,EAAE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC/D,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAA,mCAAU,EAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;AAC1D,CAAC,CAAC;AAHW,QAAA,MAAM,UAGjB","sourcesContent":["import {dropCursor} from 'prosemirror-dropcursor';\n\nimport type {ExtensionAuto} from '../../../core';\n\nimport {gapCursor} from './gapcursor';\n\nexport {GapCursorSelection, isGapCursorSelection} from './GapCursorSelection';\n\nexport type CursorOptions = {\n    dropOptions?: Parameters<typeof dropCursor>[0];\n};\n\nexport const Cursor: ExtensionAuto<CursorOptions> = (builder, opts) => {\n    builder.addPlugin(() => gapCursor(), builder.Priority.Highest);\n    builder.addPlugin(() => dropCursor(opts.dropOptions));\n};\n"]}

package/build/cjs/extensions/behavior/EditorModeKeymap/index.d.ts

@@ -1,5 +1,5 @@
-import { ExtensionAuto } from '../../../core';
-export declare type EditorModeKeymapOptions = {
+import type { ExtensionAuto } from "../../../core/index.js";
+export type EditorModeKeymapOptions = {
     /** Submit handler. Return true to stop propagation. */
     onSubmit?(): boolean;
     /** Cancel handler. Return true to stop propagation. */

package/build/cjs/extensions/behavior/EditorModeKeymap/index.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditorModeKeymap = void 0;
-const shortcuts_1 = require("../../../shortcuts");
-const version_1 = require("../../../version");
+const shortcuts_1 = require("../../../shortcuts/index.js");
+const version_1 = require("../../../version.js");
 /**
  * Use this extension if you need to handle form actions like cancel and/or submit.
  */
 const EditorModeKeymap = (builder, opts) => {
-    var _a;
     builder.addKeymap(() => {
         const bindings = {};
         const { onCancel, onSubmit } = opts;
@@ -21,7 +20,7 @@ const EditorModeKeymap = (builder, opts) => {
         };
         return bindings;
     });
-    if ((_a = opts.ignoreKeysList) === null || _a === void 0 ? void 0 : _a.length) {
+    if (opts.ignoreKeysList?.length) {
         const ignore = () => true;
         const bindings = {};
         for (const key of opts.ignoreKeysList) {
@@ -35,3 +34,4 @@ function debug() {
     const message = ['YFM-Editor Debug info', `Version: ${version_1.VERSION}`].join('\n');
     console.info(message);
 }
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/behavior/EditorModeKeymap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/EditorModeKeymap/index.ts"],"names":[],"mappings":";;;AACA,2DAA+D;AAC/D,iDAAyC;AAUzC;;GAEG;AACI,MAAM,gBAAgB,GAA2C,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IACtF,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,QAAQ,GAAW,EAAE,CAAC;QAC5B,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC;QAElC,IAAI,QAAQ;YAAE,QAAQ,CAAC,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,MAAM,CAAE,CAAC,GAAG,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;QAC7D,IAAI,QAAQ;YAAE,QAAQ,CAAC,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,MAAM,CAAE,CAAC,GAAG,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;QAE7D,QAAQ,CAAC,qBAAC,CAAC,IAAI,CAAC,kBAAC,CAAC,OAAO,CAAE,CAAC,GAAG,GAAG,EAAE;YAChC,KAAK,EAAE,CAAC;YACR,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC;QAEF,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,IAAI,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;QAC1B,MAAM,QAAQ,GAAW,EAAE,CAAC;QAC5B,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACpC,QAAQ,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;QAC3B,CAAC;QACD,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC/D,CAAC;AACL,CAAC,CAAC;AAxBW,QAAA,gBAAgB,oBAwB3B;AAEF,SAAS,KAAK;IACV,MAAM,OAAO,GAAG,CAAC,uBAAuB,EAAE,YAAY,iBAAO,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5E,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC1B,CAAC","sourcesContent":["import type {ExtensionAuto, Keymap} from '../../../core';\nimport {Action as A, formatter as f} from '../../../shortcuts';\nimport {VERSION} from '../../../version';\n\nexport type EditorModeKeymapOptions = {\n    /** Submit handler. Return true to stop propagation. */\n    onSubmit?(): boolean;\n    /** Cancel handler. Return true to stop propagation. */\n    onCancel?(): boolean;\n    ignoreKeysList?: string[];\n};\n\n/**\n * Use this extension if you need to handle form actions like cancel and/or submit.\n */\nexport const EditorModeKeymap: ExtensionAuto<EditorModeKeymapOptions> = (builder, opts) => {\n    builder.addKeymap(() => {\n        const bindings: Keymap = {};\n        const {onCancel, onSubmit} = opts;\n\n        if (onCancel) bindings[f.toPM(A.Cancel)!] = () => onCancel();\n        if (onSubmit) bindings[f.toPM(A.Submit)!] = () => onSubmit();\n\n        bindings[f.toPM(A.__debug)!] = () => {\n            debug();\n            return true;\n        };\n\n        return bindings;\n    });\n\n    if (opts.ignoreKeysList?.length) {\n        const ignore = () => true;\n        const bindings: Keymap = {};\n        for (const key of opts.ignoreKeysList) {\n            bindings[key] = ignore;\n        }\n        builder.addKeymap(() => bindings, builder.Priority.Lowest);\n    }\n};\n\nfunction debug() {\n    const message = ['YFM-Editor Debug info', `Version: ${VERSION}`].join('\\n');\n    console.info(message);\n}\n"]}

package/build/cjs/extensions/behavior/FilePaste/index.d.ts

@@ -1,2 +1,2 @@
-import type { ExtensionAuto } from '../../../core';
+import type { ExtensionAuto } from "../../../core/index.js";
 export declare const FilePaste: ExtensionAuto;

package/build/cjs/extensions/behavior/FilePaste/index.js

@@ -4,8 +4,8 @@ exports.FilePaste = void 0;
 const prosemirror_model_1 = require("prosemirror-model");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_transform_1 = require("prosemirror-transform");
-const base_1 = require("../../../extensions/base");
-const utils_1 = require("../Clipboard/utils");
+const base_1 = require("../../base/index.js");
+const utils_1 = require("../Clipboard/utils.js");
 // Custom handler of pasted (or dropped) files to prevent insert a file preview in base64-format into editor's content (or open file in browser)
 const FilePaste = (builder) => {
     builder.addPlugin(() => {
@@ -21,14 +21,13 @@ const FilePaste = (builder) => {
                     return true;
                 },
                 handleDrop(view, event) {
-                    var _a, _b;
                     if (view.dragging)
                         return false;
                     const files = getFiles(event.dataTransfer);
                     if (!files)
                         return false;
                     const slice = createFilesSlice(view.state.schema, files);
-                    const dropPos = (_b = (_a = view.posAtCoords({ left: event.clientX, top: event.clientY })) === null || _a === void 0 ? void 0 : _a.pos) !== null && _b !== void 0 ? _b : -1;
+                    const dropPos = view.posAtCoords({ left: event.clientX, top: event.clientY })?.pos ?? -1;
                     if (dropPos === -1)
                         return false;
                     const posToInsert = (0, prosemirror_transform_1.dropPoint)(view.state.doc, dropPos, slice);
@@ -54,3 +53,4 @@ function createFilesSlice(schema, files) {
     }
     return new prosemirror_model_1.Slice(prosemirror_model_1.Fragment.from(nodes), 0, 0);
 }
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/behavior/FilePaste/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/FilePaste/index.ts"],"names":[],"mappings":";;;AAAA,yDAA0E;AAC1E,yDAAyC;AACzC,iEAAgD;AAGhD,8CAA+C;AAC/C,iDAA+C;AAE/C,gJAAgJ;AACzI,MAAM,SAAS,GAAkB,CAAC,OAAO,EAAE,EAAE;IAChD,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,IAAI,0BAAM,CAAC;YACd,KAAK,EAAE;gBACH,WAAW,CAAC,IAAI,EAAE,KAAK;oBACnB,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;oBAC5C,IAAI,CAAC,KAAK;wBAAE,OAAO,KAAK,CAAC;oBAEzB,IAAI,CAAC,QAAQ,CACT,IAAI,CAAC,KAAK,CAAC,EAAE;yBACR,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;yBAC5D,cAAc,EAAE,CACxB,CAAC;oBAEF,OAAO,IAAI,CAAC;gBAChB,CAAC;gBACD,UAAU,CAAC,IAAI,EAAE,KAAK;oBAClB,IAAI,IAAI,CAAC,QAAQ;wBAAE,OAAO,KAAK,CAAC;oBAEhC,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;oBAC3C,IAAI,CAAC,KAAK;wBAAE,OAAO,KAAK,CAAC;oBAEzB,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;oBAEzD,MAAM,OAAO,GACT,IAAI,CAAC,WAAW,CAAC,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,OAAO,EAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;oBAC3E,IAAI,OAAO,KAAK,CAAC,CAAC;wBAAE,OAAO,KAAK,CAAC;oBAEjC,MAAM,WAAW,GAAG,IAAA,iCAAS,EAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;oBAC9D,IAAI,WAAW,KAAK,IAAI;wBAAE,OAAO,KAAK,CAAC;oBAEvC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBAChE,OAAO,IAAI,CAAC;gBAChB,CAAC;aACJ;SACJ,CAAC,CAAC;IACP,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAChC,CAAC,CAAC;AArCW,QAAA,SAAS,aAqCpB;AAEF,SAAS,QAAQ,CAAC,YAAiC;IAC/C,IAAI,CAAC,YAAY,IAAI,CAAC,IAAA,mBAAW,EAAC,YAAY,CAAC;QAAE,OAAO,IAAI,CAAC;IAC7D,OAAO,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,gBAAgB,CAAC,MAAc,EAAE,KAAa;IACnD,MAAM,KAAK,GAAW,EAAE,CAAC;IACzB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACvB,KAAK,CAAC,IAAI,CAAC,IAAA,YAAK,EAAC,MAAM,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACnE,CAAC;IACD,OAAO,IAAI,yBAAK,CAAC,4BAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACjD,CAAC","sourcesContent":["import {Fragment, type Node, type Schema, Slice} from 'prosemirror-model';\nimport {Plugin} from 'prosemirror-state';\nimport {dropPoint} from 'prosemirror-transform';\n\nimport type {ExtensionAuto} from '../../../core';\nimport {pType} from '../../../extensions/base';\nimport {isFilesOnly} from '../Clipboard/utils';\n\n// Custom handler of pasted (or dropped) files to prevent insert a file preview in base64-format into editor's content (or open file in browser)\nexport const FilePaste: ExtensionAuto = (builder) => {\n    builder.addPlugin(() => {\n        return new Plugin({\n            props: {\n                handlePaste(view, event) {\n                    const files = getFiles(event.clipboardData);\n                    if (!files) return false;\n\n                    view.dispatch(\n                        view.state.tr\n                            .replaceSelection(createFilesSlice(view.state.schema, files))\n                            .scrollIntoView(),\n                    );\n\n                    return true;\n                },\n                handleDrop(view, event) {\n                    if (view.dragging) return false;\n\n                    const files = getFiles(event.dataTransfer);\n                    if (!files) return false;\n\n                    const slice = createFilesSlice(view.state.schema, files);\n\n                    const dropPos =\n                        view.posAtCoords({left: event.clientX, top: event.clientY})?.pos ?? -1;\n                    if (dropPos === -1) return false;\n\n                    const posToInsert = dropPoint(view.state.doc, dropPos, slice);\n                    if (posToInsert === null) return false;\n\n                    view.dispatch(view.state.tr.insert(posToInsert, slice.content));\n                    return true;\n                },\n            },\n        });\n    }, builder.Priority.Lowest);\n};\n\nfunction getFiles(dataTransfer: DataTransfer | null) {\n    if (!dataTransfer || !isFilesOnly(dataTransfer)) return null;\n    return Array.from(dataTransfer.files);\n}\n\nfunction createFilesSlice(schema: Schema, files: File[]): Slice {\n    const nodes: Node[] = [];\n    for (const file of files) {\n        nodes.push(pType(schema).create(null, schema.text(file.name)));\n    }\n    return new Slice(Fragment.from(nodes), 0, 0);\n}\n"]}

package/build/cjs/extensions/behavior/History/index.d.ts

@@ -1,10 +1,10 @@
 import { history } from 'prosemirror-history';
-import type { Action, ExtensionAuto } from '../../../core';
+import type { Action, ExtensionAuto } from "../../../core/index.js";
 declare enum HistoryAction {
     Undo = "undo",
     Redo = "redo"
 }
-export declare type HistoryOptions = {
+export type HistoryOptions = {
     config?: Parameters<typeof history>[0];
     undoKey?: string | null;
     redoKey?: string | null;

package/build/cjs/extensions/behavior/History/index.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.History = void 0;
 const prosemirror_history_1 = require("prosemirror-history");
-const keymap_1 = require("../../../utils/keymap");
+const keymap_1 = require("../../../utils/keymap.js");
 var HistoryAction;
 (function (HistoryAction) {
     HistoryAction["Undo"] = "undo";
     HistoryAction["Redo"] = "redo";
 })(HistoryAction || (HistoryAction = {}));
 const History = (builder, opts) => {
-    builder.addPlugin(() => (0, prosemirror_history_1.history)(opts === null || opts === void 0 ? void 0 : opts.config));
+    builder.addPlugin(() => (0, prosemirror_history_1.history)(opts?.config));
     builder.addKeymap(() => {
-        const { undoKey, redoKey } = opts !== null && opts !== void 0 ? opts : {};
+        const { undoKey, redoKey } = opts ?? {};
         const bindings = {};
         if (undoKey)
             bindings[undoKey] = (0, keymap_1.withLogAction)('undo', prosemirror_history_1.undo);
@@ -30,3 +30,4 @@ function createHistoryAction(command) {
         run: command,
     });
 }
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/behavior/History/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/History/index.ts"],"names":[],"mappings":";;;AAAA,6DAAwD;AAIxD,qDAAoD;AAEpD,IAAK,aAGJ;AAHD,WAAK,aAAa;IACd,8BAAa,CAAA;IACb,8BAAa,CAAA;AACjB,CAAC,EAHI,aAAa,KAAb,aAAa,QAGjB;AAQM,MAAM,OAAO,GAAkC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IACpE,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAA,6BAAO,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/C,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,EAAC,OAAO,EAAE,OAAO,EAAC,GAAG,IAAI,IAAI,EAAE,CAAC;QACtC,MAAM,QAAQ,GAAW,EAAE,CAAC;QAC5B,IAAI,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAA,sBAAa,EAAC,MAAM,EAAE,0BAAI,CAAC,CAAC;QAC7D,IAAI,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAA,sBAAa,EAAC,MAAM,EAAE,0BAAI,CAAC,CAAC;QAC7D,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC,CAAC;IACH,OAAO;SACF,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,mBAAmB,CAAC,0BAAI,CAAC,CAAC;SACxD,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,mBAAmB,CAAC,0BAAI,CAAC,CAAC,CAAC;AAClE,CAAC,CAAC;AAZW,QAAA,OAAO,WAYlB;AAWF,SAAS,mBAAmB,CAAC,OAAgB;IACzC,OAAO,GAAe,EAAE,CAAC,CAAC;QACtB,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,OAAO;KACf,CAAC,CAAC;AACP,CAAC","sourcesContent":["import {history, redo, undo} from 'prosemirror-history';\nimport type {Command} from 'prosemirror-state';\n\nimport type {Action, ActionSpec, ExtensionAuto, Keymap} from '../../../core';\nimport {withLogAction} from '../../../utils/keymap';\n\nenum HistoryAction {\n    Undo = 'undo',\n    Redo = 'redo',\n}\n\nexport type HistoryOptions = {\n    config?: Parameters<typeof history>[0];\n    undoKey?: string | null;\n    redoKey?: string | null;\n};\n\nexport const History: ExtensionAuto<HistoryOptions> = (builder, opts) => {\n    builder.addPlugin(() => history(opts?.config));\n    builder.addKeymap(() => {\n        const {undoKey, redoKey} = opts ?? {};\n        const bindings: Keymap = {};\n        if (undoKey) bindings[undoKey] = withLogAction('undo', undo);\n        if (redoKey) bindings[redoKey] = withLogAction('redo', redo);\n        return bindings;\n    });\n    builder\n        .addAction(HistoryAction.Undo, createHistoryAction(undo))\n        .addAction(HistoryAction.Redo, createHistoryAction(redo));\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [HistoryAction.Undo]: Action;\n            [HistoryAction.Redo]: Action;\n        }\n    }\n}\n\nfunction createHistoryAction(command: Command) {\n    return (): ActionSpec => ({\n        isEnable: command,\n        run: command,\n    });\n}\n"]}

package/build/cjs/extensions/behavior/Placeholder/index.d.ts

@@ -1,8 +1,9 @@
 import type { Node } from 'prosemirror-model';
 import { PluginKey } from 'prosemirror-state';
 import { DecorationSet } from 'prosemirror-view';
-import type { ExtensionAuto } from '../../../core';
-import { PlaceholderOptions } from '../../../utils/placeholder';
+import type { ExtensionAuto } from "../../../core/index.js";
+import { type PlaceholderOptions } from "../../../utils/placeholder.js";
+import "./index.css";
 export declare const createPlaceholder: (node: Node, parent: Node | null, focus?: boolean) => HTMLDivElement | null;
 export declare const Placeholder: ExtensionAuto<PlaceholderOptions>;
 declare module 'prosemirror-model' {

package/build/cjs/extensions/behavior/Placeholder/index.js

@@ -2,20 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Placeholder = exports.createPlaceholder = void 0;
 const prosemirror_state_1 = require("prosemirror-state");
+// @ts-ignore // TODO: fix cjs build
 const prosemirror_utils_1 = require("prosemirror-utils");
 const prosemirror_view_1 = require("prosemirror-view");
-const classname_1 = require("../../../classname");
-const lodash_1 = require("../../../lodash");
-const nodes_1 = require("../../../utils/nodes");
-const placeholder_1 = require("../../../utils/placeholder");
-const selection_1 = require("../../../utils/selection");
+const classname_1 = require("../../../classname.js");
+const lodash_1 = require("../../../lodash.js");
+const nodes_1 = require("../../../utils/nodes.js");
+const placeholder_1 = require("../../../utils/placeholder.js");
+const selection_1 = require("../../../utils/selection.js");
+require("./index.css");
 const getPlaceholderPluginKeys = (schema) => {
-    var _a;
     const pluginKeys = [];
     for (const node in schema.nodes) {
         if (schema.nodes[node]) {
             const spec = schema.nodes[node].spec;
-            if ((_a = spec.placeholder) === null || _a === void 0 ? void 0 : _a.customPlugin) {
+            if (spec.placeholder?.customPlugin) {
                 pluginKeys.push(spec.placeholder.customPlugin);
             }
         }
@@ -39,7 +40,7 @@ const createPlaceholder = (node, parent, focus) => {
 };
 exports.createPlaceholder = createPlaceholder;
 const placeholderNeeded = (node) => {
-    const childrenWithPlaceholderVisible = (0, prosemirror_utils_1.findChildren)(node, (n) => { var _a; return Boolean((_a = n.type.spec.placeholder) === null || _a === void 0 ? void 0 : _a.alwaysVisible); });
+    const childrenWithPlaceholderVisible = (0, prosemirror_utils_1.findChildren)(node, (n) => Boolean(n.type.spec.placeholder?.alwaysVisible));
     return ((0, nodes_1.isNodeEmpty)(node) &&
         // If there are child nodes with constant placeholder - give them the priority
         !childrenWithPlaceholderVisible.length);
@@ -81,8 +82,7 @@ const Placeholder = (builder, opts) => {
                 return attrs;
             },
             decorations(state) {
-                var _a;
-                return (_a = pluginKey.getState(state)) === null || _a === void 0 ? void 0 : _a.decorationSet;
+                return pluginKey.getState(state)?.decorationSet;
             },
         },
         state: {
@@ -93,15 +93,13 @@ const Placeholder = (builder, opts) => {
 };
 exports.Placeholder = Placeholder;
 function getPlaceholderWidgetSpecs(state) {
-    var _a;
     const globalState = { hasFocus: false };
     const widgetsMap = {};
     const { selection } = state;
-    const cursorPos = (0, selection_1.isTextSelection)(selection) ? (_a = selection.$cursor) === null || _a === void 0 ? void 0 : _a.pos : null;
+    const cursorPos = (0, selection_1.isTextSelection)(selection) ? selection.$cursor?.pos : null;
     getPlaceholderPluginKeys(state.schema).forEach((f) => {
-        var _a;
         // We use find because it can be used to iterate over the DecorationSet.
-        (_a = f.getState(state)) === null || _a === void 0 ? void 0 : _a.find(undefined, undefined, (spec) => {
+        f.getState(state)?.find(undefined, undefined, (spec) => {
             widgetsMap[spec.pos] = f;
             return false;
         });
@@ -117,7 +115,7 @@ function getPlaceholderWidgetSpecs(state) {
     const parentNode = (0, prosemirror_utils_1.findParentNodeClosestToPos)(state.selection.$from, (node) => {
         return Boolean(node.type.spec.placeholder);
     });
-    const placeholderSpec = parentNode === null || parentNode === void 0 ? void 0 : parentNode.node.type.spec.placeholder;
+    const placeholderSpec = parentNode?.node.type.spec.placeholder;
     // Draw placeholder if it needs to be draw in the place of cursor
     if (parentNode &&
         placeholderNeeded(parentNode.node) &&
@@ -159,3 +157,4 @@ function applyState(tr, oldPluginState, _oldState, newState) {
         newSet = newSet.add(tr.doc, newAddedDecorations.map((widget) => prosemirror_view_1.Decoration.widget(widget.pos, widget.toDOM, widget.spec)));
     return { decorationSet: newSet, hasFocus };
 }
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/behavior/Placeholder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Placeholder/index.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Node, Schema} from 'prosemirror-model';\nimport {type EditorState, Plugin, PluginKey, type Transaction} from 'prosemirror-state';\n// @ts-ignore // TODO: fix cjs build\nimport {findChildren, findParentNodeClosestToPos} from 'prosemirror-utils';\nimport {Decoration, DecorationSet} from 'prosemirror-view';\n\nimport {cn} from '../../../classname';\nimport type {ExtensionAuto} from '../../../core';\nimport {isEqual} from '../../../lodash';\nimport {isNodeEmpty} from '../../../utils/nodes';\nimport {type PlaceholderOptions, getPlaceholderContent} from '../../../utils/placeholder';\nimport {isTextSelection} from '../../../utils/selection';\n\nimport './index.scss';\n\nconst getPlaceholderPluginKeys = (schema: Schema) => {\n    const pluginKeys = [];\n    for (const node in schema.nodes) {\n        if (schema.nodes[node]) {\n            const spec = schema.nodes[node].spec;\n            if (spec.placeholder?.customPlugin) {\n                pluginKeys.push(spec.placeholder.customPlugin);\n            }\n        }\n    }\n\n    return pluginKeys;\n};\n\nconst b = cn('placeholder');\n\nexport const createPlaceholder = (node: Node, parent: Node | null, focus?: boolean) => {\n    const content = getPlaceholderContent(node, parent);\n    if (!content) return null;\n\n    const placeholder = document.createElement('div');\n    placeholder.className = b({focus});\n\n    const placeholderCursor = document.createElement('span');\n    placeholderCursor.className = b('cursor');\n\n    const placeholderText = document.createElement('span');\n    placeholderText.className = b('text');\n    placeholderText.textContent = content;\n\n    placeholder.append(placeholderCursor, placeholderText);\n\n    return placeholder;\n};\n\nconst placeholderNeeded = (node: Node) => {\n    const childrenWithPlaceholderVisible = findChildren(node, (n: Node) =>\n        Boolean(n.type.spec.placeholder?.alwaysVisible),\n    );\n\n    return (\n        isNodeEmpty(node) &&\n        // If there are child nodes with constant placeholder - give them the priority\n        !childrenWithPlaceholderVisible.length\n    );\n};\n\nconst addDecoration = (\n    widgetsMap: WidgetsMap,\n    node: Node,\n    pos: number,\n    parent: Node | null,\n    cursorPos: number | null | undefined,\n    globalState: ApplyGlobalState,\n) => {\n    const placeholderSpec = node.type.spec.placeholder;\n    const decorationPosition = pos + node.childCount + 1;\n\n    // We do not add decoration if there is already a placeholder at this position\n    if (!placeholderSpec || widgetsMap[decorationPosition]) return;\n\n    if (placeholderSpec.customPlugin) {\n        widgetsMap[decorationPosition] = placeholderSpec.customPlugin;\n        return;\n    }\n\n    const focus = decorationPosition === cursorPos;\n\n    const placeholderDOM = createPlaceholder(node, parent, focus);\n    if (!placeholderDOM) return;\n\n    if (focus) globalState.hasFocus = true;\n\n    widgetsMap[decorationPosition] = {\n        pos: decorationPosition,\n        toDOM: placeholderDOM,\n        spec: {focus},\n    };\n};\n\ntype ApplyGlobalState = {hasFocus: boolean};\n\ntype DecoWidgetParameters = Parameters<typeof Decoration.widget>;\ntype WidgetSpec = {\n    pos: DecoWidgetParameters[0];\n    toDOM: DecoWidgetParameters[1];\n    spec?: DecoWidgetParameters[2];\n};\n\ntype PlaceholderPluginState = {decorationSet: DecorationSet; hasFocus: boolean};\n\ntype WidgetsMap = Record<number, WidgetSpec | PluginKey>;\n\nconst pluginKey = new PluginKey<PlaceholderPluginState>('placeholder_plugin');\n\nexport const Placeholder: ExtensionAuto<PlaceholderOptions> = (builder, opts) => {\n    builder.context.set('placeholder', opts);\n    builder.addPlugin(\n        () =>\n            new Plugin<PlaceholderPluginState>({\n                key: pluginKey,\n                props: {\n                    attributes(state) {\n                        const attrs: Record<string, string> = {};\n                        if (pluginKey.getState(state)!.hasFocus) {\n                            // hide native cursor\n                            attrs.class = 'g-md-editor-hidecursor';\n                        }\n                        return attrs;\n                    },\n                    decorations(state) {\n                        return pluginKey.getState(state)?.decorationSet;\n                    },\n                },\n                state: {\n                    init: (_config, state) => initState(state),\n                    apply: applyState,\n                },\n            }),\n        builder.Priority.VeryHigh,\n    );\n};\n\nfunction getPlaceholderWidgetSpecs(state: EditorState) {\n    const globalState: ApplyGlobalState = {hasFocus: false};\n    const widgetsMap: WidgetsMap = {};\n    const {selection} = state;\n    const cursorPos = isTextSelection(selection) ? selection.$cursor?.pos : null;\n\n    getPlaceholderPluginKeys(state.schema).forEach((f) => {\n        // We use find because it can be used to iterate over the DecorationSet.\n        f.getState(state)?.find(undefined, undefined, (spec) => {\n            widgetsMap[spec.pos] = f;\n            return false;\n        });\n    });\n\n    // Fraw placeholder for all nodes where placeholder is alwaysVisible\n    const decorate = (node: Node, pos: number, parent: Node | null) => {\n        const placeholderSpec = node.type.spec.placeholder;\n\n        if (placeholderSpec && placeholderSpec.alwaysVisible && placeholderNeeded(node)) {\n            addDecoration(widgetsMap, node, pos, parent, cursorPos, globalState);\n        }\n    };\n\n    state.doc.descendants(decorate);\n\n    const parentNode = findParentNodeClosestToPos(state.selection.$from, (node: Node) => {\n        return Boolean(node.type.spec.placeholder);\n    });\n\n    const placeholderSpec = parentNode?.node.type.spec.placeholder;\n\n    // Draw placeholder if it needs to be draw in the place of cursor\n    if (\n        parentNode &&\n        placeholderNeeded(parentNode.node) &&\n        placeholderSpec &&\n        !placeholderSpec.alwaysVisible\n    ) {\n        const {node, pos, depth} = parentNode;\n        const parent = depth > 0 ? state.selection.$from.node(depth - 1) : null;\n        addDecoration(widgetsMap, node, pos, parent, cursorPos, globalState);\n    }\n\n    const widgetSpecs = Object.values(widgetsMap).filter(\n        (decoration) => !(decoration instanceof PluginKey),\n    ) as WidgetSpec[];\n\n    return {widgetSpecs, hasFocus: globalState.hasFocus};\n}\n\nfunction initState(state: EditorState): PlaceholderPluginState {\n    const {widgetSpecs, hasFocus} = getPlaceholderWidgetSpecs(state);\n    const decorationSet = DecorationSet.create(\n        state.doc,\n        widgetSpecs.map((widget) => Decoration.widget(widget.pos, widget.toDOM, widget.spec)),\n    );\n\n    return {decorationSet, hasFocus};\n}\n\nfunction applyState(\n    tr: Transaction,\n    oldPluginState: PlaceholderPluginState,\n    _oldState: EditorState,\n    newState: EditorState,\n): PlaceholderPluginState {\n    const {widgetSpecs, hasFocus} = getPlaceholderWidgetSpecs(newState);\n    const {decorationSet} = oldPluginState;\n    const oldMappedSet = decorationSet.map(tr.mapping, tr.doc);\n\n    // Find all decorations that are present in old and new set\n    const decorationsThatDidNotChange = widgetSpecs.reduce((a: Decoration[], {pos, spec}) => {\n        const deco = oldMappedSet.find(pos, pos);\n        if (deco.length && isEqual(deco[0].spec, spec)) a.push(...deco);\n        return a;\n    }, []);\n\n    // Those are decorations that are presenr only in new set\n    const newAddedDecorations = widgetSpecs.filter(\n        ({pos}) => !decorationsThatDidNotChange.map(({from}) => from).includes(pos),\n    );\n\n    // That is a set with decorations that are present in old set and absent in new set\n    const notRelevantDecorations = oldMappedSet.remove(decorationsThatDidNotChange);\n    let newSet = oldMappedSet;\n    // Remove decorations that are not present in new set\n    if (notRelevantDecorations.find().length) newSet = newSet.remove(notRelevantDecorations.find());\n    // Add new decorations\n    if (newAddedDecorations.length)\n        newSet = newSet.add(\n            tr.doc,\n            newAddedDecorations.map((widget) =>\n                Decoration.widget(widget.pos, widget.toDOM, widget.spec),\n            ),\n        );\n\n    return {decorationSet: newSet, hasFocus};\n}\n\ndeclare module 'prosemirror-model' {\n    interface NodeSpec {\n        placeholder?: {\n            content: string | ((node: Node, parent?: Node | null) => string | null);\n            customPlugin?: PluginKey<DecorationSet>;\n            alwaysVisible?: boolean;\n        };\n    }\n}\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Context {\n            placeholder: PlaceholderOptions;\n        }\n    }\n}\n"]}