@gravity-ui/markdown-editor 15.3.0 → 15.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,2BAAwB;AAE3C,OAAO,EAAC,WAAW,EAAC,qBAAkB;AAGtC,OAAO,EAAC,gBAAgB,EAAE,iBAAiB,EAAC,MAAM,0BAA0B,CAAC;AAC7E,MAAM,CAAC,MAAM,yBAAyB,GAAG,cAAc,CAAC;AAGxD,2BAAwB;AAMxB;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,YAAY,GAAkB,CAAC,OAAO,EAAE,EAAE;IACnD,MAAM,OAAO,GAAG,IAAI,GAAG,EAAyC,CAAC;IACjE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;IAE7C,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;QACvB,MAAM,QAAQ,GAA0B,EAAE,CAAC;QAC3C,MAAM,MAAM,GAAuB,EAAE,CAAC;QACtC,KAAK,MAAM,QAAQ,IAAI,OAAO,EAAE,CAAC;YAC7B,MAAM,IAAI,GAAqB,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;YAChF,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,YAAY,CAAC;YACzB,QAAQ;YACR,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;YACpC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;YACtC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;YACxC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;YACtC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;SACzC,CAAC,CAAC;QAEH;;;WAGG;QACH,OAAO,OAAO,CAAC,MAAM,CACjB,IAAI,MAAM,CAAC;YACP,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;gBACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE;aACrC,CAAC;SACL,CAAC,CACL,CAAC;IACN,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAClC,CAAC,CAAC","sourcesContent":["import autocomplete from 'prosemirror-autocomplete';\nimport {Plugin} from 'prosemirror-state';\n\nimport type {ExtensionAuto, ExtensionDeps} from '../../../core';\nimport {isFunction} from '../../../lodash';\n\nimport {MainHandler} from './handler';\nimport type {AutocompleteItem, AutocompleteTrigger} from './types';\n\nexport {openAutocomplete, closeAutocomplete} from 'prosemirror-autocomplete';\nexport const AutocompleteDecoClassName = 'autocomplete';\n\nexport type AutocompleteItemFn = (deps: ExtensionDeps) => AutocompleteItem;\nexport * from './types';\n\ntype Storage = {\n    add(item: AutocompleteItem | AutocompleteItemFn): Storage;\n};\n\n/**\n * This extension is wrapper of _prosemirror-autocomplete_\n * You only need to use it once.\n * Don't add this extension many times with different options.\n * Don't import anything from the _prosemirror-autocomplete_ source package.\n * Everything you need is exported from this module.\n */\nexport const Autocomplete: ExtensionAuto = (builder) => {\n    const storage = new Set<AutocompleteItem | AutocompleteItemFn>();\n    builder.context.set('autocomplete', storage);\n\n    builder.addPlugin((deps) => {\n        const triggers: AutocompleteTrigger[] = [];\n        const config: AutocompleteItem[] = [];\n        for (const itemOrFn of storage) {\n            const item: AutocompleteItem = isFunction(itemOrFn) ? itemOrFn(deps) : itemOrFn;\n            triggers.push(item.trigger);\n            config.push(item);\n        }\n\n        const handler = new MainHandler(config, builder.logger);\n        const plugins = autocomplete({\n            triggers,\n            onOpen: handler.onOpen.bind(handler),\n            onClose: handler.onClose.bind(handler),\n            onFilter: handler.onFilter.bind(handler),\n            onArrow: handler.onArrow.bind(handler),\n            onEnter: handler.onEnter.bind(handler),\n        });\n\n        /**\n         * BugFix: because _prosemirror-autocomplete_ does not handle the destruction of the view,\n         * we have to handle it ourselves\n         */\n        return plugins.concat(\n            new Plugin({\n                view: () => ({\n                    destroy: () => handler.onDestroy(),\n                }),\n            }),\n        );\n    }, builder.Priority.VeryHigh);\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Context {\n            autocomplete: Storage;\n        }\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,2BAAwB;AAE3C,OAAO,EAAC,WAAW,EAAC,qBAAkB;AAGtC,OAAO,EAAC,gBAAgB,EAAE,iBAAiB,EAAC,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAC,oBAAoB,EAAC,mBAAgB;AAC7C,MAAM,CAAC,MAAM,yBAAyB,GAAG,cAAc,CAAC;AAGxD,2BAAwB;AAMxB;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,YAAY,GAAkB,CAAC,OAAO,EAAE,EAAE;IACnD,MAAM,OAAO,GAAG,IAAI,GAAG,EAAyC,CAAC;IACjE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;IAE7C,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;QACvB,MAAM,QAAQ,GAA0B,EAAE,CAAC;QAC3C,MAAM,MAAM,GAAuB,EAAE,CAAC;QACtC,KAAK,MAAM,QAAQ,IAAI,OAAO,EAAE,CAAC;YAC7B,MAAM,IAAI,GAAqB,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;YAChF,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,YAAY,CAAC;YACzB,QAAQ;YACR,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;YACpC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;YACtC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;YACxC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;YACtC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;SACzC,CAAC,CAAC;QAEH;;;WAGG;QACH,OAAO,OAAO,CAAC,MAAM,CACjB,IAAI,MAAM,CAAC;YACP,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;gBACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE;aACrC,CAAC;SACL,CAAC,CACL,CAAC;IACN,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAClC,CAAC,CAAC","sourcesContent":["import {autocomplete} from 'prosemirror-autocomplete';\nimport {Plugin} from 'prosemirror-state';\n\nimport type {ExtensionAuto, ExtensionDeps} from '../../../core';\nimport {isFunction} from '../../../lodash';\n\nimport {MainHandler} from './handler';\nimport type {AutocompleteItem, AutocompleteTrigger} from './types';\n\nexport {openAutocomplete, closeAutocomplete} from 'prosemirror-autocomplete';\nexport {getAutocompleteState} from './utils';\nexport const AutocompleteDecoClassName = 'autocomplete';\n\nexport type AutocompleteItemFn = (deps: ExtensionDeps) => AutocompleteItem;\nexport * from './types';\n\ntype Storage = {\n    add(item: AutocompleteItem | AutocompleteItemFn): Storage;\n};\n\n/**\n * This extension is wrapper of _prosemirror-autocomplete_\n * You only need to use it once.\n * Don't add this extension many times with different options.\n * Don't import anything from the _prosemirror-autocomplete_ source package.\n * Everything you need is exported from this module.\n */\nexport const Autocomplete: ExtensionAuto = (builder) => {\n    const storage = new Set<AutocompleteItem | AutocompleteItemFn>();\n    builder.context.set('autocomplete', storage);\n\n    builder.addPlugin((deps) => {\n        const triggers: AutocompleteTrigger[] = [];\n        const config: AutocompleteItem[] = [];\n        for (const itemOrFn of storage) {\n            const item: AutocompleteItem = isFunction(itemOrFn) ? itemOrFn(deps) : itemOrFn;\n            triggers.push(item.trigger);\n            config.push(item);\n        }\n\n        const handler = new MainHandler(config, builder.logger);\n        const plugins = autocomplete({\n            triggers,\n            onOpen: handler.onOpen.bind(handler),\n            onClose: handler.onClose.bind(handler),\n            onFilter: handler.onFilter.bind(handler),\n            onArrow: handler.onArrow.bind(handler),\n            onEnter: handler.onEnter.bind(handler),\n        });\n\n        /**\n         * BugFix: because _prosemirror-autocomplete_ does not handle the destruction of the view,\n         * we have to handle it ourselves\n         */\n        return plugins.concat(\n            new Plugin({\n                view: () => ({\n                    destroy: () => handler.onDestroy(),\n                }),\n            }),\n        );\n    }, builder.Priority.VeryHigh);\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Context {\n            autocomplete: Storage;\n        }\n    }\n}\n"]}

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

