@gravity-ui/markdown-editor 15.3.1 → 15.4.0

package/build/cjs/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/cjs/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/cjs/extensions/behavior/SharedState/SharedState.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SharedState = exports.SharedStateKey = void 0;
+const state_1 = require("../../../pm/state.js");
+const plugin_1 = require("./plugin.js");
+var utils_1 = require("./utils.js");
+Object.defineProperty(exports, "SharedStateKey", { enumerable: true, get: function () { return utils_1.SharedStateKey; } });
+/**
+ * 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.
+ */
+const SharedState = (builder) => {
+    builder.addPlugin(() => new state_1.Plugin(plugin_1.pluginSpec));
+};
+exports.SharedState = SharedState;
+//# sourceMappingURL=SharedState.js.map

package/build/cjs/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,gDAAiC;AAEjC,wCAAoC;AAEpC,oCAAgE;AAAxD,uGAAA,cAAc,OAAA;AAEtB;;;GAGG;AACI,MAAM,WAAW,GAAc,CAAC,OAAO,EAAE,EAAE;IAC9C,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,cAAM,CAAC,mBAAU,CAAC,CAAC,CAAC;AACpD,CAAC,CAAC;AAFW,QAAA,WAAW,eAEtB","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/cjs/extensions/behavior/SharedState/index.d.ts

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./SharedState.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/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,2DAA8B","sourcesContent":["export * from './SharedState';\n"]}

