@gravity-ui/markdown-editor 14.11.2 → 14.12.1

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

@@ -1,11 +1,11 @@
 import { DOMSerializer } from 'prosemirror-model';
 import { Plugin, PluginKey, TextSelection } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
-import { isNodeSelection } from '../../../utils/selection';
-import { pType } from '../../base/BaseSchema';
-import { createPlaceholder } from '../../behavior/Placeholder';
-import { isGapCursorSelection } from './GapCursorSelection';
-import './gapcursor.css';
+import { isNodeSelection } from "../../../utils/selection.js";
+import { pType } from "../../base/BaseSchema/index.js";
+import { createPlaceholder } from "../Placeholder/index.js";
+import { isGapCursorSelection } from "./GapCursorSelection.js";
+import "./gapcursor.css";
 const key = new PluginKey('gapCursorPlugin');
 export const gapCursor = () => new Plugin({
     key,
@@ -66,3 +66,4 @@ const toDOM = (view, getPos) => {
     });
     return element;
 };
+//# sourceMappingURL=gapcursor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gapcursor.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Cursor/gapcursor.ts"],"names":[],"mappings":"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","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/esm/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/esm/extensions/behavior/Cursor/index.js

@@ -1,7 +1,8 @@
 import { dropCursor } from 'prosemirror-dropcursor';
-import { gapCursor } from './gapcursor';
-export { GapCursorSelection, isGapCursorSelection } from './GapCursorSelection';
+import { gapCursor } from "./gapcursor.js";
+export { GapCursorSelection, isGapCursorSelection } from "./GapCursorSelection.js";
 export const Cursor = (builder, opts) => {
     builder.addPlugin(() => gapCursor(), builder.Priority.Highest);
     builder.addPlugin(() => dropCursor(opts.dropOptions));
 };
+//# sourceMappingURL=index.js.map

package/build/esm/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,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAIlD,OAAO,EAAC,SAAS,EAAC,uBAAoB;AAEtC,OAAO,EAAC,kBAAkB,EAAE,oBAAoB,EAAC,gCAA6B;AAM9E,MAAM,CAAC,MAAM,MAAM,GAAiC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAClE,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC/D,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;AAC1D,CAAC,CAAC","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/esm/extensions/behavior/EditorModeKeymap/index.d.ts