@@ -1,5 +1,5 @@
 import type { Options, Trigger } from 'prosemirror-autocomplete';
-export type { FromTo, AutocompleteAction, Trigger as AutocompleteTrigger, } from 'prosemirror-autocomplete';
+export type { FromTo, AutocompleteAction, AutocompleteState, Trigger as AutocompleteTrigger, } from 'prosemirror-autocomplete';
 export { ActionKind as AutocompleteActionKind } from 'prosemirror-autocomplete';
 export interface AutocompleteHandler extends Pick<Options, 'onArrow' | 'onClose' | 'onEnter' | 'onFilter' | 'onOpen'> {
     onDestroy?: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Autocomplete/types.ts"],"names":[],"mappings":"AAQA,OAAO,EAAC,UAAU,IAAI,sBAAsB,EAAC,MAAM,0BAA0B,CAAC","sourcesContent":["import type {Options, Trigger} from 'prosemirror-autocomplete';\n\nexport type {\n    FromTo,\n    AutocompleteAction,\n    Trigger as AutocompleteTrigger,\n} from 'prosemirror-autocomplete';\n\nexport {ActionKind as AutocompleteActionKind} from 'prosemirror-autocomplete';\n\nexport interface AutocompleteHandler\n    extends Pick<Options, 'onArrow' | 'onClose' | 'onEnter' | 'onFilter' | 'onOpen'> {\n    onDestroy?: () => void;\n}\n\nexport type AutocompleteItem = {trigger: Trigger; handler: AutocompleteHandler};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Autocomplete/types.ts"],"names":[],"mappings":"AASA,OAAO,EAAC,UAAU,IAAI,sBAAsB,EAAC,MAAM,0BAA0B,CAAC","sourcesContent":["import type {Options, Trigger} from 'prosemirror-autocomplete';\n\nexport type {\n    FromTo,\n    AutocompleteAction,\n    AutocompleteState,\n    Trigger as AutocompleteTrigger,\n} from 'prosemirror-autocomplete';\n\nexport {ActionKind as AutocompleteActionKind} from 'prosemirror-autocomplete';\n\nexport interface AutocompleteHandler\n    extends Pick<Options, 'onArrow' | 'onClose' | 'onEnter' | 'onFilter' | 'onOpen'> {\n    onDestroy?: () => void;\n}\n\nexport type AutocompleteItem = {trigger: Trigger; handler: AutocompleteHandler};\n"]}

package/build/esm/extensions/behavior/Autocomplete/utils.d.ts

@@ -0,0 +1,3 @@
+import type { EditorState } from "../../../pm/state.js";
+import type { AutocompleteState } from "./types.js";
+export declare function getAutocompleteState(state: EditorState): AutocompleteState | null;

package/build/esm/extensions/behavior/Autocomplete/utils.js

@@ -0,0 +1,5 @@
+import { pluginKey } from 'prosemirror-autocomplete';
+export function getAutocompleteState(state) {
+    return pluginKey.getState(state) || null;
+}
+//# sourceMappingURL=utils.js.map

package/build/esm/extensions/behavior/Autocomplete/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Autocomplete/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,0BAA0B,CAAC;AAMnD,MAAM,UAAU,oBAAoB,CAAC,KAAkB;IACnD,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC;AAC7C,CAAC","sourcesContent":["import {pluginKey} from 'prosemirror-autocomplete';\n\nimport type {EditorState} from '#pm/state';\n\nimport type {AutocompleteState} from './types';\n\nexport function getAutocompleteState(state: EditorState): AutocompleteState | null {\n    return pluginKey.getState(state) || null;\n}\n"]}

package/build/esm/extensions/behavior/Clipboard/code.d.ts

@@ -1,4 +1,10 @@
-import type { EditorState } from 'prosemirror-state';
+import { type EditorState, Plugin } from "../../../pm/state.js";
 export declare function isInsideCode(state: EditorState): false | 'block' | 'inline';
 export declare function isInsideBlockCode(state: EditorState): boolean;
 export declare function isInsideInlineCode(state: EditorState): boolean;
+/**
+ * This plugin handles paste into any type of code: code block or code mark.
+ * If selection is inside code, it always prevents execution of all next paste handlers.
+ * It takes a value from following clipboard data types: uri-list, files or text data.
+ */
+export declare const handlePasteIntoCodePlugin: () => Plugin<any>;

package/build/esm/extensions/behavior/Clipboard/code.js

@@ -1,3 +1,7 @@
+import dd from 'ts-dedent';
+import { getLoggerFromState } from "../../../core/index.js";
+import { Plugin } from "../../../pm/state.js";
+import { DataTransferType, isFilesOnly, isIosSafariShare } from "./utils.js";
 const isCodeMark = (mark) => mark.type.spec.code;
 export function isInsideCode(state) {
     if (isInsideBlockCode(state))
@@ -19,4 +23,57 @@ export function isInsideInlineCode(state) {
     }
     return fromHasCodeMark;
 }
+/**
+ * This plugin handles paste into any type of code: code block or code mark.
+ * If selection is inside code, it always prevents execution of all next paste handlers.
+ * It takes a value from following clipboard data types: uri-list, files or text data.
+ */
+export const handlePasteIntoCodePlugin = () => {
+    return new Plugin({
+        props: {
+            handleDOMEvents: {
+                paste(view, event) {
+                    if (!event.clipboardData)
+                        return false;
+                    const { clipboardData } = event;
+                    const codeType = isInsideCode(view.state);
+                    if (!codeType)
+                        return false;
+                    let text;
+                    let dataFormat;
+                    if (isIosSafariShare(clipboardData)) {
+                        dataFormat = DataTransferType.UriList;
+                        text = clipboardData.getData(DataTransferType.UriList);
+                    }
+                    else if (isFilesOnly(clipboardData)) {
+                        dataFormat = DataTransferType.Files;
+                        text = Array.from(clipboardData.files)
+                            .map((file) => file.name)
+                            .join(' ');
+                    }
+                    else {
+                        dataFormat = DataTransferType.Text;
+                        text = dd(clipboardData.getData(DataTransferType.Text));
+                    }
+                    if (codeType === 'inline') {
+                        text = text.replaceAll('\n', '↵');
+                    }
+                    const { state, dispatch } = view;
+                    getLoggerFromState(state).event({
+                        codeType,
+                        dataFormat,
+                        domEvent: 'paste',
+                        event: 'paste-into-code',
+                        dataTypes: clipboardData.types,
+                    });
+                    event.preventDefault();
+                    dispatch(state.tr
+                        .replaceSelectionWith(state.schema.text(text), true)
+                        .scrollIntoView());
+                    return true;
+                },
+            },
+        },
+    });
+};
 //# sourceMappingURL=code.js.map

package/build/esm/extensions/behavior/Clipboard/code.js.map

@@ -1 +1 @@
-{"version":3,"file":"code.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Clipboard/code.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AAEvD,MAAM,UAAU,YAAY,CAAC,KAAkB;IAC3C,IAAI,iBAAiB,CAAC,KAAK,CAAC;QAAE,OAAO,OAAO,CAAC;IAC7C,IAAI,kBAAkB,CAAC,KAAK,CAAC;QAAE,OAAO,QAAQ,CAAC;IAC/C,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAkB;IAChD,mCAAmC;IACnC,8EAA8E;IAC9E,OAAO,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAkB;IACjD,yBAAyB;IACzB,MAAM,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACvE,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACxB,OAAO,eAAe,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACzE,CAAC;IACD,OAAO,eAAe,CAAC;AAC3B,CAAC","sourcesContent":["import type {Mark} from 'prosemirror-model';\nimport type {EditorState} from 'prosemirror-state';\n\nconst isCodeMark = (mark: Mark) => mark.type.spec.code;\n\nexport function isInsideCode(state: EditorState): false | 'block' | 'inline' {\n    if (isInsideBlockCode(state)) return 'block';\n    if (isInsideInlineCode(state)) return 'inline';\n    return false;\n}\n\nexport function isInsideBlockCode(state: EditorState): boolean {\n    // it is enough to check only $from\n    // when pasting, the content is inserted into a block with the type from $from\n    return Boolean(state.selection.$from.parent.type.spec.code);\n}\n\nexport function isInsideInlineCode(state: EditorState): boolean {\n    // same as for block code\n    const fromHasCodeMark = state.selection.$from.marks().some(isCodeMark);\n    if (state.selection.empty) {\n        return fromHasCodeMark || (state.storedMarks ?? []).some(isCodeMark);\n    }\n    return fromHasCodeMark;\n}\n"]}
+{"version":3,"file":"code.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Clipboard/code.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,OAAO,EAAC,kBAAkB,EAAC,+BAAc;AAEzC,OAAO,EAAmB,MAAM,EAAC,6BAAkB;AAEnD,OAAO,EAAC,gBAAgB,EAAE,WAAW,EAAE,gBAAgB,EAAC,mBAAgB;AAExE,MAAM,UAAU,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AAEvD,MAAM,UAAU,YAAY,CAAC,KAAkB;IAC3C,IAAI,iBAAiB,CAAC,KAAK,CAAC;QAAE,OAAO,OAAO,CAAC;IAC7C,IAAI,kBAAkB,CAAC,KAAK,CAAC;QAAE,OAAO,QAAQ,CAAC;IAC/C,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAkB;IAChD,mCAAmC;IACnC,8EAA8E;IAC9E,OAAO,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAkB;IACjD,yBAAyB;IACzB,MAAM,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACvE,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACxB,OAAO,eAAe,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACzE,CAAC;IACD,OAAO,eAAe,CAAC;AAC3B,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC1C,OAAO,IAAI,MAAM,CAAC;QACd,KAAK,EAAE;YACH,eAAe,EAAE;gBACb,KAAK,CAAC,IAAI,EAAE,KAAK;oBACb,IAAI,CAAC,KAAK,CAAC,aAAa;wBAAE,OAAO,KAAK,CAAC;oBACvC,MAAM,EAAC,aAAa,EAAC,GAAG,KAAK,CAAC;oBAE9B,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBAC1C,IAAI,CAAC,QAAQ;wBAAE,OAAO,KAAK,CAAC;oBAE5B,IAAI,IAAY,CAAC;oBACjB,IAAI,UAAkB,CAAC;oBAEvB,IAAI,gBAAgB,CAAC,aAAa,CAAC,EAAE,CAAC;wBAClC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC;wBACtC,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;oBAC3D,CAAC;yBAAM,IAAI,WAAW,CAAC,aAAa,CAAC,EAAE,CAAC;wBACpC,UAAU,GAAG,gBAAgB,CAAC,KAAK,CAAC;wBACpC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;6BACjC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;6BACxB,IAAI,CAAC,GAAG,CAAC,CAAC;oBACnB,CAAC;yBAAM,CAAC;wBACJ,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC;wBACnC,IAAI,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;oBAC5D,CAAC;oBAED,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;wBACxB,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;oBACtC,CAAC;oBAED,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC;oBAE/B,kBAAkB,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;wBAC5B,QAAQ;wBACR,UAAU;wBACV,QAAQ,EAAE,OAAO;wBACjB,KAAK,EAAE,iBAAiB;wBACxB,SAAS,EAAE,aAAa,CAAC,KAAK;qBACjC,CAAC,CAAC;oBAEH,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,QAAQ,CACJ,KAAK,CAAC,EAAE;yBACH,oBAAoB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;yBACnD,cAAc,EAAE,CACxB,CAAC;oBAEF,OAAO,IAAI,CAAC;gBAChB,CAAC;aACJ;SACJ;KACJ,CAAC,CAAC;AACP,CAAC,CAAC","sourcesContent":["import dd from 'ts-dedent';\n\nimport {getLoggerFromState} from '#core';\nimport type {Mark} from '#pm/model';\nimport {type EditorState, Plugin} from '#pm/state';\n\nimport {DataTransferType, isFilesOnly, isIosSafariShare} from './utils';\n\nconst isCodeMark = (mark: Mark) => mark.type.spec.code;\n\nexport function isInsideCode(state: EditorState): false | 'block' | 'inline' {\n    if (isInsideBlockCode(state)) return 'block';\n    if (isInsideInlineCode(state)) return 'inline';\n    return false;\n}\n\nexport function isInsideBlockCode(state: EditorState): boolean {\n    // it is enough to check only $from\n    // when pasting, the content is inserted into a block with the type from $from\n    return Boolean(state.selection.$from.parent.type.spec.code);\n}\n\nexport function isInsideInlineCode(state: EditorState): boolean {\n    // same as for block code\n    const fromHasCodeMark = state.selection.$from.marks().some(isCodeMark);\n    if (state.selection.empty) {\n        return fromHasCodeMark || (state.storedMarks ?? []).some(isCodeMark);\n    }\n    return fromHasCodeMark;\n}\n\n/**\n * This plugin handles paste into any type of code: code block or code mark.\n * If selection is inside code, it always prevents execution of all next paste handlers.\n * It takes a value from following clipboard data types: uri-list, files or text data.\n */\nexport const handlePasteIntoCodePlugin = () => {\n    return new Plugin({\n        props: {\n            handleDOMEvents: {\n                paste(view, event) {\n                    if (!event.clipboardData) return false;\n                    const {clipboardData} = event;\n\n                    const codeType = isInsideCode(view.state);\n                    if (!codeType) return false;\n\n                    let text: string;\n                    let dataFormat: string;\n\n                    if (isIosSafariShare(clipboardData)) {\n                        dataFormat = DataTransferType.UriList;\n                        text = clipboardData.getData(DataTransferType.UriList);\n                    } else if (isFilesOnly(clipboardData)) {\n                        dataFormat = DataTransferType.Files;\n                        text = Array.from(clipboardData.files)\n                            .map((file) => file.name)\n                            .join(' ');\n                    } else {\n                        dataFormat = DataTransferType.Text;\n                        text = dd(clipboardData.getData(DataTransferType.Text));\n                    }\n\n                    if (codeType === 'inline') {\n                        text = text.replaceAll('\\n', '↵');\n                    }\n\n                    const {state, dispatch} = view;\n\n                    getLoggerFromState(state).event({\n                        codeType,\n                        dataFormat,\n                        domEvent: 'paste',\n                        event: 'paste-into-code',\n                        dataTypes: clipboardData.types,\n                    });\n\n                    event.preventDefault();\n                    dispatch(\n                        state.tr\n                            .replaceSelectionWith(state.schema.text(text), true)\n                            .scrollIntoView(),\n                    );\n\n                    return true;\n                },\n            },\n        },\n    });\n};\n"]}

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

@@ -1,4 +1,5 @@
 import { clipboard } from "./clipboard.js";
+import { handlePasteIntoCodePlugin } from "./code.js";
 import * as clipboardUtils from "./utils.js";
 export { clipboardUtils };
 export const Clipboard = (builder, opts) => {
@@ -12,5 +13,6 @@ export const Clipboard = (builder, opts) => {
         serializer: deps.serializer,
         pasteFileHandler: opts.pasteFileHandler,
     }), builder.Priority.VeryLow);