package/build/cjs/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/cjs/extensions/behavior/SharedState/plugin.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pluginSpec = exports.pluginKey = void 0;
+const state_1 = require("../../../pm/state.js");
+const event_emitter_1 = require("../../../utils/event-emitter.js");
+/** @internal */
+exports.pluginKey = new state_1.PluginKey('shared-state');
+exports.pluginSpec = {
+    key: exports.pluginKey,
+    state: {
+        init() {
+            return {
+                map: new Map(),
+                changedKeys: null,
+                notifyBus: new event_emitter_1.EventEmitter(),
+            };
+        },
+        apply(tr, { map, notifyBus }) {
+            const meta = tr.getMeta(exports.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 = exports.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/cjs/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,gDAAqD;AACrD,mEAAqD;AAIrD,gBAAgB;AACH,QAAA,SAAS,GAAG,IAAI,iBAAS,CAAoB,cAAc,CAAC,CAAC;AAE7D,QAAA,UAAU,GAAkC;IACrD,GAAG,EAAE,iBAAS;IACd,KAAK,EAAE;QACH,IAAI;YACA,OAAO;gBACH,GAAG,EAAE,IAAI,GAAG,EAAE;gBACd,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,IAAI,4BAAY,EAAE;aAChC,CAAC;QACN,CAAC;QACD,KAAK,CAAC,EAAE,EAAE,EAAC,GAAG,EAAE,SAAS,EAAC;YACtB,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,iBAAS,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,iBAAS,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/cjs/extensions/behavior/SharedState/types.d.ts

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

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

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

package/build/cjs/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/cjs/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/cjs/extensions/behavior/SharedState/utils.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SharedStateKey = void 0;
+const lodash_1 = require("../../../lodash.js");
+const plugin_1 = require("./plugin.js");
+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 ?? (0, lodash_1.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 = plugin_1.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 plugin_1.pluginKey.getState(state)?.map.get(this.#key);
+    }
+    appendTrMeta(tr, action) {
+        const meta = tr.getMeta(plugin_1.pluginKey) || { actions: [] };
+        meta.actions.push({ ...action, key: this.#key });
+        return tr.setMeta(plugin_1.pluginKey, meta);
+    }
+}
+exports.SharedStateKey = SharedStateKey;
+//# sourceMappingURL=utils.js.map

package/build/cjs/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,+CAAoC;AAEpC,wCAAmC;AAOnC,MAAa,cAAc;IACvB;;;;OAIG;IACH,MAAM,CAAC,MAAM,CAAmB,OAA2B,EAAE;QACzD,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,IAAA,iBAAQ,EAAC,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,kBAAS,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,kBAAS,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,kBAAS,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,kBAAS,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC;CACJ;AA1DD,wCA0DC","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/cjs/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/cjs/extensions/behavior/index.js

@@ -12,7 +12,9 @@ const Placeholder_1 = require("./Placeholder/index.js");
 const ReactRenderer_1 = require("./ReactRenderer/index.js");
 const Selection_1 = require("./Selection/index.js");
 const SelectionContext_1 = require("./SelectionContext/index.js");
+const SharedState_1 = require("./SharedState/index.js");
 const WidgetDecoration_1 = require("./WidgetDecoration/index.js");
+tslib_1.__exportStar(require("./Autocomplete/index.js"), exports);
 tslib_1.__exportStar(require("./ClicksOnEdges/index.js"), exports);
 tslib_1.__exportStar(require("./Clipboard/index.js"), exports);
 tslib_1.__exportStar(require("./CommandMenu/index.js"), exports);
@@ -23,10 +25,12 @@ tslib_1.__exportStar(require("./Placeholder/index.js"), exports);
 tslib_1.__exportStar(require("./ReactRenderer/index.js"), exports);
 tslib_1.__exportStar(require("./Selection/index.js"), exports);
 tslib_1.__exportStar(require("./SelectionContext/index.js"), exports);
+tslib_1.__exportStar(require("./SharedState/index.js"), exports);
 tslib_1.__exportStar(require("./WidgetDecoration/index.js"), exports);
 const BehaviorPreset = (builder, opts) => {
     builder
         .use(Selection_1.Selection)
+        .use(SharedState_1.SharedState)
         .use(Placeholder_1.Placeholder, opts.placeholder ?? {})
         .use(Cursor_1.Cursor, opts.cursor ?? {})
         .use(History_1.History, opts.history ?? {})

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["extensions/behavior/index.ts"],"names":[],"mappings":";;;;AAGA,4DAA8C;AAC9C,oDAA6D;AAC7D,wDAAmE;AACnE,8CAAoD;AACpD,oDAAsC;AACtC,gDAAuD;AACvD,wDAA0C;AAC1C,4DAA2E;AAC3E,oDAAsC;AACtC,kEAAkF;AAClF,kEAAoD;AAEpD,mEAAgC;AAChC,+DAA4B;AAC5B,iEAA8B;AAC9B,4DAAyB;AACzB,+DAA4B;AAC5B,6DAA0B;AAC1B,iEAA8B;AAC9B,mEAAgC;AAChC,+DAA4B;AAC5B,sEAAmC;AACnC,sEAAmC;AAa5B,MAAM,cAAc,GAAyC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAClF,OAAO;SACF,GAAG,CAAC,qBAAS,CAAC;SACd,GAAG,CAAC,yBAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;SACxC,GAAG,CAAC,eAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;SAC9B,GAAG,CAAC,iBAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;SAChC,GAAG,CAAC,qBAAS,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC;SACpC,GAAG,CAAC,sCAAsB,EAAE,IAAI,CAAC,aAAa,CAAC;SAC/C,GAAG,CAAC,mCAAgB,CAAC;SACrB,GAAG,CAAC,mCAAgB,EAAE,IAAI,CAAC,gBAAgB,IAAI,EAAE,CAAC,CAAC;IAExD,IAAI,IAAI,CAAC,WAAW;QAAE,OAAO,CAAC,GAAG,CAAC,yBAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACjE,OAAO,CAAC,GAAG,CAAC,qBAAS,CAAC,CAAC;IACvB,OAAO,CAAC,GAAG,CAAC,6BAAa,CAAC,CAAC;AAC/B,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB","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,4DAA8C;AAC9C,oDAA6D;AAC7D,wDAAmE;AACnE,8CAAoD;AACpD,oDAAsC;AACtC,gDAAuD;AACvD,wDAA0C;AAC1C,4DAA2E;AAC3E,oDAAsC;AACtC,kEAAkF;AAClF,wDAA0C;AAC1C,kEAAoD;AAEpD,kEAA+B;AAC/B,mEAAgC;AAChC,+DAA4B;AAC5B,iEAA8B;AAC9B,4DAAyB;AACzB,+DAA4B;AAC5B,6DAA0B;AAC1B,iEAA8B;AAC9B,mEAAgC;AAChC,+DAA4B;AAC5B,sEAAmC;AACnC,iEAA8B;AAC9B,sEAAmC;AAa5B,MAAM,cAAc,GAAyC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAClF,OAAO;SACF,GAAG,CAAC,qBAAS,CAAC;SACd,GAAG,CAAC,yBAAW,CAAC;SAChB,GAAG,CAAC,yBAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;SACxC,GAAG,CAAC,eAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;SAC9B,GAAG,CAAC,iBAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;SAChC,GAAG,CAAC,qBAAS,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC;SACpC,GAAG,CAAC,sCAAsB,EAAE,IAAI,CAAC,aAAa,CAAC;SAC/C,GAAG,CAAC,mCAAgB,CAAC;SACrB,GAAG,CAAC,mCAAgB,EAAE,IAAI,CAAC,gBAAgB,IAAI,EAAE,CAAC,CAAC;IAExD,IAAI,IAAI,CAAC,WAAW;QAAE,OAAO,CAAC,GAAG,CAAC,yBAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACjE,OAAO,CAAC,GAAG,CAAC,qBAAS,CAAC,CAAC;IACvB,OAAO,CAAC,GAAG,CAAC,6BAAa,CAAC,CAAC;AAC/B,CAAC,CAAC;AAfW,QAAA,cAAc,kBAezB","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"]}

package/build/cjs/extensions/yfm/Emoji/EmojiSuggest/EmojiHandler.d.ts

@@ -8,7 +8,6 @@ export declare class EmojiHandler implements AutocompleteHandler {
     private _emojiCarousel?;
     private _view?;
     private _anchor;
-    private _range?;
     private _popupCloser?;
     private _suggestProps?;
     private _suggestRenderItem?;

package/build/cjs/extensions/yfm/Emoji/EmojiSuggest/EmojiHandler.js

@@ -14,7 +14,6 @@ class EmojiHandler {
     _emojiCarousel;
     _view;
     _anchor = null;
-    _range;
     _popupCloser;
     _suggestProps;
     _suggestRenderItem;
@@ -92,12 +91,16 @@ class EmojiHandler {
         });
     }
     select() {
-        const { _view: view, _range: range } = this;
-        if (!view || !range)
+        const { _view: view } = this;
+        if (!view)
             return;
         const emojiDef = this._emojiCarousel?.currentItem;
         if (!emojiDef)
             return;
+        const autocompleteState = (0, Autocomplete_1.getAutocompleteState)(view.state);
+        if (!autocompleteState || !autocompleteState.active)
+            return;
+        const { range } = autocompleteState;
         const { tr, schema } = view.state;
         view.dispatch(tr.replaceWith(range.from, range.to, createEmoji(schema, emojiDef)).scrollIntoView());
         view.focus();
@@ -139,13 +142,11 @@ class EmojiHandler {
         }
         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._emojiCarousel = undefined;
         this._popupCloser?.cancelTimer();

package/build/cjs/extensions/yfm/Emoji/EmojiSuggest/EmojiHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiHandler.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Emoji/EmojiSuggest/EmojiHandler.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Schema} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {AutocompletePopupCloser} from '../../../../utils/autocomplete-popup';\nimport {ArrayCarousel} from '../../../../utils/carousel';\nimport {type RendererItem, getReactRendererFromState} from '../../../behavior';\nimport {\n    type AutocompleteAction,\n    AutocompleteActionKind,\n    type AutocompleteHandler,\n    type FromTo,\n    closeAutocomplete,\n} from '../../../behavior/Autocomplete';\nimport {EmojiConsts} from '../EmojiSpecs';\n\nimport {type EmojiSuggestComponentProps, render} from './EmojiSuggestComponent';\nimport type {EmojiDef} from './types';\nimport {findDecoElem} from './utils';\n\nconst emptyArray = new Array<string>(0);\n\nexport type EmojiHandlerParams = {\n    defs: Record<string, string>;\n    shortcuts?: Partial<Record<string, string | string[]>>;\n};\n\nexport class EmojiHandler implements AutocompleteHandler {\n    private readonly _emojis: readonly EmojiDef[];\n    private _emojiCarousel?: ArrayCarousel<EmojiDef>;\n\n    private _view?: EditorView;\n    private _anchor: Element | null = null;\n    private _range?: FromTo;\n    private _popupCloser?: AutocompletePopupCloser;\n\n    private _suggestProps?: EmojiSuggestComponentProps;\n    private _suggestRenderItem?: RendererItem;\n\n    constructor({defs, shortcuts = {}}: EmojiHandlerParams) {\n        this._emojis = Object.entries(defs).map(([name, symbol]) => {\n            const def: EmojiDef = {symbol, origName: name, name: name.toLowerCase()};\n            const short = shortcuts[name];\n            if (short) {\n                def.origShortcuts = emptyArray.concat(short);\n                def.shortcuts = def.origShortcuts.map((val) =>\n                    val.startsWith(':') ? val.slice(1) : val,\n                );\n            }\n            return def;\n        });\n    }\n\n    onOpen(action: AutocompleteAction): boolean {\n        this.findAnchor();\n        if (!this._anchor) {\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 (action.filter?.endsWith('  ')) {\n            this.closeAutocomplete(action.view);\n            return true;\n        }\n\n        this.updateState(action);\n\n        const needToClose = this.filterActions(action.filter?.trim());\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        this.updateState(action);\n\n        if (!this._emojiCarousel) return false;\n\n        switch (action.kind) {\n            case AutocompleteActionKind.up: {\n                this._emojiCarousel.prev();\n                break;\n            }\n            case AutocompleteActionKind.down: {\n                this._emojiCarousel.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        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 select() {\n        const {_view: view, _range: range} = this;\n        if (!view || !range) return;\n\n        const emojiDef = this._emojiCarousel?.currentItem;\n        if (!emojiDef) return;\n\n        const {tr, schema} = view.state;\n        view.dispatch(\n            tr.replaceWith(range.from, range.to, createEmoji(schema, emojiDef)).scrollIntoView(),\n        );\n        view.focus();\n    }\n\n    private filterActions(inputText?: string): boolean {\n        const currentItem = this._emojiCarousel?.currentItem;\n\n        let filteredEmojis = this._emojis;\n        let needToClose = false;\n\n        if (inputText) {\n            filteredEmojis = filterEmojis(filteredEmojis, inputText);\n            needToClose = !filteredEmojis.length && needToHide(this._emojis, inputText);\n        }\n\n        this._emojiCarousel = new ArrayCarousel(filteredEmojis);\n\n        if (currentItem) {\n            const newIndex = this._emojiCarousel.array.findIndex((item) => item === currentItem);\n            if (newIndex !== -1) {\n                this._emojiCarousel.currentIndex = newIndex;\n            }\n        }\n\n        return needToClose;\n    }\n\n    private render() {\n        this.findAnchor();\n        const viewItems = this._emojiCarousel?.array ?? [];\n        this._suggestProps = {\n            anchorElement: this._anchor,\n            currentIndex: this._emojiCarousel?.currentIndex,\n            items: viewItems,\n            onClick: this.onItemClick,\n            onOpenChange: this._popupCloser?.popupOpenChangeHandler,\n        };\n        this._suggestRenderItem = this._suggestRenderItem ?? this.createMenuRenderItem();\n        this._suggestRenderItem.rerender();\n    }\n\n    private onItemClick = (index: number) => {\n        if (this._emojiCarousel) {\n            this._emojiCarousel.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._emojiCarousel = undefined;\n        this._popupCloser?.cancelTimer();\n        this._popupCloser = undefined;\n        this._suggestProps = undefined;\n        this._suggestRenderItem?.remove();\n        this._suggestRenderItem = undefined;\n    }\n\n    private createMenuRenderItem(): RendererItem {\n        return getReactRendererFromState(this._view!.state).createItem('emoji_suggest', () =>\n            this._suggestProps ? render(this._suggestProps) : null,\n        );\n    }\n\n    private findAnchor() {\n        this._anchor = findDecoElem(this._view?.dom);\n    }\n}\n\nfunction createEmoji(schema: Schema, def: EmojiDef) {\n    return EmojiConsts.nodeType(schema).create(\n        {[EmojiConsts.NodeAttrs.Markup]: def.name},\n        schema.text(def.symbol),\n    );\n}\n\nfunction filterEmojis(defs: readonly EmojiDef[], text: string): readonly EmojiDef[] {\n    if (!text) return defs;\n    const textLowerCase = text.toLowerCase();\n\n    const byShortcuts: EmojiDef[] = [];\n    const byName: EmojiDef[] = [];\n    for (const emoji of defs) {\n        if (emoji.shortcuts?.some((val) => val.startsWith(text))) {\n            byShortcuts.push(emoji);\n        } else if (emoji.name.startsWith(textLowerCase)) {\n            byName.push(emoji);\n        }\n    }\n    return byShortcuts.concat(byName);\n}\n\nconst CHARS_TO_HIDE = 4;\nfunction needToHide(defs: readonly EmojiDef[], text: string): boolean {\n    let iter = 1;\n    do {\n        const prevInput = text.slice(0, text.length - iter);\n        const prevActions = filterEmojis(defs, 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":"EmojiHandler.js","sourceRoot":"../../../../../../src","sources":["extensions/yfm/Emoji/EmojiSuggest/EmojiHandler.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Schema} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {AutocompletePopupCloser} from '../../../../utils/autocomplete-popup';\nimport {ArrayCarousel} from '../../../../utils/carousel';\nimport {type RendererItem, getReactRendererFromState} from '../../../behavior';\nimport {\n    type AutocompleteAction,\n    AutocompleteActionKind,\n    type AutocompleteHandler,\n    closeAutocomplete,\n    getAutocompleteState,\n} from '../../../behavior/Autocomplete';\nimport {EmojiConsts} from '../EmojiSpecs';\n\nimport {type EmojiSuggestComponentProps, render} from './EmojiSuggestComponent';\nimport type {EmojiDef} from './types';\nimport {findDecoElem} from './utils';\n\nconst emptyArray = new Array<string>(0);\n\nexport type EmojiHandlerParams = {\n    defs: Record<string, string>;\n    shortcuts?: Partial<Record<string, string | string[]>>;\n};\n\nexport class EmojiHandler implements AutocompleteHandler {\n    private readonly _emojis: readonly EmojiDef[];\n    private _emojiCarousel?: ArrayCarousel<EmojiDef>;\n\n    private _view?: EditorView;\n    private _anchor: Element | null = null;\n    private _popupCloser?: AutocompletePopupCloser;\n\n    private _suggestProps?: EmojiSuggestComponentProps;\n    private _suggestRenderItem?: RendererItem;\n\n    constructor({defs, shortcuts = {}}: EmojiHandlerParams) {\n        this._emojis = Object.entries(defs).map(([name, symbol]) => {\n            const def: EmojiDef = {symbol, origName: name, name: name.toLowerCase()};\n            const short = shortcuts[name];\n            if (short) {\n                def.origShortcuts = emptyArray.concat(short);\n                def.shortcuts = def.origShortcuts.map((val) =>\n                    val.startsWith(':') ? val.slice(1) : val,\n                );\n            }\n            return def;\n        });\n    }\n\n    onOpen(action: AutocompleteAction): boolean {\n        this.findAnchor();\n        if (!this._anchor) {\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 (action.filter?.endsWith('  ')) {\n            this.closeAutocomplete(action.view);\n            return true;\n        }\n\n        this.updateState(action);\n\n        const needToClose = this.filterActions(action.filter?.trim());\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        this.updateState(action);\n\n        if (!this._emojiCarousel) return false;\n\n        switch (action.kind) {\n            case AutocompleteActionKind.up: {\n                this._emojiCarousel.prev();\n                break;\n            }\n            case AutocompleteActionKind.down: {\n                this._emojiCarousel.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        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 select() {\n        const {_view: view} = this;\n        if (!view) return;\n\n        const emojiDef = this._emojiCarousel?.currentItem;\n        if (!emojiDef) return;\n\n        const autocompleteState = getAutocompleteState(view.state);\n        if (!autocompleteState || !autocompleteState.active) return;\n\n        const {range} = autocompleteState;\n        const {tr, schema} = view.state;\n        view.dispatch(\n            tr.replaceWith(range.from, range.to, createEmoji(schema, emojiDef)).scrollIntoView(),\n        );\n        view.focus();\n    }\n\n    private filterActions(inputText?: string): boolean {\n        const currentItem = this._emojiCarousel?.currentItem;\n\n        let filteredEmojis = this._emojis;\n        let needToClose = false;\n\n        if (inputText) {\n            filteredEmojis = filterEmojis(filteredEmojis, inputText);\n            needToClose = !filteredEmojis.length && needToHide(this._emojis, inputText);\n        }\n\n        this._emojiCarousel = new ArrayCarousel(filteredEmojis);\n\n        if (currentItem) {\n            const newIndex = this._emojiCarousel.array.findIndex((item) => item === currentItem);\n            if (newIndex !== -1) {\n                this._emojiCarousel.currentIndex = newIndex;\n            }\n        }\n\n        return needToClose;\n    }\n\n    private render() {\n        this.findAnchor();\n        const viewItems = this._emojiCarousel?.array ?? [];\n        this._suggestProps = {\n            anchorElement: this._anchor,\n            currentIndex: this._emojiCarousel?.currentIndex,\n            items: viewItems,\n            onClick: this.onItemClick,\n            onOpenChange: this._popupCloser?.popupOpenChangeHandler,\n        };\n        this._suggestRenderItem = this._suggestRenderItem ?? this.createMenuRenderItem();\n        this._suggestRenderItem.rerender();\n    }\n\n    private onItemClick = (index: number) => {\n        if (this._emojiCarousel) {\n            this._emojiCarousel.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._emojiCarousel = undefined;\n        this._popupCloser?.cancelTimer();\n        this._popupCloser = undefined;\n        this._suggestProps = undefined;\n        this._suggestRenderItem?.remove();\n        this._suggestRenderItem = undefined;\n    }\n\n    private createMenuRenderItem(): RendererItem {\n        return getReactRendererFromState(this._view!.state).createItem('emoji_suggest', () =>\n            this._suggestProps ? render(this._suggestProps) : null,\n        );\n    }\n\n    private findAnchor() {\n        this._anchor = findDecoElem(this._view?.dom);\n    }\n}\n\nfunction createEmoji(schema: Schema, def: EmojiDef) {\n    return EmojiConsts.nodeType(schema).create(\n        {[EmojiConsts.NodeAttrs.Markup]: def.name},\n        schema.text(def.symbol),\n    );\n}\n\nfunction filterEmojis(defs: readonly EmojiDef[], text: string): readonly EmojiDef[] {\n    if (!text) return defs;\n    const textLowerCase = text.toLowerCase();\n\n    const byShortcuts: EmojiDef[] = [];\n    const byName: EmojiDef[] = [];\n    for (const emoji of defs) {\n        if (emoji.shortcuts?.some((val) => val.startsWith(text))) {\n            byShortcuts.push(emoji);\n        } else if (emoji.name.startsWith(textLowerCase)) {\n            byName.push(emoji);\n        }\n    }\n    return byShortcuts.concat(byName);\n}\n\nconst CHARS_TO_HIDE = 4;\nfunction needToHide(defs: readonly EmojiDef[], text: string): boolean {\n    let iter = 1;\n    do {\n        const prevInput = text.slice(0, text.length - iter);\n        const prevActions = filterEmojis(defs, prevInput);\n        if (prevActions.length) break;\n        iter++;\n    } while (iter < text.length && iter < CHARS_TO_HIDE);\n    return iter >= CHARS_TO_HIDE;\n}\n"]}

package/build/cjs/react-utils/index.d.ts

@@ -3,4 +3,5 @@ export * from "./hooks.js";
 export * from "./react-node-view.js";
 export * from "./useNodeEditing.js";
 export * from "./useNodeHovered.js";
+export * from "./useSharedEditingState.js";
 export * from "./useSticky.js";

package/build/cjs/react-utils/index.js

@@ -6,5 +6,6 @@ tslib_1.__exportStar(require("./hooks.js"), exports);
 tslib_1.__exportStar(require("./react-node-view.js"), exports);
 tslib_1.__exportStar(require("./useNodeEditing.js"), exports);
 tslib_1.__exportStar(require("./useNodeHovered.js"), exports);
+tslib_1.__exportStar(require("./useSharedEditingState.js"), exports);
 tslib_1.__exportStar(require("./useSticky.js"), exports);
 //# sourceMappingURL=index.js.map

package/build/cjs/react-utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["react-utils/index.ts"],"names":[],"mappings":";;;AAAA,6DAAgC;AAChC,qDAAwB;AACxB,+DAAkC;AAClC,8DAAiC;AACjC,8DAAiC;AACjC,yDAA4B","sourcesContent":["export * from './ErrorBoundary';\nexport * from './hooks';\nexport * from './react-node-view';\nexport * from './useNodeEditing';\nexport * from './useNodeHovered';\nexport * from './useSticky';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["react-utils/index.ts"],"names":[],"mappings":";;;AAAA,6DAAgC;AAChC,qDAAwB;AACxB,+DAAkC;AAClC,8DAAiC;AACjC,8DAAiC;AACjC,qEAAwC;AACxC,yDAA4B","sourcesContent":["export * from './ErrorBoundary';\nexport * from './hooks';\nexport * from './react-node-view';\nexport * from './useNodeEditing';\nexport * from './useNodeHovered';\nexport * from './useSharedEditingState';\nexport * from './useSticky';\n"]}

package/build/cjs/react-utils/useSharedEditingState.d.ts

@@ -0,0 +1,5 @@
+import type { EditorView } from "../pm/view.js";
+import type { SharedStateKey } from "../extensions/behavior/SharedState/index.js";
+export declare function useSharedEditingState(view: EditorView, key: SharedStateKey<{
+    editing: boolean;
+}>): readonly [Boolean, () => void, () => void, () => void];

package/build/cjs/react-utils/useSharedEditingState.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSharedEditingState = useSharedEditingState;
+const react_1 = require("react");
+const react_use_1 = require("react-use");
+function useSharedEditingState(view, key) {
+    const [value, setValue] = (0, react_1.useState)(false);
+    const valueRef = (0, react_use_1.useLatest)(value);
+    (0, react_1.useLayoutEffect)(() => {
+        setValue(key.getValue(view.state)?.editing || false);
+        return key.getNotifier(view.state).subscribe((data) => setValue(data?.editing || false));
+    }, [key, view]);
+    const { set, unset, toggle } = (0, react_1.useMemo)(() => {
+        const dispatch = (value) => {
+            view.dispatch(key.appendTransaction.update(view.state.tr, { editing: value }));
+        };
+        return {
+            set: () => dispatch(true),
+            unset: () => dispatch(false),
+            toggle: () => dispatch(!valueRef.current),
+        };
+    }, [key, view, valueRef]);
+    return [value, set, unset, toggle];
+}
+//# sourceMappingURL=useSharedEditingState.js.map

package/build/cjs/react-utils/useSharedEditingState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSharedEditingState.js","sourceRoot":"../../../src","sources":["react-utils/useSharedEditingState.ts"],"names":[],"mappings":";;AAOA,sDAqBC;AA5BD,iCAAyD;AAEzD,yCAAoC;AAKpC,SAAgB,qBAAqB,CAAC,IAAgB,EAAE,GAAuC;IAC3F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,IAAA,qBAAS,EAAC,KAAK,CAAC,CAAC;IAElC,IAAA,uBAAe,EAAC,GAAG,EAAE;QACjB,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,OAAO,IAAI,KAAK,CAAC,CAAC;QACrD,OAAO,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC;IAC7F,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;IAEhB,MAAM,EAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAC,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACtC,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAE,EAAE;YAChC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC;QACjF,CAAC,CAAC;QACF,OAAO;YACH,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YACzB,KAAK,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;SAC5C,CAAC;IACN,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAU,CAAC;AAChD,CAAC","sourcesContent":["import {useLayoutEffect, useMemo, useState} from 'react';\n\nimport {useLatest} from 'react-use';\n\nimport type {EditorView} from '#pm/view';\nimport type {SharedStateKey} from 'src/extensions/behavior/SharedState';\n\nexport function useSharedEditingState(view: EditorView, key: SharedStateKey<{editing: boolean}>) {\n    const [value, setValue] = useState<Boolean>(false);\n    const valueRef = useLatest(value);\n\n    useLayoutEffect(() => {\n        setValue(key.getValue(view.state)?.editing || false);\n        return key.getNotifier(view.state).subscribe((data) => setValue(data?.editing || false));\n    }, [key, view]);\n\n    const {set, unset, toggle} = useMemo(() => {\n        const dispatch = (value: boolean) => {\n            view.dispatch(key.appendTransaction.update(view.state.tr, {editing: value}));\n        };\n        return {\n            set: () => dispatch(true),\n            unset: () => dispatch(false),\n            toggle: () => dispatch(!valueRef.current),\n        };\n    }, [key, view, valueRef]);\n\n    return [value, set, unset, toggle] as const;\n}\n"]}

package/build/cjs/utils/descedants.d.ts

@@ -0,0 +1,8 @@
+import type { Node } from "../pm/model.js";
+export type FindDescedantItem = {
+    node: Node;
+    pos: number;
+    index: number;
+    parent: Node | null;
+};
+export declare function findFirstDescedantNode(doc: Node, predicate: (node: Node) => boolean): FindDescedantItem | null;

package/build/cjs/utils/descedants.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findFirstDescedantNode = findFirstDescedantNode;
+function findFirstDescedantNode(doc, predicate) {
+    let found = null;
+    doc.descendants((node, pos, parent, index) => {
+        if (found)
+            return false;
+        if (predicate(node))
+            found = { node, pos, parent, index };
+        return true;
+    });
+    return found;
+}
+//# sourceMappingURL=descedants.js.map

package/build/cjs/utils/descedants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descedants.js","sourceRoot":"../../../src","sources":["utils/descedants.ts"],"names":[],"mappings":";;AASA,wDAeC;AAfD,SAAgB,sBAAsB,CAClC,GAAS,EACT,SAAkC;IAElC,IAAI,KAAK,GAA6B,IAAI,CAAC;IAE3C,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;QACzC,IAAI,KAAK;YAAE,OAAO,KAAK,CAAC;QAExB,IAAI,SAAS,CAAC,IAAI,CAAC;YAAE,KAAK,GAAG,EAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAC,CAAC;QAExD,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACjB,CAAC","sourcesContent":["import type {Node} from '#pm/model';\n\nexport type FindDescedantItem = {\n    node: Node;\n    pos: number;\n    index: number;\n    parent: Node | null;\n};\n\nexport function findFirstDescedantNode(\n    doc: Node,\n    predicate: (node: Node) => boolean,\n): FindDescedantItem | null {\n    let found: FindDescedantItem | null = null;\n\n    doc.descendants((node, pos, parent, index) => {\n        if (found) return false;\n\n        if (predicate(node)) found = {node, pos, parent, index};\n\n        return true;\n    });\n\n    return found;\n}\n"]}

package/build/cjs/utils/entity-id.d.ts

@@ -0,0 +1,11 @@
+import type { Node } from "../pm/model.js";
+export declare const entityIdAttr = "data-entity-id";
+export declare function generateEntityId(name?: string): string;
+/**
+ * Returns true when entityId is not set, is set to default value, or is duplicated (other node already has this entityId)
+ */
+export declare function isInvalidEntityId({ doc, node, defaultId, }: {
+    doc: Node;
+    node: Node;
+    defaultId: string;
+}): boolean;