@@ -1,5 +1,5 @@
-import { ExtensionAuto } from '../../../core';
-export declare type EditorModeKeymapOptions = {
+import { 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/esm/extensions/behavior/EditorModeKeymap/index.js

@@ -1,10 +1,9 @@
-import { Action as A, formatter as f } from '../../../shortcuts';
-import { VERSION } from '../../../version';
+import { Action as A, formatter as f } from "../../../shortcuts/index.js";
+import { VERSION } from "../../../version.js";
 /**
  * Use this extension if you need to handle form actions like cancel and/or submit.
  */
 export const EditorModeKeymap = (builder, opts) => {
-    var _a;
     builder.addKeymap(() => {
         const bindings = {};
         const { onCancel, onSubmit } = opts;
@@ -18,7 +17,7 @@ export 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) {
@@ -31,3 +30,4 @@ function debug() {
     const message = ['YFM-Editor Debug info', `Version: ${VERSION}`].join('\n');
     console.info(message);
 }
+//# sourceMappingURL=index.js.map

package/build/esm/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,OAAO,EAAC,MAAM,IAAI,CAAC,EAAE,SAAS,IAAI,CAAC,EAAC,oCAA2B;AAC/D,OAAO,EAAC,OAAO,EAAC,4BAAyB;AAUzC;;GAEG;AACH,MAAM,CAAC,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,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAE,CAAC,GAAG,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;QAC7D,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAE,CAAC,GAAG,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;QAE7D,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,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;AAEF,SAAS,KAAK;IACV,MAAM,OAAO,GAAG,CAAC,uBAAuB,EAAE,YAAY,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5E,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC1B,CAAC","sourcesContent":["import {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/esm/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/esm/extensions/behavior/FilePaste/index.js

@@ -1,8 +1,8 @@
 import { Fragment, Slice } from 'prosemirror-model';
 import { Plugin } from 'prosemirror-state';
 import { dropPoint } from 'prosemirror-transform';
-import { pType } from '../../../extensions/base';
-import { isFilesOnly } from '../Clipboard/utils';
+import { pType } from "../../base/index.js";
+import { isFilesOnly } from "../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)
 export const FilePaste = (builder) => {
     builder.addPlugin(() => {
@@ -18,14 +18,13 @@ export 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 = dropPoint(view.state.doc, dropPos, slice);
@@ -50,3 +49,4 @@ function createFilesSlice(schema, files) {
     }
     return new Slice(Fragment.from(nodes), 0, 0);
 }
+//# sourceMappingURL=index.js.map

package/build/esm/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,OAAO,EAAC,QAAQ,EAAgB,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAGhD,OAAO,EAAC,KAAK,EAAC,4BAAiC;AAC/C,OAAO,EAAC,WAAW,EAAC,8BAA2B;AAE/C,gJAAgJ;AAChJ,MAAM,CAAC,MAAM,SAAS,GAAkB,CAAC,OAAO,EAAE,EAAE;IAChD,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,IAAI,MAAM,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,SAAS,CAAC,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;AAEF,SAAS,QAAQ,CAAC,YAAiC;IAC/C,IAAI,CAAC,YAAY,IAAI,CAAC,WAAW,CAAC,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,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACnE,CAAC;IACD,OAAO,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACjD,CAAC","sourcesContent":["import {Fragment, Node, 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/esm/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/esm/extensions/behavior/History/index.js

@@ -1,14 +1,14 @@
 import { history, redo, undo } from 'prosemirror-history';
-import { withLogAction } from '../../../utils/keymap';
+import { withLogAction } from "../../../utils/keymap.js";
 var HistoryAction;
 (function (HistoryAction) {
     HistoryAction["Undo"] = "undo";
     HistoryAction["Redo"] = "redo";
 })(HistoryAction || (HistoryAction = {}));
 export const History = (builder, opts) => {
-    builder.addPlugin(() => history(opts === null || opts === void 0 ? void 0 : opts.config));
+    builder.addPlugin(() => history(opts?.config));
     builder.addKeymap(() => {
-        const { undoKey, redoKey } = opts !== null && opts !== void 0 ? opts : {};
+        const { undoKey, redoKey } = opts ?? {};
         const bindings = {};
         if (undoKey)
             bindings[undoKey] = withLogAction('undo', undo);
@@ -26,3 +26,4 @@ function createHistoryAction(command) {
         run: command,
     });
 }
+//# sourceMappingURL=index.js.map

package/build/esm/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,OAAO,EAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAIxD,OAAO,EAAC,aAAa,EAAC,iCAA8B;AAEpD,IAAK,aAGJ;AAHD,WAAK,aAAa;IACd,8BAAa,CAAA;IACb,8BAAa,CAAA;AACjB,CAAC,EAHI,aAAa,KAAb,aAAa,QAGjB;AAQD,MAAM,CAAC,MAAM,OAAO,GAAkC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IACpE,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,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,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAC7D,IAAI,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAC7D,OAAO,QAAQ,CAAC;IACpB,CAAC,CAAC,CAAC;IACH,OAAO;SACF,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;SACxD,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC;AAClE,CAAC,CAAC;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/esm/extensions/behavior/Placeholder/index.d.ts

@@ -1,9 +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 './index.css';
+import type { ExtensionAuto } from "../../../core/index.js";
+import { 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/esm/extensions/behavior/Placeholder/index.js

@@ -1,19 +1,19 @@
 import { Plugin, PluginKey } from 'prosemirror-state';
+// @ts-ignore // TODO: fix cjs build
 import { findChildren, findParentNodeClosestToPos } from 'prosemirror-utils';
 import { Decoration, DecorationSet } from 'prosemirror-view';
-import { cn } from '../../../classname';
-import { isEqual } from '../../../lodash';
-import { isNodeEmpty } from '../../../utils/nodes';
-import { getPlaceholderContent } from '../../../utils/placeholder';
-import { isTextSelection } from '../../../utils/selection';
-import './index.css';
+import { cn } from "../../../classname.js";
+import { isEqual } from "../../../lodash.js";
+import { isNodeEmpty } from "../../../utils/nodes.js";
+import { getPlaceholderContent } from "../../../utils/placeholder.js";
+import { isTextSelection } from "../../../utils/selection.js";
+import "./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);
             }
         }
@@ -36,7 +36,7 @@ export const createPlaceholder = (node, parent, focus) => {
     return placeholder;
 };
 const placeholderNeeded = (node) => {
-    const childrenWithPlaceholderVisible = findChildren(node, (n) => { var _a; return Boolean((_a = n.type.spec.placeholder) === null || _a === void 0 ? void 0 : _a.alwaysVisible); });
+    const childrenWithPlaceholderVisible = findChildren(node, (n) => Boolean(n.type.spec.placeholder?.alwaysVisible));
     return (isNodeEmpty(node) &&
         // If there are child nodes with constant placeholder - give them the priority
         !childrenWithPlaceholderVisible.length);
@@ -78,8 +78,7 @@ export 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: {
@@ -89,15 +88,13 @@ export const Placeholder = (builder, opts) => {
     }), builder.Priority.VeryHigh);
 };
 function getPlaceholderWidgetSpecs(state) {
-    var _a;
     const globalState = { hasFocus: false };
     const widgetsMap = {};
     const { selection } = state;
-    const cursorPos = isTextSelection(selection) ? (_a = selection.$cursor) === null || _a === void 0 ? void 0 : _a.pos : null;
+    const cursorPos = 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;
         });
@@ -113,7 +110,7 @@ function getPlaceholderWidgetSpecs(state) {
     const parentNode = 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) &&
@@ -155,3 +152,4 @@ function applyState(tr, oldPluginState, _oldState, newState) {
         newSet = newSet.add(tr.doc, newAddedDecorations.map((widget) => Decoration.widget(widget.pos, widget.toDOM, widget.spec)));
     return { decorationSet: newSet, hasFocus };
 }
+//# sourceMappingURL=index.js.map

package/build/esm/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 {EditorState, Plugin, PluginKey, 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 {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"]}

package/build/esm/extensions/behavior/ReactRenderer/index.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import { EditorState } from 'prosemirror-state';
-import type { ExtensionAuto } from '../../../core';
-import { EventEmitter } from '../../../utils/event-emitter';
-import { RenderStorage, RenderStorageEventMap, RenderStorageItem, Renderer, RendererItem } from './types';
-export type { RendererItem, RenderStorage } from './types';
-export { Renderer as ReactRendererComponent } from './react';
-export type { RendererProps as ReactRendererComponentProps } from './react';
+import type { ExtensionAuto } from "../../../core/index.js";
+import { EventEmitter } from "../../../utils/event-emitter.js";
+import { RenderStorage, RenderStorageEventMap, RenderStorageItem, Renderer, RendererItem } from "./types.js";
+export type { RendererItem, RenderStorage } from "./types.js";
+export { Renderer as ReactRendererComponent } from "./react.js";
+export type { RendererProps as ReactRendererComponentProps } from "./react.js";
 export declare function getReactRendererFromState(state: EditorState): ReactRenderer;
-export declare type ReactRenderer = Renderer<React.ReactNode>;
+export type ReactRenderer = Renderer<React.ReactNode>;
 export declare const ReactRendererExtension: ExtensionAuto<ReactRenderer>;
 declare global {
     namespace WysiwygEditor {
@@ -16,7 +15,7 @@ declare global {
         }
     }
 }
-declare type RenderFn = () => React.ReactNode;
+type RenderFn = () => React.ReactNode;
 export declare class ReactRenderStorage extends EventEmitter<RenderStorageEventMap> implements ReactRenderer, RenderStorage<React.ReactNode> {
     #private;
     private static Item;

package/build/esm/extensions/behavior/ReactRenderer/index.js

@@ -1,8 +1,6 @@
-var _ReactRenderStorage_items, _a;
-import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { Plugin, PluginKey } from 'prosemirror-state';
-import { EventEmitter } from '../../../utils/event-emitter';
-export { Renderer as ReactRendererComponent } from './react';
+import { EventEmitter } from "../../../utils/event-emitter.js";
+export { Renderer as ReactRendererComponent } from "./react.js";
 const key = new PluginKey('reactrenderer');
 export function getReactRendererFromState(state) {
     const renderer = key.getState(state);
@@ -22,40 +20,20 @@ export const ReactRendererExtension = (builder, renderer) => {
     }), builder.Priority.Highest);
 };
 export class ReactRenderStorage extends EventEmitter {
-    constructor() {
-        super(...arguments);
-        _ReactRenderStorage_items.set(this, []);
-    }
-    getItems() {
-        return __classPrivateFieldGet(this, _ReactRenderStorage_items, "f");
-    }
-    createItem(idPrefix, render) {
-        const item = new ReactRenderStorage.Item(idPrefix, render, this.removeItem.bind(this));
-        __classPrivateFieldGet(this, _ReactRenderStorage_items, "f").push(item);
-        this.emit('update', null);
-        return item;
-    }
-    removeItem(itemOrId) {
-        if (typeof itemOrId === 'string') {
-            __classPrivateFieldSet(this, _ReactRenderStorage_items, __classPrivateFieldGet(this, _ReactRenderStorage_items, "f").filter((item) => item.id !== itemOrId), "f");
-        }
-        else {
-            __classPrivateFieldSet(this, _ReactRenderStorage_items, __classPrivateFieldGet(this, _ReactRenderStorage_items, "f").filter((item) => item !== itemOrId), "f");
+    static Item = class Item extends EventEmitter {
+        static GlobalId = 0;
+        static getNextId() {
+            return this.GlobalId++;
         }
-        this.emit('update', null);
-    }
-}
-_ReactRenderStorage_items = new WeakMap();
-ReactRenderStorage.Item = (_a = class Item extends EventEmitter {
+        id;
+        renderFn;
+        removeFn;
         constructor(idPrefix, renderFn, removeFn) {
             super();
             this.id = idPrefix + Item.getNextId();
             this.renderFn = renderFn;
             this.removeFn = removeFn;
         }
-        static getNextId() {
-            return this.GlobalId++;
-        }
         render() {
             return this.renderFn();
         }
@@ -65,6 +43,25 @@ ReactRenderStorage.Item = (_a = class Item extends EventEmitter {
         rerender() {
             this.emit('rerender', null);
         }
-    },
-    _a.GlobalId = 0,
-    _a);
+    };
+    #items = [];
+    getItems() {
+        return this.#items;
+    }
+    createItem(idPrefix, render) {
+        const item = new ReactRenderStorage.Item(idPrefix, render, this.removeItem.bind(this));
+        this.#items.push(item);
+        this.emit('update', null);
+        return item;
+    }
+    removeItem(itemOrId) {
+        if (typeof itemOrId === 'string') {
+            this.#items = this.#items.filter((item) => item.id !== itemOrId);
+        }
+        else {
+            this.#items = this.#items.filter((item) => item !== itemOrId);
+        }
+        this.emit('update', null);
+    }
+}
+//# sourceMappingURL=index.js.map

package/build/esm/extensions/behavior/ReactRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/ReactRenderer/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {EditorState, Plugin, PluginKey} from 'prosemirror-state';\n\nimport type {ExtensionAuto} from '../../../core';\nimport {EventEmitter} from '../../../utils/event-emitter';\n\nimport {\n    RenderStorage,\n    RenderStorageEventMap,\n    RenderStorageItem,\n    RenderStorageItemEventMap,\n    Renderer,\n    RendererItem,\n} from './types';\n\nexport type {RendererItem, RenderStorage} from './types';\nexport {Renderer as ReactRendererComponent} from './react';\nexport type {RendererProps as ReactRendererComponentProps} from './react';\n\nconst key = new PluginKey<ReactRenderer>('reactrenderer');\nexport function getReactRendererFromState(state: EditorState): ReactRenderer {\n    const renderer = key.getState(state);\n    if (!renderer) {\n        throw new Error(\n            'ReactRenderer is missing in the editor state. Probably, you forgot to use ReactRendererExtension',\n        );\n    }\n    return renderer;\n}\n\nexport type ReactRenderer = Renderer<React.ReactNode>;\nexport const ReactRendererExtension: ExtensionAuto<ReactRenderer> = (builder, renderer) => {\n    builder.context.set('reactrenderer', renderer);\n    builder.addPlugin(\n        () =>\n            new Plugin({\n                key,\n                state: {\n                    init: () => renderer,\n                    apply: () => renderer,\n                },\n            }),\n        builder.Priority.Highest,\n    );\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Context {\n            reactrenderer: ReactRenderer;\n        }\n    }\n}\n\ntype RenderFn = () => React.ReactNode;\ninterface ReactStorageItem extends RendererItem, RenderStorageItem<React.ReactNode> {}\nexport class ReactRenderStorage\n    extends EventEmitter<RenderStorageEventMap>\n    implements ReactRenderer, RenderStorage<React.ReactNode>\n{\n    private static Item = class Item\n        extends EventEmitter<RenderStorageItemEventMap>\n        implements ReactStorageItem\n    {\n        private static GlobalId = 0;\n        private static getNextId(): number {\n            return this.GlobalId++;\n        }\n\n        readonly id: string;\n        private readonly renderFn;\n        private readonly removeFn;\n\n        constructor(idPrefix: string, renderFn: RenderFn, removeFn: (item: Item) => void) {\n            super();\n            this.id = idPrefix + Item.getNextId();\n            this.renderFn = renderFn;\n            this.removeFn = removeFn;\n        }\n\n        render(): React.ReactNode {\n            return this.renderFn();\n        }\n\n        remove(): void {\n            this.removeFn(this);\n        }\n\n        rerender(): void {\n            this.emit('rerender', null);\n        }\n    };\n\n    #items: ReactStorageItem[] = [];\n\n    getItems(): readonly RenderStorageItem<React.ReactNode>[] {\n        return this.#items;\n    }\n\n    createItem(idPrefix: string, render: RenderFn): RendererItem {\n        const item = new ReactRenderStorage.Item(idPrefix, render, this.removeItem.bind(this));\n        this.#items.push(item);\n        this.emit('update', null);\n        return item;\n    }\n\n    removeItem(item: RendererItem): void;\n    removeItem(id: string): void;\n    removeItem(itemOrId: RendererItem | string): void {\n        if (typeof itemOrId === 'string') {\n            this.#items = this.#items.filter((item) => item.id !== itemOrId);\n        } else {\n            this.#items = this.#items.filter((item) => item !== itemOrId);\n        }\n        this.emit('update', null);\n    }\n}\n"]}

package/build/esm/extensions/behavior/ReactRenderer/react.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { RenderStorage } from './types';
-export declare type RendererProps = {
+import { RenderStorage } from "./types.js";
+export type RendererProps = {
     storage: RenderStorage<React.ReactNode>;
 };
-export declare const Renderer: React.NamedExoticComponent<RendererProps>;
+export declare const Renderer: import("react").NamedExoticComponent<RendererProps>;

package/build/esm/extensions/behavior/ReactRenderer/react.js

@@ -1,4 +1,5 @@
-import React, { memo, useEffect } from 'react';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useEffect } from 'react';
 import { useUpdate } from 'react-use';
 export const Renderer = memo(({ storage }) => {
     const update = useUpdate();
@@ -8,7 +9,7 @@ export const Renderer = memo(({ storage }) => {
             storage.off('update', update);
         };
     }, [storage, update]);
-    return (React.createElement(React.Fragment, null, storage.getItems().map((item) => (React.createElement(ItemRenderer, { key: item.id, item: item })))));
+    return (_jsx(_Fragment, { children: storage.getItems().map((item) => (_jsx(ItemRenderer, { item: item }, item.id))) }));
 });
 Renderer.displayName = 'ReactRenderer';
 const ItemRenderer = memo(({ item }) => {
@@ -19,6 +20,7 @@ const ItemRenderer = memo(({ item }) => {
             item.off('rerender', update);
         };
     }, [item, update]);
-    return React.createElement(React.Fragment, null, item.render());
+    return _jsx(_Fragment, { children: item.render() });
 });
 ItemRenderer.displayName = 'ReactItemRenderer';
+//# sourceMappingURL=react.js.map

package/build/esm/extensions/behavior/ReactRenderer/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/ReactRenderer/react.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAQpC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAgB,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE;IACtD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC7B,OAAO,GAAG,EAAE;YACR,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAClC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,OAAO,CACH,4BACK,OAAO,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC9B,KAAC,YAAY,IAAe,IAAI,EAAE,IAAI,IAAnB,IAAI,CAAC,EAAE,CAAgB,CAC7C,CAAC,GACH,CACN,CAAC;AACN,CAAC,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,eAAe,CAAC;AAMvC,MAAM,YAAY,GAAG,IAAI,CAAoB,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACpD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QAC5B,OAAO,GAAG,EAAE;YACR,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QACjC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IACnB,OAAO,4BAAG,IAAI,CAAC,MAAM,EAAE,GAAI,CAAC;AAChC,CAAC,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,mBAAmB,CAAC","sourcesContent":["import {memo, useEffect} from 'react';\n\nimport {useUpdate} from 'react-use';\n\nimport {RenderStorage, RenderStorageItem} from './types';\n\nexport type RendererProps = {\n    storage: RenderStorage<React.ReactNode>;\n};\n\nexport const Renderer = memo<RendererProps>(({storage}) => {\n    const update = useUpdate();\n    useEffect(() => {\n        storage.on('update', update);\n        return () => {\n            storage.off('update', update);\n        };\n    }, [storage, update]);\n\n    return (\n        <>\n            {storage.getItems().map((item) => (\n                <ItemRenderer key={item.id} item={item} />\n            ))}\n        </>\n    );\n});\nRenderer.displayName = 'ReactRenderer';\n\ntype ItemRendererProps = {\n    item: RenderStorageItem<React.ReactNode>;\n};\n\nconst ItemRenderer = memo<ItemRendererProps>(({item}) => {\n    const update = useUpdate();\n    useEffect(() => {\n        item.on('rerender', update);\n        return () => {\n            item.off('rerender', update);\n        };\n    }, [item, update]);\n    return <>{item.render()}</>;\n});\nItemRenderer.displayName = 'ReactItemRenderer';\n"]}

package/build/esm/extensions/behavior/ReactRenderer/types.d.ts

@@ -1,21 +1,21 @@
-import type { Receiver } from '../../../utils/event-emitter';
+import type { Receiver } from "../../../utils/event-emitter.js";
 export interface Renderer<R> {
     createItem(idPrefix: string, render: () => R): RendererItem;
     removeItem(item: RendererItem): void;
     removeItem(id: string): void;
 }
-export declare type RendererItem = {
+export type RendererItem = {
     readonly id: string;
     rerender(): void;
     remove(): void;
 };
-export declare type RenderStorageEventMap = {
+export type RenderStorageEventMap = {
     update: null;
 };
 export interface RenderStorage<R> extends Receiver<RenderStorageEventMap> {
     getItems(): readonly RenderStorageItem<R>[];
 }
-export declare type RenderStorageItemEventMap = {
+export type RenderStorageItemEventMap = {
     rerender: null;
 };
 export interface RenderStorageItem<R> extends Receiver<RenderStorageItemEventMap> {

package/build/esm/extensions/behavior/ReactRenderer/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/build/esm/extensions/behavior/ReactRenderer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/ReactRenderer/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {Receiver} from '../../../utils/event-emitter';\n\nexport interface Renderer<R> {\n    createItem(idPrefix: string, render: () => R): RendererItem;\n    removeItem(item: RendererItem): void;\n    removeItem(id: string): void;\n}\n\nexport type RendererItem = {\n    readonly id: string;\n    rerender(): void;\n    remove(): void;\n};\n\nexport type RenderStorageEventMap = {update: null};\nexport interface RenderStorage<R> extends Receiver<RenderStorageEventMap> {\n    getItems(): readonly RenderStorageItem<R>[];\n}\n\nexport type RenderStorageItemEventMap = {rerender: null};\nexport interface RenderStorageItem<R> extends Receiver<RenderStorageItemEventMap> {\n    readonly id: string;\n    render(): R;\n}\n"]}

package/build/esm/extensions/behavior/Resizable/Resizable.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import './Resizable.css';
+import "./Resizable.css";
 export interface ResizableProps {
     children: React.ReactNode;
     onResizeLeft: (event: React.MouseEvent<HTMLElement>) => void;

package/build/esm/extensions/behavior/Resizable/Resizable.js

@@ -1,10 +1,7 @@
-import React from 'react';
-import { cn } from '../../../classname';
-import './Resizable.css';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../classname.js";
+import "./Resizable.css";
 const b = cn('resizable');
-const Resizer = ({ onMouseDown, direction }) => (React.createElement("div", { className: b('resizer-wrapper', { [direction]: true }), role: "button", tabIndex: 0, onMouseDown: onMouseDown },
-    React.createElement("div", { className: b('resizer') })));
-export const Resizable = ({ hover, resizing, children, onResizeLeft, onResizeRight, }) => (React.createElement("div", { className: b({ hover, resizing }) },
-    children,
-    React.createElement(Resizer, { onMouseDown: onResizeLeft, direction: "left" }),
-    React.createElement(Resizer, { onMouseDown: onResizeRight, direction: "right" })));
+const Resizer = ({ onMouseDown, direction }) => (_jsx("div", { className: b('resizer-wrapper', { [direction]: true }), role: "button", tabIndex: 0, onMouseDown: onMouseDown, children: _jsx("div", { className: b('resizer') }) }));
+export const Resizable = ({ hover, resizing, children, onResizeLeft, onResizeRight, }) => (_jsxs("div", { className: b({ hover, resizing }), children: [children, _jsx(Resizer, { onMouseDown: onResizeLeft, direction: "left" }), _jsx(Resizer, { onMouseDown: onResizeRight, direction: "right" })] }));
+//# sourceMappingURL=Resizable.js.map

package/build/esm/extensions/behavior/Resizable/Resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Resizable/Resizable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,8BAA2B;AAEtC,yBAA0B;AAE1B,MAAM,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC;AAM1B,MAAM,OAAO,GAA2B,CAAC,EAAC,WAAW,EAAE,SAAS,EAAC,EAAE,EAAE,CAAC,CAClE,cACI,SAAS,EAAE,CAAC,CAAC,iBAAiB,EAAE,EAAC,CAAC,SAAS,CAAC,EAAE,IAAI,EAAC,CAAC,EACpD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,WAAW,EAAE,WAAW,YAExB,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,GAAI,GAC9B,CACT,CAAC;AAUF,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAChD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,GAChB,EAAE,EAAE,CAAC,CACF,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC,aAC/B,QAAQ,EACT,KAAC,OAAO,IAAC,WAAW,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,GAAG,EACvD,KAAC,OAAO,IAAC,WAAW,EAAE,aAAa,EAAE,SAAS,EAAC,OAAO,GAAG,IACvD,CACT,CAAC","sourcesContent":["import {cn} from '../../../classname';\n\nimport './Resizable.scss';\n\nconst b = cn('resizable');\n\ninterface ResizerProps {\n    onMouseDown: (event: React.MouseEvent<HTMLElement>) => void;\n    direction: 'left' | 'right';\n}\nconst Resizer: React.FC<ResizerProps> = ({onMouseDown, direction}) => (\n    <div\n        className={b('resizer-wrapper', {[direction]: true})}\n        role=\"button\"\n        tabIndex={0}\n        onMouseDown={onMouseDown}\n    >\n        <div className={b('resizer')} />\n    </div>\n);\n\nexport interface ResizableProps {\n    children: React.ReactNode;\n    onResizeLeft: (event: React.MouseEvent<HTMLElement>) => void;\n    onResizeRight: (event: React.MouseEvent<HTMLElement>) => void;\n    hover?: boolean;\n    resizing?: boolean;\n}\n\nexport const Resizable: React.FC<ResizableProps> = ({\n    hover,\n    resizing,\n    children,\n    onResizeLeft,\n    onResizeRight,\n}) => (\n    <div className={b({hover, resizing})}>\n        {children}\n        <Resizer onMouseDown={onResizeLeft} direction=\"left\" />\n        <Resizer onMouseDown={onResizeRight} direction=\"right\" />\n    </div>\n);\n"]}

package/build/esm/extensions/behavior/Selection/commands.d.ts

@@ -1,10 +1,10 @@
 import type { ResolvedPos } from 'prosemirror-model';
 import type { Command, NodeSelection, TextSelection, Transaction } from 'prosemirror-state';
-import { GapCursorSelection } from '../Cursor/GapCursorSelection';
-export declare type Direction = 'before' | 'after';
-declare type TextSelectionFinder = (selection: TextSelection, dir: Direction) => ResolvedPos | null;
-declare type NodeSelectionFinder = (selection: NodeSelection, dir: Direction) => ResolvedPos | null;
-declare type GapCursorSelectionFinder = (selection: GapCursorSelection, dir: Direction) => ResolvedPos | null;
+import { GapCursorSelection } from "../Cursor/GapCursorSelection.js";
+export type Direction = 'before' | 'after';
+type TextSelectionFinder = (selection: TextSelection, dir: Direction) => ResolvedPos | null;
+type NodeSelectionFinder = (selection: NodeSelection, dir: Direction) => ResolvedPos | null;
+type GapCursorSelectionFinder = (selection: GapCursorSelection, dir: Direction) => ResolvedPos | null;
 export declare const findNextFakeParaPosForGapCursorSelection: GapCursorSelectionFinder;
 export declare const findFakeParaPosForNodeSelection: NodeSelectionFinder;
 export declare const findFakeParaPosForCodeBlock: ($cursor: ResolvedPos, dir: Direction) => ResolvedPos | null;