+    builder.addPlugin(handlePasteIntoCodePlugin, builder.Priority.Highest);
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Clipboard/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAA8B,SAAS,EAAC,uBAAoB;AACnE,OAAO,KAAK,cAAc,mBAAgB;AAE1C,OAAO,EAAC,cAAc,EAAC,CAAC;AAIxB,MAAM,CAAC,MAAM,SAAS,GAAoC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IACxE,OAAO,CAAC,SAAS,CACb,CAAC,IAAI,EAAE,EAAE,CACL,SAAS,CAAC;QACN,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;YAC1B,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;SACtB,CAAC;QACF,QAAQ,EAAE,IAAI,CAAC,YAAY;QAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;QAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;QAC3B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;KAC1C,CAAC,EACN,OAAO,CAAC,QAAQ,CAAC,OAAO,CAC3B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import type {ExtensionAuto} from '../../../core';\n\nimport {type ClipboardPluginOptions, clipboard} from './clipboard';\nimport * as clipboardUtils from './utils';\n\nexport {clipboardUtils};\n\nexport type ClipboardOptions = Pick<ClipboardPluginOptions, 'pasteFileHandler'>;\n\nexport const Clipboard: ExtensionAuto<ClipboardOptions> = (builder, opts) => {\n    builder.addPlugin(\n        (deps) =>\n            clipboard({\n                logger: builder.logger.nested({\n                    module: 'clipboard',\n                    plugin: 'clipboard',\n                }),\n                mdParser: deps.markupParser,\n                textParser: deps.textParser,\n                serializer: deps.serializer,\n                pasteFileHandler: opts.pasteFileHandler,\n            }),\n        builder.Priority.VeryLow,\n    );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Clipboard/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAA8B,SAAS,EAAC,uBAAoB;AACnE,OAAO,EAAC,yBAAyB,EAAC,kBAAe;AACjD,OAAO,KAAK,cAAc,mBAAgB;AAE1C,OAAO,EAAC,cAAc,EAAC,CAAC;AAIxB,MAAM,CAAC,MAAM,SAAS,GAAoC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IACxE,OAAO,CAAC,SAAS,CACb,CAAC,IAAI,EAAE,EAAE,CACL,SAAS,CAAC;QACN,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;YAC1B,MAAM,EAAE,WAAW;YACnB,MAAM,EAAE,WAAW;SACtB,CAAC;QACF,QAAQ,EAAE,IAAI,CAAC,YAAY;QAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;QAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;QAC3B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;KAC1C,CAAC,EACN,OAAO,CAAC,QAAQ,CAAC,OAAO,CAC3B,CAAC;IAEF,OAAO,CAAC,SAAS,CAAC,yBAAyB,EAAE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC3E,CAAC,CAAC","sourcesContent":["import type {ExtensionAuto} from '#core';\n\nimport {type ClipboardPluginOptions, clipboard} from './clipboard';\nimport {handlePasteIntoCodePlugin} from './code';\nimport * as clipboardUtils from './utils';\n\nexport {clipboardUtils};\n\nexport type ClipboardOptions = Pick<ClipboardPluginOptions, 'pasteFileHandler'>;\n\nexport const Clipboard: ExtensionAuto<ClipboardOptions> = (builder, opts) => {\n    builder.addPlugin(\n        (deps) =>\n            clipboard({\n                logger: builder.logger.nested({\n                    module: 'clipboard',\n                    plugin: 'clipboard',\n                }),\n                mdParser: deps.markupParser,\n                textParser: deps.textParser,\n                serializer: deps.serializer,\n                pasteFileHandler: opts.pasteFileHandler,\n            }),\n        builder.Priority.VeryLow,\n    );\n\n    builder.addPlugin(handlePasteIntoCodePlugin, builder.Priority.Highest);\n};\n"]}

package/build/esm/extensions/behavior/CommandMenu/handler.js

@@ -2,7 +2,7 @@ import { isFunction } from "../../../lodash.js";
 import { globalLogger } from "../../../logger.js";
 import { AutocompletePopupCloser } from "../../../utils/autocomplete-popup.js";
 import { ArrayCarousel } from "../../../utils/carousel/index.js";
-import { AutocompleteActionKind, closeAutocomplete, } from "../Autocomplete/index.js";
+import { AutocompleteActionKind, closeAutocomplete, getAutocompleteState, } from "../Autocomplete/index.js";
 import { getReactRendererFromState } from "../ReactRenderer/index.js";
 import { render } from "./component.js";
 import { findDecoElem } from "./utils.js";
@@ -14,7 +14,6 @@ export class CommandHandler {
     #filteredActionsCarousel;
     #view;
     #anchor = null;
-    #range;
     #filterText;
     #popupCloser;
     #menuProps;
@@ -101,13 +100,16 @@ export class CommandHandler {
         return (parentType.spec.commandMenu === false || this.#nodesIgnoreList.includes(parentType.name));
     }
     select() {
-        if (!this.#view || !this.#range)
+        if (!this.#view)
             return;
         const action = this.#filteredActionsCarousel?.currentItem;
         if (!action)
             return;
+        const autocompleteState = getAutocompleteState(this.#view.state);
+        if (!autocompleteState || !autocompleteState.active)
+            return;
         const view = this.#view;
-        const range = this.#range;
+        const { range } = autocompleteState;
         view.dispatch(view.state.tr.deleteRange(range.from, range.to).scrollIntoView());
         action.exec(this.#actionStorage);
         view.focus();
@@ -153,13 +155,11 @@ export class CommandHandler {
         }
         this.#view?.focus();
     };
-    updateState({ view, range }) {
+    updateState({ view }) {
         this.#view = view;
-        this.#range = range;
     }
     clear() {
         this.#view = undefined;
-        this.#range = undefined;
         this.#anchor = null;
         this.#filterText = undefined;
         this.#filteredActionsCarousel = undefined;

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

@@ -1 +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 type {ActionStorage} from '../../../core';\nimport {isFunction} from '../../../lodash';\nimport {type Logger2, globalLogger} from '../../../logger';\nimport {AutocompletePopupCloser} from '../../../utils/autocomplete-popup';\nimport {ArrayCarousel} from '../../../utils/carousel';\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    logger: Logger2.ILogger;\n    actions: Config;\n    storage: ActionStorage;\n    nodesIgnoreList?: readonly string[];\n};\n\nexport class CommandHandler implements AutocompleteHandler {\n    readonly #logger: Logger2.ILogger;\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({logger, actions, storage, nodesIgnoreList = []}: CommandHandlerParams) {\n        this.#logger = logger;\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        globalLogger.action({mode: 'wysiwyg', source: 'command-menu', action: action.id});\n        this.#logger.action({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"]}
+{"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 type {ActionStorage} from '../../../core';\nimport {isFunction} from '../../../lodash';\nimport {type Logger2, globalLogger} from '../../../logger';\nimport {AutocompletePopupCloser} from '../../../utils/autocomplete-popup';\nimport {ArrayCarousel} from '../../../utils/carousel';\nimport {\n    type AutocompleteAction,\n    AutocompleteActionKind,\n    type AutocompleteHandler,\n    closeAutocomplete,\n    getAutocompleteState,\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    logger: Logger2.ILogger;\n    actions: Config;\n    storage: ActionStorage;\n    nodesIgnoreList?: readonly string[];\n};\n\nexport class CommandHandler implements AutocompleteHandler {\n    readonly #logger: Logger2.ILogger;\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    #filterText?: string;\n    #popupCloser?: AutocompletePopupCloser;\n\n    #menuProps?: CommandMenuComponentProps;\n    #menuRenderItem?: RendererItem;\n\n    constructor({logger, actions, storage, nodesIgnoreList = []}: CommandHandlerParams) {\n        this.#logger = logger;\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) return;\n\n        const action = this.#filteredActionsCarousel?.currentItem;\n        if (!action) return;\n\n        const autocompleteState = getAutocompleteState(this.#view.state);\n        if (!autocompleteState || !autocompleteState.active) return;\n\n        const view = this.#view;\n        const {range} = autocompleteState;\n\n        view.dispatch(view.state.tr.deleteRange(range.from, range.to).scrollIntoView());\n        action.exec(this.#actionStorage);\n        view.focus();\n\n        globalLogger.action({mode: 'wysiwyg', source: 'command-menu', action: action.id});\n        this.#logger.action({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}: AutocompleteAction) {\n        this.#view = view;\n    }\n\n    private clear() {\n        this.#view = 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/esm/extensions/behavior/SharedState/SharedState.d.ts

@@ -0,0 +1,7 @@
+import type { Extension } from "../../../core/index.js";
+export { SharedStateKey, type SharedStateKeySpec } from "./utils.js";
+/**
+ * This extension enables a plugin that stores internal state and handles its changes via meta-information in transactions.
+ * You can get, change and subscribe to state changes using a SharedStateKey instance.
+ */
+export declare const SharedState: Extension;

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

@@ -0,0 +1,11 @@
+import { Plugin } from "../../../pm/state.js";
+import { pluginSpec } from "./plugin.js";
+export { SharedStateKey } from "./utils.js";
+/**
+ * This extension enables a plugin that stores internal state and handles its changes via meta-information in transactions.
+ * You can get, change and subscribe to state changes using a SharedStateKey instance.
+ */
+export const SharedState = (builder) => {
+    builder.addPlugin(() => new Plugin(pluginSpec));
+};
+//# sourceMappingURL=SharedState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SharedState.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/SharedState/SharedState.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,6BAAkB;AAEjC,OAAO,EAAC,UAAU,EAAC,oBAAiB;AAEpC,OAAO,EAAC,cAAc,EAA0B,mBAAgB;AAEhE;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAc,CAAC,OAAO,EAAE,EAAE;IAC9C,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;AACpD,CAAC,CAAC","sourcesContent":["import type {Extension} from '#core';\nimport {Plugin} from '#pm/state';\n\nimport {pluginSpec} from './plugin';\n\nexport {SharedStateKey, type SharedStateKeySpec} from './utils';\n\n/**\n * This extension enables a plugin that stores internal state and handles its changes via meta-information in transactions.\n * You can get, change and subscribe to state changes using a SharedStateKey instance.\n */\nexport const SharedState: Extension = (builder) => {\n    builder.addPlugin(() => new Plugin(pluginSpec));\n};\n"]}

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

@@ -0,0 +1 @@
+export * from "./SharedState.js";

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

@@ -0,0 +1,2 @@
+export * from "./SharedState.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/SharedState/index.ts"],"names":[],"mappings":"AAAA,iCAA8B","sourcesContent":["export * from './SharedState';\n"]}

package/build/esm/extensions/behavior/SharedState/plugin.d.ts

@@ -0,0 +1,3 @@
+import { type PluginSpec } from "../../../pm/state.js";
+import type { SharedPluginState } from "./types.js";
+export declare const pluginSpec: PluginSpec<SharedPluginState>;

package/build/esm/extensions/behavior/SharedState/plugin.js

@@ -0,0 +1,59 @@
+import { PluginKey } from "../../../pm/state.js";
+import { EventEmitter } from "../../../utils/event-emitter.js";
+/** @internal */
+export const pluginKey = new PluginKey('shared-state');
+export const pluginSpec = {
+    key: pluginKey,
+    state: {
+        init() {
+            return {
+                map: new Map(),
+                changedKeys: null,
+                notifyBus: new EventEmitter(),
+            };
+        },
+        apply(tr, { map, notifyBus }) {
+            const meta = tr.getMeta(pluginKey);
+            if (!meta || !meta.actions.length)
+                return { changedKeys: null, map, notifyBus };
+            const changedKeys = new Set();
+            for (const action of meta.actions) {
+                switch (action.type) {
+                    case 'delete': {
+                        map.delete(action.key);
+                        break;
+                    }
+                    case 'update': {
+                        let value = map.get(action.key);
+                        value = { ...value, ...action.data };
+                        map.set(action.key, value);
+                        break;
+                    }
+                    case 'set': {
+                        map.set(action.key, action.data);
+                        break;
+                    }
+                    default: {
+                        continue;
+                    }
+                }
+                changedKeys.add(action.key);
+            }
+            return { changedKeys, map, notifyBus };
+        },
+    },
+    view: () => {
+        return {
+            update(view) {
+                const state = pluginKey.getState(view.state);
+                if (!state || !state.changedKeys || !state.changedKeys.size)
+                    return;
+                for (const key of state.changedKeys) {
+                    const value = state.map.get(key);
+                    state.notifyBus.emit(key, value);
+                }
+            },
+        };
+    },
+};
+//# sourceMappingURL=plugin.js.map

package/build/esm/extensions/behavior/SharedState/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/SharedState/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAkB,6BAAkB;AACrD,OAAO,EAAC,YAAY,EAAC,wCAAgC;AAIrD,gBAAgB;AAChB,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,SAAS,CAAoB,cAAc,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,UAAU,GAAkC;IACrD,GAAG,EAAE,SAAS;IACd,KAAK,EAAE;QACH,IAAI;YACA,OAAO;gBACH,GAAG,EAAE,IAAI,GAAG,EAAE;gBACd,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,IAAI,YAAY,EAAE;aAChC,CAAC;QACN,CAAC;QACD,KAAK,CAAC,EAAE,EAAE,EAAC,GAAG,EAAE,SAAS,EAAC;YACtB,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAuB,CAAC;YACzD,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM;gBAAE,OAAO,EAAC,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,CAAC;YAE9E,MAAM,WAAW,GAAG,IAAI,GAAG,EAAU,CAAC;YACtC,KAAK,MAAM,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBAChC,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;oBAClB,KAAK,QAAQ,CAAC,CAAC,CAAC;wBACZ,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;wBACvB,MAAM;oBACV,CAAC;oBACD,KAAK,QAAQ,CAAC,CAAC,CAAC;wBACZ,IAAI,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;wBAChC,KAAK,GAAG,EAAC,GAAG,KAAK,EAAE,GAAG,MAAM,CAAC,IAAI,EAAC,CAAC;wBACnC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;wBAC3B,MAAM;oBACV,CAAC;oBACD,KAAK,KAAK,CAAC,CAAC,CAAC;wBACT,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;wBACjC,MAAM;oBACV,CAAC;oBACD,OAAO,CAAC,CAAC,CAAC;wBACN,SAAS;oBACb,CAAC;gBACL,CAAC;gBACD,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YAChC,CAAC;YAED,OAAO,EAAC,WAAW,EAAE,GAAG,EAAE,SAAS,EAAC,CAAC;QACzC,CAAC;KACJ;IACD,IAAI,EAAE,GAAG,EAAE;QACP,OAAO;YACH,MAAM,CAAC,IAAI;gBACP,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC7C,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI;oBAAE,OAAO;gBAEpE,KAAK,MAAM,GAAG,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;oBAClC,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;oBACjC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;gBACrC,CAAC;YACL,CAAC;SACJ,CAAC;IACN,CAAC;CACJ,CAAC","sourcesContent":["import {PluginKey, type PluginSpec} from '#pm/state';\nimport {EventEmitter} from 'src/utils/event-emitter';\n\nimport type {SharedPluginState, TrMeta} from './types';\n\n/** @internal */\nexport const pluginKey = new PluginKey<SharedPluginState>('shared-state');\n\nexport const pluginSpec: PluginSpec<SharedPluginState> = {\n    key: pluginKey,\n    state: {\n        init() {\n            return {\n                map: new Map(),\n                changedKeys: null,\n                notifyBus: new EventEmitter(),\n            };\n        },\n        apply(tr, {map, notifyBus}) {\n            const meta = tr.getMeta(pluginKey) as TrMeta | undefined;\n            if (!meta || !meta.actions.length) return {changedKeys: null, map, notifyBus};\n\n            const changedKeys = new Set<string>();\n            for (const action of meta.actions) {\n                switch (action.type) {\n                    case 'delete': {\n                        map.delete(action.key);\n                        break;\n                    }\n                    case 'update': {\n                        let value = map.get(action.key);\n                        value = {...value, ...action.data};\n                        map.set(action.key, value);\n                        break;\n                    }\n                    case 'set': {\n                        map.set(action.key, action.data);\n                        break;\n                    }\n                    default: {\n                        continue;\n                    }\n                }\n                changedKeys.add(action.key);\n            }\n\n            return {changedKeys, map, notifyBus};\n        },\n    },\n    view: () => {\n        return {\n            update(view) {\n                const state = pluginKey.getState(view.state);\n                if (!state || !state.changedKeys || !state.changedKeys.size) return;\n\n                for (const key of state.changedKeys) {\n                    const value = state.map.get(key);\n                    state.notifyBus.emit(key, value);\n                }\n            },\n        };\n    },\n};\n"]}

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

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/SharedState/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {EventEmitter} from 'src/utils/event-emitter';\n\n/** @internal */\nexport type SharedPluginState = {\n    map: Map<string, object>;\n    changedKeys: Set<string> | null;\n    notifyBus: EventEmitter<{[key: string]: object | undefined}>;\n};\n\n/** @internal */\nexport type TrMeta = {\n    actions: SharedStateAction<object>[];\n};\n\n/** @internal */\nexport type SharedStateAction<T extends object> =\n    | {\n          type: 'set';\n          key: string;\n          data: T;\n      }\n    | {\n          type: 'update';\n          key: string;\n          data: Partial<T>;\n      }\n    | {\n          type: 'delete';\n          key: string;\n      };\n"]}

package/build/esm/extensions/behavior/SharedState/utils.d.ts

@@ -0,0 +1,29 @@
+import type { EditorState, Transaction } from "../../../pm/state.js";
+export type SharedStateKeySpec = {
+    name?: string;
+};
+export declare class SharedStateKey<T extends object> {
+    #private;
+    /**
+     * Define a new key.
+     * If you create two keys with the same name, they will refer to the same value from the state.
+     * If name not passed, a unique one will be generated.
+     */
+    static define<T extends object>(spec?: SharedStateKeySpec): SharedStateKey<T>;
+    /** Add metadata to transaction to change data in state */
+    readonly appendTransaction: Readonly<{
+        /** Set or replace data stored by current key */
+        set: (tr: Transaction, data: T) => Transaction;
+        /** Update (patch) data stored by current key */
+        update: (tr: Transaction, data: Partial<T>) => Transaction;
+        /** Delete data stored by current key */
+        delete: (tr: Transaction) => Transaction;
+    }>;
+    private constructor();
+    getNotifier(state: EditorState): {
+        subscribe(fn: (data: T | undefined) => void): () => void;
+        unsubscribe(fn: (data: T | undefined) => void): void;
+    };
+    getValue(state: EditorState): T | undefined;
+    private appendTrMeta;
+}

package/build/esm/extensions/behavior/SharedState/utils.js

@@ -0,0 +1,56 @@
+import { uniqueId } from "../../../lodash.js";
+import { pluginKey } from "./plugin.js";
+export class SharedStateKey {
+    /**
+     * Define a new key.
+     * If you create two keys with the same name, they will refer to the same value from the state.
+     * If name not passed, a unique one will be generated.
+     */
+    static define(spec = {}) {
+        const key = spec.name ?? uniqueId('shared_state_key');
+        return new this(key);
+    }
+    #key;
+    /** Add metadata to transaction to change data in state */
+    appendTransaction = Object.freeze({
+        /** Set or replace data stored by current key */
+        set: (tr, data) => {
+            return this.appendTrMeta(tr, { type: 'set', data });
+        },
+        /** Update (patch) data stored by current key */
+        update: (tr, data) => {
+            return this.appendTrMeta(tr, { type: 'update', data });
+        },
+        /** Delete data stored by current key */
+        delete: (tr) => {
+            return this.appendTrMeta(tr, { type: 'delete' });
+        },
+    });
+    constructor(key) {
+        this.#key = key;
+    }
+    getNotifier(state) {
+        const self = this;
+        const notifyBus = pluginKey.getState(state)?.notifyBus;
+        return {
+            subscribe(fn) {
+                notifyBus?.on(self.#key, fn);
+                return () => {
+                    this.unsubscribe(fn);
+                };
+            },
+            unsubscribe(fn) {
+                notifyBus?.off(self.#key, fn);
+            },
+        };
+    }
+    getValue(state) {
+        return pluginKey.getState(state)?.map.get(this.#key);
+    }
+    appendTrMeta(tr, action) {
+        const meta = tr.getMeta(pluginKey) || { actions: [] };
+        meta.actions.push({ ...action, key: this.#key });
+        return tr.setMeta(pluginKey, meta);
+    }
+}
+//# sourceMappingURL=utils.js.map

package/build/esm/extensions/behavior/SharedState/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/SharedState/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,2BAAmB;AAEpC,OAAO,EAAC,SAAS,EAAC,oBAAiB;AAOnC,MAAM,OAAO,cAAc;IACvB;;;;OAIG;IACH,MAAM,CAAC,MAAM,CAAmB,OAA2B,EAAE;QACzD,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC,kBAAkB,CAAC,CAAC;QACtD,OAAO,IAAI,IAAI,CAAI,GAAG,CAAC,CAAC;IAC5B,CAAC;IAED,IAAI,CAAS;IAEb,0DAA0D;IACjD,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC;QACvC,gDAAgD;QAChD,GAAG,EAAE,CAAC,EAAe,EAAE,IAAO,EAAe,EAAE;YAC3C,OAAO,IAAI,CAAC,YAAY,CAAC,EAAE,EAAE,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC;QACtD,CAAC;QACD,gDAAgD;QAChD,MAAM,EAAE,CAAC,EAAe,EAAE,IAAgB,EAAe,EAAE;YACvD,OAAO,IAAI,CAAC,YAAY,CAAC,EAAE,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;QACzD,CAAC;QACD,wCAAwC;QACxC,MAAM,EAAE,CAAC,EAAe,EAAe,EAAE;YACrC,OAAO,IAAI,CAAC,YAAY,CAAC,EAAE,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,CAAC;QACnD,CAAC;KACJ,CAAC,CAAC;IAEH,YAAoB,GAAW;QAC3B,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;IACpB,CAAC;IAED,WAAW,CAAC,KAAkB;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC;QAClB,MAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;QACvD,OAAO;YACH,SAAS,CAAC,EAAiC;gBACvC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,EAA4B,CAAC,CAAC;gBACvD,OAAO,GAAG,EAAE;oBACR,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;gBACzB,CAAC,CAAC;YACN,CAAC;YACD,WAAW,CAAC,EAAiC;gBACzC,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,EAA4B,CAAC,CAAC;YAC5D,CAAC;SACJ,CAAC;IACN,CAAC;IAED,QAAQ,CAAC,KAAkB;QACvB,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAkB,CAAC;IAC1E,CAAC;IAEO,YAAY,CAAC,EAAe,EAAE,MAAiB;QACnD,MAAM,IAAI,GAAW,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAC,OAAO,EAAE,EAAE,EAAC,CAAC;QAC5D,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAC,GAAG,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,EAAC,CAAC,CAAC;QAC/C,OAAO,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC;CACJ","sourcesContent":["import type {EditorState, Transaction} from '#pm/state';\nimport {uniqueId} from 'src/lodash';\n\nimport {pluginKey} from './plugin';\nimport type {TrMeta} from './types';\n\nexport type SharedStateKeySpec = {\n    name?: string;\n};\n\nexport class SharedStateKey<T extends object> {\n    /**\n     * Define a new key.\n     * If you create two keys with the same name, they will refer to the same value from the state.\n     * If name not passed, a unique one will be generated.\n     */\n    static define<T extends object>(spec: SharedStateKeySpec = {}) {\n        const key = spec.name ?? uniqueId('shared_state_key');\n        return new this<T>(key);\n    }\n\n    #key: string;\n\n    /** Add metadata to transaction to change data in state */\n    readonly appendTransaction = Object.freeze({\n        /** Set or replace data stored by current key */\n        set: (tr: Transaction, data: T): Transaction => {\n            return this.appendTrMeta(tr, {type: 'set', data});\n        },\n        /** Update (patch) data stored by current key */\n        update: (tr: Transaction, data: Partial<T>): Transaction => {\n            return this.appendTrMeta(tr, {type: 'update', data});\n        },\n        /** Delete data stored by current key */\n        delete: (tr: Transaction): Transaction => {\n            return this.appendTrMeta(tr, {type: 'delete'});\n        },\n    });\n\n    private constructor(key: string) {\n        this.#key = key;\n    }\n\n    getNotifier(state: EditorState) {\n        const self = this;\n        const notifyBus = pluginKey.getState(state)?.notifyBus;\n        return {\n            subscribe(fn: (data: T | undefined) => void) {\n                notifyBus?.on(self.#key, fn as (arg: unknown) => void);\n                return () => {\n                    this.unsubscribe(fn);\n                };\n            },\n            unsubscribe(fn: (data: T | undefined) => void) {\n                notifyBus?.off(self.#key, fn as (arg: unknown) => void);\n            },\n        };\n    }\n\n    getValue(state: EditorState): T | undefined {\n        return pluginKey.getState(state)?.map.get(this.#key) as T | undefined;\n    }\n\n    private appendTrMeta(tr: Transaction, action: Action<T>) {\n        const meta: TrMeta = tr.getMeta(pluginKey) || {actions: []};\n        meta.actions.push({...action, key: this.#key});\n        return tr.setMeta(pluginKey, meta);\n    }\n}\n\n/** @internal */\ntype Action<T extends object> =\n    | {\n          type: 'set';\n          data: T;\n      }\n    | {\n          type: 'update';\n          data: Partial<T>;\n      }\n    | {\n          type: 'delete';\n      };\n"]}

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

@@ -6,6 +6,7 @@ import { type CursorOptions } from "./Cursor/index.js";
 import { type HistoryOptions } from "./History/index.js";
 import { type ReactRenderer } from "./ReactRenderer/index.js";
 import { type SelectionContextOptions } from "./SelectionContext/index.js";
+export * from "./Autocomplete/index.js";
 export * from "./ClicksOnEdges/index.js";
 export * from "./Clipboard/index.js";
 export * from "./CommandMenu/index.js";
@@ -16,6 +17,7 @@ export * from "./Placeholder/index.js";
 export * from "./ReactRenderer/index.js";
 export * from "./Selection/index.js";
 export * from "./SelectionContext/index.js";
+export * from "./SharedState/index.js";
 export * from "./WidgetDecoration/index.js";
 export type BehaviorPresetOptions = {
     cursor?: CursorOptions;

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

@@ -8,7 +8,9 @@ import { Placeholder } from "./Placeholder/index.js";
 import { ReactRendererExtension } from "./ReactRenderer/index.js";
 import { Selection } from "./Selection/index.js";
 import { SelectionContext } from "./SelectionContext/index.js";
+import { SharedState } from "./SharedState/index.js";
 import { WidgetDecoration } from "./WidgetDecoration/index.js";
+export * from "./Autocomplete/index.js";
 export * from "./ClicksOnEdges/index.js";
 export * from "./Clipboard/index.js";
 export * from "./CommandMenu/index.js";
@@ -19,10 +21,12 @@ export * from "./Placeholder/index.js";
 export * from "./ReactRenderer/index.js";
 export * from "./Selection/index.js";
 export * from "./SelectionContext/index.js";
+export * from "./SharedState/index.js";
 export * from "./WidgetDecoration/index.js";
 export const BehaviorPreset = (builder, opts) => {
     builder
         .use(Selection)
+        .use(SharedState)
         .use(Placeholder, opts.placeholder ?? {})
         .use(Cursor, opts.cursor ?? {})
         .use(History, opts.history ?? {})

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["extensions/behavior/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,EAAC,iCAAwB;AAC9C,OAAO,EAAC,SAAS,EAAwB,6BAAoB;AAC7D,OAAO,EAAC,WAAW,EAA0B,+BAAsB;AACnE,OAAO,EAAC,MAAM,EAAqB,0BAAiB;AACpD,OAAO,EAAC,SAAS,EAAC,6BAAoB;AACtC,OAAO,EAAC,OAAO,EAAsB,2BAAkB;AACvD,OAAO,EAAC,WAAW,EAAC,+BAAsB;AAC1C,OAAO,EAAqB,sBAAsB,EAAC,iCAAwB;AAC3E,OAAO,EAAC,SAAS,EAAC,6BAAoB;AACtC,OAAO,EAAC,gBAAgB,EAA+B,oCAA2B;AAClF,OAAO,EAAC,gBAAgB,EAAC,oCAA2B;AAEpD,yCAAgC;AAChC,qCAA4B;AAC5B,uCAA8B;AAC9B,kCAAyB;AACzB,qCAA4B;AAC5B,mCAA0B;AAC1B,uCAA8B;AAC9B,yCAAgC;AAChC,qCAA4B;AAC5B,4CAAmC;AACnC,4CAAmC;AAanC,MAAM,CAAC,MAAM,cAAc,GAAyC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAClF,OAAO;SACF,GAAG,CAAC,SAAS,CAAC;SACd,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;SACxC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;SAC9B,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;SAChC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC;SACpC,GAAG,CAAC,sBAAsB,EAAE,IAAI,CAAC,aAAa,CAAC;SAC/C,GAAG,CAAC,gBAAgB,CAAC;SACrB,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,IAAI,EAAE,CAAC,CAAC;IAExD,IAAI,IAAI,CAAC,WAAW;QAAE,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACjE,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;AAC/B,CAAC,CAAC","sourcesContent":["import type {ExtensionAuto} from '../../core';\nimport type {PlaceholderOptions} from '../../utils/placeholder';\n\nimport {ClicksOnEdges} from './ClicksOnEdges';\nimport {Clipboard, type ClipboardOptions} from './Clipboard';\nimport {CommandMenu, type CommandMenuOptions} from './CommandMenu';\nimport {Cursor, type CursorOptions} from './Cursor';\nimport {FilePaste} from './FilePaste';\nimport {History, type HistoryOptions} from './History';\nimport {Placeholder} from './Placeholder';\nimport {type ReactRenderer, ReactRendererExtension} from './ReactRenderer';\nimport {Selection} from './Selection';\nimport {SelectionContext, type SelectionContextOptions} from './SelectionContext';\nimport {WidgetDecoration} from './WidgetDecoration';\n\nexport * from './ClicksOnEdges';\nexport * from './Clipboard';\nexport * from './CommandMenu';\nexport * from './Cursor';\nexport * from './FilePaste';\nexport * from './History';\nexport * from './Placeholder';\nexport * from './ReactRenderer';\nexport * from './Selection';\nexport * from './SelectionContext';\nexport * from './WidgetDecoration';\n\nexport type BehaviorPresetOptions = {\n    cursor?: CursorOptions;\n    history?: HistoryOptions;\n    clipboard?: ClipboardOptions;\n    placeholder?: PlaceholderOptions;\n    reactRenderer: ReactRenderer;\n    selectionContext?: SelectionContextOptions;\n\n    commandMenu?: CommandMenuOptions;\n};\n\nexport const BehaviorPreset: ExtensionAuto<BehaviorPresetOptions> = (builder, opts) => {\n    builder\n        .use(Selection)\n        .use(Placeholder, opts.placeholder ?? {})\n        .use(Cursor, opts.cursor ?? {})\n        .use(History, opts.history ?? {})\n        .use(Clipboard, opts.clipboard ?? {})\n        .use(ReactRendererExtension, opts.reactRenderer)\n        .use(WidgetDecoration)\n        .use(SelectionContext, opts.selectionContext ?? {});\n\n    if (opts.commandMenu) builder.use(CommandMenu, opts.commandMenu);\n    builder.use(FilePaste);\n    builder.use(ClicksOnEdges);\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["extensions/behavior/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,EAAC,iCAAwB;AAC9C,OAAO,EAAC,SAAS,EAAwB,6BAAoB;AAC7D,OAAO,EAAC,WAAW,EAA0B,+BAAsB;AACnE,OAAO,EAAC,MAAM,EAAqB,0BAAiB;AACpD,OAAO,EAAC,SAAS,EAAC,6BAAoB;AACtC,OAAO,EAAC,OAAO,EAAsB,2BAAkB;AACvD,OAAO,EAAC,WAAW,EAAC,+BAAsB;AAC1C,OAAO,EAAqB,sBAAsB,EAAC,iCAAwB;AAC3E,OAAO,EAAC,SAAS,EAAC,6BAAoB;AACtC,OAAO,EAAC,gBAAgB,EAA+B,oCAA2B;AAClF,OAAO,EAAC,WAAW,EAAC,+BAAsB;AAC1C,OAAO,EAAC,gBAAgB,EAAC,oCAA2B;AAEpD,wCAA+B;AAC/B,yCAAgC;AAChC,qCAA4B;AAC5B,uCAA8B;AAC9B,kCAAyB;AACzB,qCAA4B;AAC5B,mCAA0B;AAC1B,uCAA8B;AAC9B,yCAAgC;AAChC,qCAA4B;AAC5B,4CAAmC;AACnC,uCAA8B;AAC9B,4CAAmC;AAanC,MAAM,CAAC,MAAM,cAAc,GAAyC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAClF,OAAO;SACF,GAAG,CAAC,SAAS,CAAC;SACd,GAAG,CAAC,WAAW,CAAC;SAChB,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;SACxC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;SAC9B,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;SAChC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC;SACpC,GAAG,CAAC,sBAAsB,EAAE,IAAI,CAAC,aAAa,CAAC;SAC/C,GAAG,CAAC,gBAAgB,CAAC;SACrB,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,IAAI,EAAE,CAAC,CAAC;IAExD,IAAI,IAAI,CAAC,WAAW;QAAE,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACjE,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;AAC/B,CAAC,CAAC","sourcesContent":["import type {ExtensionAuto} from '../../core';\nimport type {PlaceholderOptions} from '../../utils/placeholder';\n\nimport {ClicksOnEdges} from './ClicksOnEdges';\nimport {Clipboard, type ClipboardOptions} from './Clipboard';\nimport {CommandMenu, type CommandMenuOptions} from './CommandMenu';\nimport {Cursor, type CursorOptions} from './Cursor';\nimport {FilePaste} from './FilePaste';\nimport {History, type HistoryOptions} from './History';\nimport {Placeholder} from './Placeholder';\nimport {type ReactRenderer, ReactRendererExtension} from './ReactRenderer';\nimport {Selection} from './Selection';\nimport {SelectionContext, type SelectionContextOptions} from './SelectionContext';\nimport {SharedState} from './SharedState';\nimport {WidgetDecoration} from './WidgetDecoration';\n\nexport * from './Autocomplete';\nexport * from './ClicksOnEdges';\nexport * from './Clipboard';\nexport * from './CommandMenu';\nexport * from './Cursor';\nexport * from './FilePaste';\nexport * from './History';\nexport * from './Placeholder';\nexport * from './ReactRenderer';\nexport * from './Selection';\nexport * from './SelectionContext';\nexport * from './SharedState';\nexport * from './WidgetDecoration';\n\nexport type BehaviorPresetOptions = {\n    cursor?: CursorOptions;\n    history?: HistoryOptions;\n    clipboard?: ClipboardOptions;\n    placeholder?: PlaceholderOptions;\n    reactRenderer: ReactRenderer;\n    selectionContext?: SelectionContextOptions;\n\n    commandMenu?: CommandMenuOptions;\n};\n\nexport const BehaviorPreset: ExtensionAuto<BehaviorPresetOptions> = (builder, opts) => {\n    builder\n        .use(Selection)\n        .use(SharedState)\n        .use(Placeholder, opts.placeholder ?? {})\n        .use(Cursor, opts.cursor ?? {})\n        .use(History, opts.history ?? {})\n        .use(Clipboard, opts.clipboard ?? {})\n        .use(ReactRendererExtension, opts.reactRenderer)\n        .use(WidgetDecoration)\n        .use(SelectionContext, opts.selectionContext ?? {});\n\n    if (opts.commandMenu) builder.use(CommandMenu, opts.commandMenu);\n    builder.use(FilePaste);\n    builder.use(ClicksOnEdges);\n};\n"]}